WordPress(ワードプレス)のサイドバー設定方法[初心者向け]、SNSフォローと新着記事とウイジェット設定

2018年8月30日

ブログのサイドバーとは、メイン記事の右側(または左側)に設置する領域のことです。このサイドバーにどんな内容を設定するかはとても重要です。「どんな人がこのブログを運営しているのか」、「ブログの運営目的は何か」、「どんな内容の記事が主なのか」が読者にストレスなく伝わることが重要です。

読者にとって関心のある項目が「記事一覧」に並んでいると、別の記事も読んでもらえます。またTwitterやInstagramのリンクがあればあなたのことを知ってもらえるチャンスになります。

どのようなコンテンツ(項目)を置くかは悩むところですが、ブログを構築したばかりの初心者の方向けに設置して欲しいオススメのコンテンツ(項目)とその設定方法について解説します。

 

サイドバーに表示したい項目

サイドバーに設置するべきおすすめの項目は以下です。

基本項目

  • プロフィール
  • 検索用ウィンドウ
  • 最新記事一覧
  • 人気記事一覧
  • カテゴリー

ウィジェットで追加するSNSボタン

  • SNSフォローボタン

 

この他にも「メルマガ登録用のバナー(メルマガフォームへのリンク)」や、「おすすめ企画へのバナー(アフィリエイトしたい商材のLPへのリンク)」などの配置が必要になってきます。
今回はブログを構築したばかりの段階を想定しての設定なので、上記の「基本5項目+SNSフォローボタン」の設定方法を紹介します、今後のビジネスの発展に伴い随時追加していっていただければと思います。

 

ウィジェット設定

まずウィジェットとは、パソコンのデスクトップやWebページなどで動作する小さなアプリケーションのことです。ウィジェットを利用することであらかじめ用意されている機能を色々組み込むことができます。

ウィジェットには、もともとWordPrssのデフォルト機能として含まれているもの、プラグインで追加するもの、テーマ(サンプルで使用しているのは*無料テーマ「ルクセリタス」)に付随しているもの等があります。利用できるウィジェットは「利用できるウィジェット一覧」の画面で確認できます。

 

ウィジェット設定画面

ダシュボードの左メニューで、[外観]>>[ウィジェット]をクリックします。
キャプチャー、ウィジット

ウィジェットの一覧画面がでます、内容は使用するテーマによって異なります。
*無料テーマ「ルクセリタス」のウィジェット画面です。
*デフォルト=初期設定の状態

キャプチャー、デフォルトのウィジェット

デフォルト(初期設定)のサイドバーの表示は以下のようになっています。
キャプチャー、サイドバーデフォルト

上記をカスタマイズ(自分の好みに作り変える)していきます。

 

メタ情報の削除

メタ情報」は本体の機能とは別の付加的な機能にあたる項目です。ここには、ダッシュボード(管理画面)を表示するための「ログイン」画面の表示などがありますが、読者は利用しないので一覧から削除します。
*ログイン画面はブラウザのお気に入りに登録しておきましょう。

①メタ情報の右端にある▼をクリックすると▲(上むき三角)になります。
②内容が表示されるので[削除]をクリックします。

キャプチャー、メタ情報削除

 

メタ情報が削除されました。
キャプチャー、メタ情報削除

 

SNSフォローボタン

無料テーマ「ルクセリタス」には、「SNS連携」用のウィジェットが用意されています。これを使用します。

まずSNS連携のボタンには、シェアーボタンフォローボタンがあります。
シェアーボタン:ブログの読者のSNSでブログの記事を紹介してもらうためのボタン、クリックすると読者のSNSへジャンプし、ブログの記事内容を紹介する投稿がされる。ブログの記事内容を広めるためのボタン。
フォローボタン:ブログの管理者のSNSをフォローしてもらうためのボタン、クリックすると管理者のSNSへジャンプする。SNSのフォローをしてもらい、ブログ&管理者のファンになってもらうためのボタン

「ルクセリタス」にはあらかじめ、記事上や記事下にシェアーボタンが設置されています。
サイドバーにはフォローボタンを設置します。

