現在パソコン版のマニュアルを表示中
ブログのサイドバーに、バナー画像を貼ってリンク集などを作る手順について解説します。
アフィリエイトタグの設置やテキストリンク集も同じ手順で応用できます。
画像をアップロードして、それをプラグインのフリーエリアに貼るまでを順を追って解説します。
はじめに画像を自分のブログにアップロードして、画像のURLを取得する手順から説明します。
Amazonアソシエイト、一般的なアフィリエイトのように、商品画像やバナーを直接使用できるもの、
用意されているリンクコードをそのままコピーペーストすればいい場合は、
「フリーエリアに設置」の項目へ進んでください。
自作のバナー画像や、「直リンク」が許可されていない画像は、
ユーザー自身の管理画面からアップロードして使用します。
【旧・管理画面の場合】
1.左メニュー「ホーム」>「ファイルアップロード」の画面を開きます
2.「参照」ボタンを押すとウィンドウが開いて、パソコンにあるファイルが表示されます
その中からアップロードしたいファイルを選択します
3.「アップロード」ボタンを押して、パソコン上のファイルをブログサーバーへアップロードします
※新ファイルアップロードの使用方法はこちらをご参照ください。
[参照] ファイルをアップロードする
【新・管理画面の場合】
【旧・管理画面の場合】
アップロードが完了したファイルは、一覧表の中に表示されます。
サムネイル部分をクリックすると、別画面で画像が開きます。
ブラウザーのアドレスバーに表示されるのがその画像のパスです。
この画像をブログに貼る際には、アドレスバーからこのURLをコピー&ペーストする方法が簡単です。
【新・管理画面の場合】
バナー画像などを貼るスペースとして、フリーエリアを追加します。
【旧・管理画面の場合】
「環境設定」>「プラグインの設定」を開いて「公式プラグイン追加」画面へ進みます。
「追加」をクリックすると、編集画面が開くので、テキストエリア内にコードを貼り付けます。
【新・管理画面の場合】
【旧・管理画面の場合】
【新・管理画面の場合】
自分がアップロードした画像を、フリーエリアに貼るには、次のようにHTMLを記述します。
サンプルコードをそのままコピーペーストしても使えますが、
「画像のパス」部分などはアドレスバーからコピーしたパスに差し替えてください。
またクォーテーション「"」で前後をくくる必要があるので、パスをペーストする際に消さないように
注意してください。
画像にリンクを貼りたい場合には次のように記述します。
バナーをクリックすると別のサイト(友人のブログなど)を開くようにしたり、
商品画像にアフィリエイトリンクを貼る場合なども同様です。
画像の下に文字を入れたい場合は次のように記述します。
2つ目、3つ目の画像を貼りたい場合は、上記のコードを同じように繰り返し入れてください。
1つのフリーエリア内に画像は何点でも入れることができるので、
1回ごとにフリーエリアを追加する必要はありません。
ヘルプをご覧になっても問題が解決されない場合は、サポートへお問い合わせください。
FC2ブログに関するお問い合わせはこちら