WordPress(ワードプレス)のサイドバー設定方法[初心者向け]、SNSフォローと新着記事とウイジェット設定
2018年8月30日
ブログのサイドバーとは、メイン記事の右側(または左側)に設置する領域のことです。このサイドバーにどんな内容を設定するかはとても重要です。「どんな人がこのブログを運営しているのか」、「ブログの運営目的は何か」、「どんな内容の記事が主なのか」が読者にストレスなく伝わることが重要です。
読者にとって関心のある項目が「記事一覧」に並んでいると、別の記事も読んでもらえます。またTwitterやInstagramのリンクがあればあなたのことを知ってもらえるチャンスになります。
どのようなコンテンツ(項目)を置くかは悩むところですが、ブログを構築したばかりの初心者の方向けに設置して欲しいオススメのコンテンツ(項目)とその設定方法について解説します。
*この記事では一部無料テーマ 「Luxeritas (ルクセリタス )」の専用ウイジェットを使用しています
*無料テーマ[Cocoon(コクーン)]を使用している場合は、以下の記事を参照ください
■WordPress、無料テーマ「Cocoon」のサイドバー設定方法
サイドバーに表示したい項目
サイドバーに設置するべきおすすめの項目は以下です。
基本項目
- プロフィール
- 検索用ウィンドウ
- 最新記事一覧
- 人気記事一覧
- カテゴリー
ウィジェットで追加するSNSボタン
- SNSフォローボタン
この他にも「メルマガ登録用のバナー(メルマガフォームへのリンク)」や、「おすすめ企画へのバナー(アフィリエイトしたい商材のLPへのリンク)」などの配置が必要になってきます。
今回はブログを構築したばかりの段階を想定しての設定なので、上記の「基本5項目+SNSフォローボタン」の設定方法を紹介します、今後のビジネスの発展に伴い随時追加していっていただければと思います。
ウィジェット設定
まずウィジェットとは、パソコンのデスクトップやWebページなどで動作する小さなアプリケーションのことです。ウィジェットを利用することであらかじめ用意されている機能を色々組み込むことができます。
ウィジェットには、もともとWordPrssのデフォルト機能として含まれているもの、プラグインで追加するもの、テーマ(サンプルで使用しているのは*無料テーマ「ルクセリタス」)に付随しているもの等があります。利用できるウィジェットは「利用できるウィジェット一覧」の画面で確認できます。
ウィジェット設定画面
ダシュボードの左メニューで、[外観]>>[ウィジェット]をクリックします。
ウィジェットの一覧画面がでます、内容は使用するテーマによって異なります。
*無料テーマ「ルクセリタス」のウィジェット画面です。
*デフォルト=初期設定の状態
デフォルト(初期設定)のサイドバーの表示は以下のようになっています。
上記をカスタマイズ(自分の好みに作り変える)していきます。
メタ情報の削除
「メタ情報」は本体の機能とは別の付加的な機能にあたる項目です。ここには、ダッシュボード(管理画面)を表示するための「ログイン」画面の表示などがありますが、読者は利用しないので一覧から削除します。
*ログイン画面はブラウザのお気に入りに登録しておきましょう。
①メタ情報の右端にある▼をクリックすると▲(上むき三角)になります。
②内容が表示されるので[削除]をクリックします。
メタ情報が削除されました。
SNSフォローボタン
無料テーマ「ルクセリタス」には、「SNS連携」用のウィジェットが用意されています。これを使用します。
まずSNS連携のボタンには、シェアーボタンとフォローボタンがあります。
■シェアーボタン:ブログの読者のSNSでブログの記事を紹介してもらうためのボタン、クリックすると読者のSNSへジャンプし、ブログの記事内容を紹介する投稿がされる。ブログの記事内容を広めるためのボタン。
■フォローボタン:ブログの管理者のSNSをフォローしてもらうためのボタン、クリックすると管理者のSNSへジャンプする。SNSのフォローをしてもらい、ブログ&管理者のファンになってもらうためのボタン
「ルクセリタス」にはあらかじめ、記事上や記事下にシェアーボタンが設置されています。
サイドバーにはフォローボタンを設置します。
利用できるウィジット一覧の中から[#6SNSフォローボタン]をクリックします。
表示タイプを選択し、[ウィジェットを追加]をクリックします。
フォローボタンが表示領域に追加されて、設定画面が表示されます。
表示させたいフォローボタンのアカウントを入力します。
*サンプルでは、Twitter, Facebook,Instagram を表示させます。
表示させたい、SNSの項目の□にチェックをいれます。
それぞれのSNSのIDを入力します。
*IDは各欄の上部に記載されているURLの「XXXXX」の部分です、自身の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リンクや、メルマガリンクを用意してくれていなければ私のネットビジネスはまだスタートしていないかもしれません。
ブログを訪れる読者は、何か調べ物がしたい、知りたい情報をゲットしたくてブログを訪れます。勿論その欲求に対して、満足できる答えと期待以上の情報を用意することは第一歩目の条件ですが。訪れてくれた読者を次の一歩へ進めさせるのがサイドバーの役割だと思います。
ぜひ、魅力あるサイドバーを構築して、読者を二歩,三歩先のコミュニケーションへ誘ってください。
りんごからのお知らせ
こんにちは、Ringoです。岡山県真庭市というところで、非常勤のデザイン講師をしながら、ブログやメルマガを利用したネットビジネスをご紹介しています。
このブログと連携して「ゆとりのシニアライフを実現させる」をテーマにメルマガを配信、シニア&初心者向けにネットビジネスの魅力と取り組み方をお伝えしています。噛み砕いた解説がわかりやすいと好評です(^^)
経済的にも心にも「ゆとり」をもたらす収入をゲットしませんか!
そんなあなたは必見ですよ
SNSやネット活用の実践講座を交えた実りいっぱいの無料メルマガです。
お申し込みはこちらのボタンをクリック、是非この機会に(^o^)ノ゙
↓↓↓↓↓↓↓↓↓↓
よろしければ、この記事やブログに関する 感想・聞いてみたいこと・要望などなどお聞かせください。内容と関係ない雑談も大歓迎です(^^)
↓↓↓↓↓↓↓お気軽にo(^-^)o♪
yoko_takano@appli.redまたは お問合せ
りんごからのお知らせ
こんにちは、Ringoです。岡山県真庭市というところで非常勤のデザイン講師をしながら、ブログやメルマガを利用したネットビジネスをご紹介しています。
このブログでは、老後の「ゆとり」を生む資金作りのノウハウを配信しています。
今だけ無料で『資金づくりの種類や手法をわかりやすくまとめたレポート』をお渡し、無料で受け取りたい!ということであれば、今すぐ「りんごのメルマガ」にご登録ください。
登録後、特典の受け取り方法をご案内するメールをお送りいたします。
*特典を受け取った後にメルマガを解除いただいても構いません。
*解除に対しての手数料もかかりません。
ただ、メールを読み続けていただくと、シニアライフに嬉しい「お小遣い」を獲得できるノウハウを紹介。無理なくコツコツと老後の資金を増やしていくためのお得な情報をお届けします。
SNSやネット活用の実践講座を交えた実りいっぱいの無料メルマガです。
お申し込みはこちらのボタンをクリック、是非この機会に(^o^)ノ゙
↓↓↓↓↓↓↓↓↓↓
よろしければ、この記事やブログに関する 感想・聞いてみたいこと・要望などなどお聞かせください。内容と関係ない雑談も大歓迎です(^^)
↓↓↓↓↓↓↓お気軽にo(^-^)o♪
yoko_takano@appli.redまたは
お問合せ
スポンサーリンク
関連記事
WordPress、リンク切れ監視してお知らせしてくれるプラグイン[Broken Link Checker]
Broken Link Checkerは自分のブログから外部のサイトへのリンクを ...
Akismet Anti-Spam (アンチスパム):スパムコメント(迷惑コメント)対策プラグイン[WordPress]
WordPressを運営しているうちに増えてくるスパムコメント(迷惑コメント)を ...
WordPressで索引を簡単作成、「タグ」をリスト化するプラグイン[Multi-column Tag Map]が便利
Wordpressで簡単に索引が作れるプラグインの紹介です。索引(さくいん)があ ...
[WorsPress]ブログ記事の引っ越しにともなうリダイレクト、「Redirection」で簡単設定
SNS活用系のブログ記事を何個か「appli.red」のサイトから「applir ...
WordPress、お勧めのパーマリンク設定とは記事名の英語(ローマ字)表記
パーマリンク設定とは、作成した記事のURL(ホームページアドレス)となる設定のこ ...
広告
ディスカッション
コメント一覧
こんにちは、芋太郎です。
今朝早くに、サイドバーとフッター表示が消えたとコメントさせてもらったものです。
あれから、すぐに解決することができました。
昨日は、初めてグーグルアドセンスの広告を載せた日で、それが影響していたようです。
広告非表示にすると、サイドバー、フッターが表示されました。
それで、広告が原因と考え、広告ディスプレイの「スクウェア」タイプから「横長」タイプに変更して、貼り付け直すと、上手くいきました。
今後も参考にさせていただきます(*^▽^*)
こんばんは、りんごです(^^)
お返事が遅くなってすみません。
問題解決されたとのこと、よかったです。
また、いつでも、何でも、聞いてみてください、
頑張って対応させていただきます。
はじめまして、芋太郎です。
りんごさんの記事を読み、サイドバーについて
まったく知らなかったことばかりで、勉強になりました(^^)/
少し今回の記事とは違うのですが、
昨日にPCでの固定記事、投稿記事の『フッター、サイドバー』が見えなくなってしまいました。
PCのトップページやスマホの固定記事、投稿記事では表示されています。
ブログランキングのテキストをウィジェットで作っているときにおこったようです。
一度そのテキストも削除して、元に戻したように思っているのですが、不要な部分をいじったのかもしれません。
サイドバーで検索していて、こちらのサイトに入りました。
ブログを始めたばかりで、わからないことばかりで、ずっと調べているのですが、解決できません(;_:)
こんな事象はご存じでしょうか?
りんごさんへ
遅い時間にすみません汗
iphoneでやってみてもダメでした。。
そこで気付いたんです!
「もしかして絵文字のスタンプみたいなのがダメなんじゃ??」と。
絵文字を決して入力したら無事できました!!!
おさわがせしてすみません(>_<)
おお、なるほど(^^)
お役にたてなくすみません!
でも、ナイスな気づきでしたね!!!!!
これに懲りずよろしくお願いします。
はじめまして。
りんごさんのブログを参考に、サイドバーに自己紹介をつけようとしているのですが、
「保存」を押すとテキストの中身がさっと消えて真っ白になってしまいます。
何度やっても同じで、保存されても中身が真っ白なので、テキストの中身がない状態です
どこが悪いのでしょうか?
よろしくお願いいたします。
にじさん、こんばんはりんごです。
コメントありがとうございます、
ただ、御免なさい、現時点で原因がわかりません。
色々試してみましたが、私の環境で再現(同じ現象発生)ができませんでした。
改善されるかどうかわかりませんが↓↓↓↓↓↓↓
*内容を一旦コピーしてメモ帳とかに保存し、一度ワードプレスを再起動(ログインし直し)等してやり直す
今の所、このくらいしか思いつかないです。
ちょっと調べてみますね〜
りんごさんへ
早々のお返事ありがとうございます!
ログインし直してやってみたんですがダメでした。。
iphoneからやってみようと思います!
ピンバック & トラックバック一覧
[…] WordPress(ワードプレス)のサイドバー設定方法[初心者向け]、SNSフォローと新着記事とウイジェット設定 […]
[…] WordPress(ワードプレス)のサイドバー設定方法[初心者向け]、SNSフォローと新着記事とウイジェット設定 カテゴリーWordPress […]