アフィリエイト入門編

【第12回】アフィリエイト入門編(サイドバーを構築する!ウィジェットを使う!)





サイトを立ち上げました。記事も書き広告も貼りましたが、見た目がまだ初期状態のままですので、サイトの見た目を整えていきます。

サイトのサイドバーに表示するウィジェット(ブロックみたいなもの)を組み立てていきます。


サイドバーとは



サイドバーとは、記事右側にある(※左側に配置することも可能)、プロフィールやカテゴリ、広告などを表示しているエリアです。

ここに [ウィジェット] と呼ばれるブロック単位(四角い枠単位)のオブジェクトを配置して、各部品(プロフィールやカテゴリなど)を配置します。


ウィジェットとは


ウィジェットとは



[ウィジェット] とは、多様な機能を提供する部品です。(上記イメージでは、「プロフィールを表示するウィジェット(部品)」を表しています)

ウィジェット(部品)を使うことで、各機能を(細かいHTMLやCSSなどのWEB作成スクリプトを記述しなくても)比較的簡単に実現することができます。


ウィジェットの利用方法①



WordPress の管理画面から、[外観] → [ウィジェット] を選択します。

左側の青枠部分が選択できる(利用できる)ウィジェット、右側の赤枠部分が配置場所(ウィジェットを表示する対象の場所)です。左から右にドラッグ&ドロップで配置します。(配置を解除する場合は、右から左にドラッグ&ドロップで解除します)


ウィジェットの利用方法②



WordPress の管理画面から、[外観] → [ウィジェット] → [ライブプレビューで管理] を選択します。

左側の赤枠内でウィジェットの配置(編集)を行い、右側で実際の表示イメージを確認することができます。


サイドバーを作っていく


「サイドバートップ」と「サイドバー」と「スクロール広告用」



サイドバーは、「サイドバートップ」と「サイドバー」と「スクロール広告用」に分かれます。


サイドバートップサイドバーの上に表示するサイドバーです(笑)。
サイドバーサイドバー本体です。
スクロール広告用画面を立てスクロールした場合に、スクロールのほうがサイドバーの縦幅よりも大きい場合、配置したウィジェットを表示し続けるサイドバーです。
追尾型のサイドバーです。

ポイント


[スクロール広告用] は、縦スクロールバーでページを下に進めても常にサイドバーに表示されるウィジェットの指定になりますので、思わず広告を貼り付けたくなりますが、[追尾型スクロールで広告を表示してはいけない] とルール付けされている広告もあります ので、ここに広告は貼らないほうが無難です。



サイドバーを作っていく


1.[カテゴリ一覧] を配置する



WordPress の管理画面から、[外観] → [ウィジェット] → [ライブプレビューで管理] を選択します。


  1. [サイドバーウィジェット] にて、[ウィジェットを追加] ボタンから、[カテゴリーウィジェット] を追加します
  2. [投稿数を表示] や [階層を表示] などのチェックで見た目を整えます

2.[サイト内検索] を配置する



WordPress の管理画面から、[外観] → [ウィジェット] → [ライブプレビューで管理] を選択します。


  1. [サイドバーウィジェット] にて、[ウィジェットを追加] ボタンから、[検索:サイト内検索] を追加します
  2. [表示するタイトル] を入力します

ポイント


[サイト内検索] は、あなたのサイト内の記事から徳敵のキーワードの記事を検索する機能ですが、読者の方がご利用になることはあまり多くはないと思いますが、あなた自身が、「あの記事どこだっけ?」と思って探すときにめっちゃ便利です(笑)



3.[プロフォール] を配置する



WordPress の管理画面から、[外観] → [ウィジェット] → [ライブプレビューで管理] を選択します。


  1. [サイドバートップ] にて、[ウィジェットを追加] ボタンから、[11_STINGERサイト管理者紹介] を追加します
  2. [プロフィール] を編集します

※ 上記の [プロフィール] は、WordPress のテーマ [AFFINGER5] を利用していることを前提としています。


AFFINGER5 ご購入はこちら



プロフィールの編集方法は、次のページで詳しく解説していますので、ご覧くださいませ。


★ 【AFFINGER5】めっちゃ簡単にプロフィール(自己紹介)をサイドバーに表示する方法!(アバターを丸くする)

WordPress テーマの AFFINGER5 なら、めっちゃ超簡単にプロフィール(丸いアバター)が作れます。サイドバーへのプロフィールの設置方法を解説します。自分をめっちゃ紹介だ!(笑)

続きを見る


4.[広告] を配置する



WordPress の管理画面から、[外観] → [ウィジェット] → [ライブプレビューで管理] を選択します。


  1. [サイドバーウィジェット] にて、[ウィジェットを追加] ボタンから、[テキスト] を追加します
  2. [テキスト] タブを選び、ASPで発行した広告用スクリプトを貼り付けます

まとめ


サイトのサイドバーはウィジェットを組み合わせて作っていきます。



  • サイトのサイドバーには、[サイドバートップ]、[サイドバー]、[スクロール広告用] がある
  • サイドバーにはウジェットを組み合わせて作っていく
  • ウィジェットには [カテゴリ]、[サイト内検索]、[プロフィール]、[テキスト(広告)] などがある


Enjoy!サイドバーはサイドにある(そりゃそうだ(笑))



■ 次の記事に進む

【第13回】アフィリエイト入門編(ヘッダーと、フッターを綺麗にする)

第13回:サイトの「ヘッダー」、「フッター」をカスタマイズしていく方法です。うまくヘッダーとフッターを使うことで、ユーザがより使いやすく長く滞在してもらえるサイトに仕上がります。ヘッダーはサイトの王冠だとすると、フッターは何でしょう?(笑)

続きを見る


■ 最初から読む

【第1回】アフィリエイト入門編(アフィリエイトの始め方、アフィリエイトとは?)

第1回:「アフィリエイトとは何か?」を超簡単に紹介します。寝ている間も広告が勝手にお金を稼いでくれるチャリンチャリン計画です(笑)。人生そんなに甘くないけど!(笑)!ネットで副業したい方必見!読めばわかる、知れば得する「アフィリエイトの世界」連載全20回で丁寧に紹介します。

続きを見る








Presented By Irojiro Haraguro .Com

ブログランキング・にほんブログ村へ