利用できるウィジット一覧の中から[#6SNSフォローボタン]をクリックします。
キャプチャー、SNS連携

表示タイプを選択し、[ウィジェットを追加]をクリックします。
キャプチャー、SNSフォローボタン

フォローボタンが表示領域に追加されて、設定画面が表示されます。
表示させたいフォローボタンのアカウントを入力します。
*サンプルでは、Twitter, Facebook,Instagram を表示させます。

表示させたい、SNSの項目の□にチェックをいれます。
それぞれのSNSのIDを入力します。
*IDは各欄の上部に記載されているURLの「XXXXX」の部分です、自身のSNSを表示させて確認してください。
キャプチャー、SNSフォローボタン

設定が完了したら、ウィンドウの下にある[保存]ボタンをクリックします。
キャプチャー、保存

ボタンが[保存しました]に変わります。
キャプチャー、保存しました。

 

ウィジェットの表示位置を調整します。
フォローボタンの枠をドラッグして、最上部に移動させます。
キャプチャー、移動

移動しました。
キャプチャー、移動後

ブログ画面で表示を確認します。
SNSのフォローボタンが設置できました。メタ情報も削除されています。
*ボタンのデザインはルクセリタスの管理画面で選べます。
キャプチャー、SNSフォローボタン

 

新着記事の表示

デフォルトで[最近の投稿]が表示されていますが、これに代えてサムネイル(小さい画像)付きの一覧表示を設置します。

①[最近の投稿]を削除します。
[最近の投稿]の▼をクリックして、表示された「削除」の文字をクリックします。

②[新着記事]の一覧を表示させます。
[#4 新着記事(Luxeritasオリジナル)]をクリックします。

キャプチャー、新着記事

表示形式を選択し、[ウィジェットを追加]をクリックします。
キャプチャー、設定

新着記事の設定画面が出ます。
①タイトルを入力
②表示記事数を入力(5〜10以内が適当です)
③サムネイル非表示はチェックしません
[保存]をクリックします。
キャプチャー、新着記事

枠をドラッグして、表示位置を調整します。検索の下に表示させます。
キャプチャー、新着記事

ブログ画面を確認します。新着記事一覧が表示されました。
*現在投稿記事が1個しかないので、一覧も1個です。キャプチャー、新着記事

 

アーカイブの削除

アーカイブは月ごとの記事をまとめて表示してくれる機能です。自分がブログを探す際には利用する可能性はありますが、読者側の立場ではほぼ利用しません。いつからブログ記事を書いているかを知らせることはできますが、ビジネスとしてブログを運営する上でアピールポイントにはならないと思われます。りんごの個人的な意見ですが、削除したほうがよいと思います。
*個人的な考えもあるかと思います、表示or非表示の判断は自身で決めてください。必要であればまた表示できます。
キャプチャー、アーカイブ削除

 

 

プロフィール作成

プロフィールはとても大事なコンテンツです。読者は、記事の内容に共感が持てたり、いい情報の記事だと感じた時は「どんな人が運営しているのだろう」と知りたくなります。なので、プロフィールは一番目につきやすいサイドバーの上部に設置しましょう。自身の紹介やブログの主旨を簡単に記述します。

内 容

以下の項目があればよいかと思います。

  • 名前(ニックネームでもOK)
  • 写真またはアバターなどのイラスト(イメージ写真でも可なので入れる方がいい)
  • 挨拶
  • ブログ内容の紹介

設定方法

「テキスト」のウィジェットを使用します。

ウィジェット一覧の [テキスト] をクリックします。

キャプチャー、ウィジェット

表示形式を選択し、[ウィジェットを追加]をクリックします。
キャプチャー、テキスト

テキストの編集画面が表示されます。
[タイトル]を入力します。ブログの運営者についての情報だとすぐにわかるタイトルにします。
例)「プロフィール」「PROFILE」「このブログについて」など、キャプチャー、プロフィール

続いて編集画面の入力です。
まず、イメージ画像を挿入します。
*自身の写真や、イラストが望ましいですが、何もないよりイメージにあう画像を挿入しましょう。
編集画面上の [メディアを追加] をクリックします。
キャプチャー、メディアを追加

メディアを追加の画面がでます、 [ファルをアップロード]をクリックします。
キャプチャー,メディアを追加

[ファイルを選択]をクリックします。
キャプチャー、ファイルをアップロード

パソコンのフォルダウィンドウから用意した画像を選択し、[開く]をクリックします。
キャプチャー、ファイル選択

画像が選択されていることを確認して、[投稿に挿入]をクリックします。

キャプチャー、画像選択

テキスト枠内に画像が表示されました。
画像が選択されていることを確認します。(画像の四隅に□が表示されています、選択されていない場合は画像をクリックして選択します)

画像の配置を中央に変更します。
[中央揃え]のボタンをクリックします。
キャプチャー、画像配置

 

画像が大きい場合は調整します。
*画像が小さい場合は、大きな画像を用意し直します(サイズ変更で大きくすると画像がぼやけます)。

[Editbutton]をクリックします。
キャプチャー、画像調整

画像詳細の画面が表示されます。
①サイズ [カスタムサイズ]を選択します。
②数字の枠の右端にある矢印で数字を調整します。
*サンプルは300×300です
③[更新]をクリックします。
キャプチャー、サイズ変更

画像のサイズが調整され、画像が中央に配置されたことを確認します。

本文を入力します。
[保存]をクリックします。
キャプチャー、テキスト入力

[保存しました] となります。
キャプチャー、保存しました

[テキスト]ウィジェットの表示位置を、サイドバーの最上部に設置します。
キャプチャー、表示位置

 

ブログの表示を確認します。
キャプチャー、ブログ表示

 

人気記事一覧

閲覧回数の多い人気記事の一覧を設定します。これには「WordPress Popular Posts」というプラグインを使用します。

人気記事は多くの人が興味を示してくれている内容なので、訪問者の関心も高い可能性があります、設置しておくことでクリックされブログの閲覧時間やクリック数の増加に役立ちます。そしてブログのファン獲得に繋がります。

投稿記事の中で、閲覧数が多い順に一覧表示されます。閲覧数やランキングのデーター収集も設定した期間の中で自動的に集計してくれます。

プラグインのインストール

ダッシュボードの左メニューから [プラグイン]>>[新規追加] をクリックします。

キャプチャー、プラグイン

 

プラグインを追加の画面が表示されます。
①キーワードに「WordPress Popular Posts」と入力し検索します。
②表示されたWordPress Popular Postsの [今すぐインストール]をクリックします。
キャプチャー、検索

[有効化] のボタンをクリックします。
キャプチャー、有効化

 

WordPress Popular Posts の設定

プラグイン「WordPress Popular Posts」の設定をします。
ダッシュボードの左メニューから [設定]>>[WordPress Popular Posts] をクリックします。
キャプチャー、プラグイン設定

「WordPress Popular Posts」の画面が表示されます。
上部のメニューから[ツール]をクリックします。

キャプチャー、統計情報

ツールの画面が表示されます。
キャプチャー、ツール画面

アイキャッチ画像の設定

デフォルトのアイキャッチ画像を変更します。
*投稿記事に「アイキャッチが設定されていない場合、この画像が表示されます」
[サムネイル]を変更をクリックし、用意した画像を選択します。
*サンプルではブログのアイキャッチ画像が設定されていない時と同じ画像にします。

画像が変更されたら [適用] をクリックします。

キャプチャー、アイキャッチ

データの設定

閲覧を記録する対象者: [訪問者のみ]を選択します。
そのほかの欄はデフォルトのままでOKです。
[適用]をクリックします。

キャプチャー、データー

その他の設定

その他の設定も特に変更はありません。
キャプチャー、その他

 

ウィジェットへ表示させる。

ダシュボードの左メニューで、[外観]>>[ウィジェット]をクリックします。

キャプチャー、ウィジット

利用できるウィジェット の画面がでます。
[WordPress Popular Posts]をクリックします。
キャプチャー、ウィジェット設定

表示形式を選択し、[ウィジェットを追加]をクリックします。
キャプチャー、追加

 

表示内容を設定します。
①タイトルを入力します。
②最大表示件数を入力します(5〜10くらいが適当です)
③そーと順を選択します。[総閲覧数]を選択します。
*ブログ構築初期は閲覧数が少ないので、総閲覧数を選択します。閲覧数が増えたら状況によって変更します。
④フィルターを選択します。サンプルでは[過去30日間]に設定しました。
*ブログ構築初期は閲覧数が少ないので、[全期間]でよいと思います。

*その他の項目は特になければデフォルトのままでかまいません。

[保存]をクリックします。
キャプチャー、表示設定
キャプチャー、設定
保存しました、となります。
キャプチャー、保存しました。

表示位置を調整します。サンプルでは一番下に設置しました。

キャプチャー、表示位置

 

ブログ記事の確認

*初期状態では「まだデータがありません」の表示になります。
*表示されると、新着記事のようにサムネイルとタイトル、説明等が表示されます。
キャプチャー、ブログ表示

 

 

以上でサイドバーの設定は完了です。

サンプル記事は以下のURLでご覧になれます。
↓↓↓↓↓↓↓
健康生活(サンプルブログ) https://applired.xsrv.jp/

 

まとめ

サイドバーはとても大事です、ブログを訪れてくれた人との繋がりをつくるチャンスの場です。

実はりんごも、SNSのフォローボタンのノウハウをさがして訪れたブログで、サイドバーのリンクをポチッとしたことが、アフィリエイト(ネットビジネス)の世界に踏み出す一歩になりました。

それは、とても丁寧な解説ブログだったので、「どんな人が書いているのだろう」とブログの管理人に興味を持ちました。サイドバーには管理人のTwitterリンクがあったので思わずそれを見に行きました。Twitterから感じられた管理人のほんわかした雰囲気が気になって、サイドバーにあったメルマガリンクから「メルマガの購読登録」をしました。
そうして、ブログ&メルマガのアフィリエイトシステムを知ることになりこの世界へ足を踏み入れたのです。

なので、管理人がサイドバーにSNSリンクや、メルマガリンクを用意してくれていなければ私のネットビジネスはまだスタートしていないかもしれません。

 

ブログを訪れる読者は、何か調べ物がしたい、知りたい情報をゲットしたくてブログを訪れます。勿論その欲求に対して、満足できる答えと期待以上の情報を用意することは第一歩目の条件ですが。訪れてくれた読者を次の一歩へ進めさせるのがサイドバーの役割だと思います。

ぜひ、魅力あるサイドバーを構築して、読者を二歩,三歩先のコミュニケーションへ誘ってください。