ブログのサイドバーとは、メイン記事の右側(または左側)に表示されるこちらのことです。
このサイドバーは、初心者さんは、結構デフォルトのままになっている方が多いのですが・・・サイドバーの設定はとても重要なんです!!
例えば、「このブログ運営している人はどんな人かなぁ」「ブログにはどんなことが書かれているのかなぁ」などの情報をお伝えできるのがサイドバーです。
ですので、サイドバーの役割というのは、読者さんにとって必要な情報がすぐに分かるということ!!
そのサイドバーに設置してあるコンテンツが、ちゃんと見やすく整理されていれば、かなりクリックしてもらえる場所なので、しっかり設置していきましょう!
今回は、サイドバーをカスタマイズする方法と、どんなコンテンツを入れたら良いのかというのを初心者さんにも分かりやすく図解入りで解説します。
目次は読みたいところをタップして飛べるよ♪
ワードプレスのサイドバーに設置するべきコンテンツ
サイドバーには、こちらのコンテンツを設置するのがおすすめになります。
- 簡単なプロフィール
- 検索用ウィンドウ
- カテゴリー
- 人気記事一覧
- SNS埋め込み
基本的には、上記のコンテンツは入れておく方が良いです。
これ以外に、もし、自分のサービスがある場合は、自分のサービスに繋げるバナー(例えば、作家さんであればショップ)
あとは、メルマガやLINEをやっているのであれば、登録用のバナーも設置しておくと良いでしょう。
サイドバーにコンテンツを表示させる方法
サイドバーにコンテンツを表示させたい時は、ウィジェットを使っていきます。
では、ウィジェットでの設置方法を詳しく解説しますね♪
ワードプレスの管理画面からウィジェットを開く
まず、ワードプレスのダッシュボードの左メニューから、「外観」にマウスを合わせて「ウィジェット」をクリックします。
ウィジェット一覧の画面が開きます。
※画面の内容は、お使いのテーマによって違います。下図は、Cocoonです。
このウィジェット一覧のサイドバーというコンテンツを設定していきます。
デフォルト(初期設定状態)で入っているコンテンツというのが上図にもあるように入っています。
- 検索
- 最近の投稿
- 過去のコメント
- アーカイブ
- カテゴリー
- メタ情報
- [C]人気記事(これは、Cocoonのテーマのみ)
実際のサイト表示はこのような感じです。
では、このデフォルトの状態をカスタマイズします。
ウィジェットから不要なサイドバーのコンテンツを削除
デフォルトのコンテンツで、わたしが不要だと思うのが、以下の通りです。
- 最近の投稿
- 最近のコメント
- アーカイブ
- メタ情報
こちらは削除します。
最近の投稿に関しては、表示しておくことをおすすめしている人もいますので、お好みで大丈夫です。わたしは、要らないので消しています。
アーカイブとは…月ごとの記事をまとめて表示してくれる機能です。
こちらの表示させるメリットですが、自分がブログ記事を探す時に利用することができるくらいなので、あまり読者さんが利用するといった機能ではないと思います。ですので、わたし的にはこちらは不要です。
メタ情報とは…ログイン画面を起動せずにブラウザからログインできる機能です。
こちらに関しても、関係あるのは、ブログ運営者だけで、読者さんには関係ない項目なので、不要です。
不要なウィジェットを削除する時は、消したい項目のウィジェットの❶「▲」をクリックし、項目の中身が開いたらそこから❷「削除」をクリックします。
この方法で、不要なコンテンツを削除します。
ウィジェットに必要なサイドバーのコンテンツを追加
不要なサイドバーを削除したら、次は、必要なコンテンツを追加していきます。
プロフィールの追加
プロフィールは、ブログにとって大事なコンテンツになります。
読者さんは、記事の内容を読んで、良いなぁとか共感した時に、ブログの運営者がどんな人なのかを知りたくなるんです。
ですので、プロフィールは、サイドバーの一番目立つ場所の上部に設置するようにします。
プロフィール設定方法
サイドバー一覧の左側の項目から「テキスト」を見つけてクリックします。
※一般的なテーマの設定方法になります。
テーマによっては、ウィジェットのコンテンツ一覧にプロフィールというのがありますので、その時は、プロフィールを使ってください。
Cocoonの場合は、こちらのYouTube動画で解説しています。
クリックすると下図のような画面が開きますので、「サイドバートップ」を選択し、「ウィジェットを追加」をクリックします。
右側のサイドバートップに、「テキスト」の入力画面が表示されますので、こちらにプロフィールを入れていきます。
- お名前(ニックネームでも可)
- ご自身のお写真または似顔絵(イメージ写真でもOKなのでなるべく画像を入れるようにしましょう)
- ご挨拶
- 簡単なブログ内容
①まず、タイトルから決めます。プロフィールなので、そのまま「プロフィール」でも「このブログを運営する人」でも何でも好きなタイトルを入れてください。
②本文を入力できる箇所に、プロフィール画像から挿入していきますので、❶タイトル下の本文入力ができるところにカーソルを合わせ、❷「メディアを追加」をクリックします。
メディアを追加が開きますので、「ファイルをアップロード」をクリックします。
ご自身のパソコン内のファイルが表示されますので、プロフィール画像にしたい❶画像を選択し、❷「開く」をクリックします。
メディアを追加の画面に戻りますので、画像が選択されていることを確認して「投稿に挿入」をクリックします。
このように画像が挿入されました。
挿入された画像位置を変更したいなどあれば、画像をクリックしてください。
すると、下図のような表示が出てきますので、この赤枠のところで画像位置の調整ができます。
画像サイズに関しては、上図の赤枠の右側にある鉛筆マークをクリックします。
すると、画像詳細が表示されますので、サイズを変更してください。
変更したら、右端の「更新」をクリックして元の画面に戻ります。
画像が入ったら、文章を入力していくだけで完成です。
ちなみにわたしのサイドバープロフィールはこんな感じです。
文章の入力が終わりましたら、右端にある「保存」をクリックします。
これで、サイドバーにプロフィールが入りました。
サイドバーに人気記事一覧を追加
プロフィールが設置できたら、サイドバーに人気記事一覧を追加します。
人気記事一覧は、閲覧回数の多い記事を表示するのですが、「WordPress Popular Posts」というプラグインが必要になりますので、そちらを使います。
「WordPress Popular Posts」に関しての詳しい解説は、こちらの記事をお読みください。
テーマによっては、ウィジェットのコンテンツ一覧に人気記事というのがありますので、その時は、人気記事を使ってください。
Cocoonの場合は、こちらのYouTube動画で解説しています。
サイドバーに人気記事を追加する方法
プラグイン「WordPress Popular Posts」を導入したら、ウィジェットを開くと「WordPress Popular Posts」のプラグインが利用できるウィジェットに入っています。
(プラグインではなく、デフォルトで人気記事が入っているテーマは、ウィジェットの中に人気記事という名前のウィジェットがあるので、そちらを追加します。)
ウィジェットから「WordPress Popular Posts」を見つけたらクリックして、サイドバーを選択し「ウィジェットに追加」をクリックしてください。
サイドバーに「WordPress Popular Posts」の設定画面が開きますので、設定をします。
(人気記事の設定が開くので、必要なところを設定します。
※「WordPress Popular Posts」の設定詳細はこちらの記事を参考にしてください。
>> 【WordPress Popular Posts】人気記事を表示させる方法
設定が完了したら、「保存」をクリックします。
これでサイドバーに人気記事が表示されました。
以上がサイドバーに人気記事一覧を表示させる方法となります。
SNSの埋め込み
人気記事を挿入することができましたら、最後にSNSを埋め込みしてみましょう。
SNSの埋め込みとは、このような表示になります。
ご自身が良く使っているSNSがあるのでしたら、簡単に埋め込みすることができますので、ぜひブログにも表示させておいてください。
わたしの場合は、TwitterやInstagramになります。
その埋め込み方法に関しては、それぞれ記事にしていますので、こちらを参考にしてください。
以上がサイドバーにコンテンツを表示させる方法になります。
最後に
今回、ご紹介したサイドバーのコンテンツは、ブログに来てくださった読者さんとの繋がりを作るためには、とても大事なポイントとなります。
ですので、この記事をみながら、一緒にサイドバーを設置していただけると嬉しいです♪
こちらには載せていませんが、あると便利だなぁと思うサイドバーに関してはこちらがあります。設置するかしないかはお好みなので、ご参考までに♪
ワードプレスの構築を1人で頑張るのが不安な方に、ワードプレス専門のコミュニティ「マスタープレス」をメルマガ登録者さん限定にご案内しています。
\登録無料!配信解除は自由!/
ワードプレスブログの具体的な作り方は、こちらの記事に13STEPで分かりやすくまとめています♪
(サイドバーの設定は、13STEPのワードプレス作成手順の中の13番目の作業になります。)