バナーの設置手順

FC2ブログマニュアル

現在パソコン版のマニュアルを表示中

ブログのサイドバーに、バナー画像を貼ってリンク集などを作る手順について解説します。
アフィリエイトタグの設置やテキストリンク集も同じ手順で応用できます。

画像をアップロードして、それをプラグインのフリーエリアに貼るまでを順を追って解説します。

バナー画像をアップロードする　↓
画像のパスを調べる　↓
「フリーエリア」にバナーを設置する　↓
画像タグの記述方法　↓

バナー画像をアップロードする

はじめに画像を自分のブログにアップロードして、画像のURLを取得する手順から説明します。

Amazonアソシエイト、一般的なアフィリエイトのように、商品画像やバナーを直接使用できるもの、
用意されているリンクコードをそのままコピーペーストすればいい場合は、
「フリーエリアに設置」の項目へ進んでください。
自作のバナー画像や、「直リンク」が許可されていない画像は、
ユーザー自身の管理画面からアップロードして使用します。

【旧・管理画面の場合】

1.左メニュー「ホーム」＞「ファイルアップロード」の画面を開きます
2.「参照」ボタンを押すとウィンドウが開いて、パソコンにあるファイルが表示されます
　その中からアップロードしたいファイルを選択します
3.「アップロード」ボタンを押して、パソコン上のファイルをブログサーバーへアップロードします

※新ファイルアップロードの使用方法はこちらをご参照ください。
［参照］ファイルをアップロードする

【新・管理画面の場合】

画像のパスを調べる

【旧・管理画面の場合】

アップロードが完了したファイルは、一覧表の中に表示されます。
サムネイル部分をクリックすると、別画面で画像が開きます。
ブラウザーのアドレスバーに表示されるのがその画像のパスです。
この画像をブログに貼る際には、アドレスバーからこのURLをコピー＆ペーストする方法が簡単です。

【新・管理画面の場合】

「フリーエリア」にバナーを設置する

バナー画像などを貼るスペースとして、フリーエリアを追加します。

【旧・管理画面の場合】

「環境設定」＞「プラグインの設定」を開いて「公式プラグイン追加」画面へ進みます。
「追加」をクリックすると、編集画面が開くので、テキストエリア内にコードを貼り付けます。

【新・管理画面の場合】

【旧・管理画面の場合】

【新・管理画面の場合】

画像タグの記述方法

自分がアップロードした画像を、フリーエリアに貼るには、次のようにHTMLを記述します。
サンプルコードをそのままコピーペーストしても使えますが、
「画像のパス」部分などはアドレスバーからコピーしたパスに差し替えてください。
またクォーテーション「"」で前後をくくる必要があるので、パスをペーストする際に消さないように
注意してください。

画像にリンクを貼りたい場合には次のように記述します。
バナーをクリックすると別のサイト（友人のブログなど）を開くようにしたり、
商品画像にアフィリエイトリンクを貼る場合なども同様です。

画像の下に文字を入れたい場合は次のように記述します。

<div>
<a href="リンク先のURL">
<img src="画像のパス" /><br />
文字を入れる
</a>
</div>

2つ目、3つ目の画像を貼りたい場合は、上記のコードを同じように繰り返し入れてください。
1つのフリーエリア内に画像は何点でも入れることができるので、
1回ごとにフリーエリアを追加する必要はありません。

マニュアル一覧を見る »