前回の「WordPressメインタイトルとキャッチフレーズの変更方法を徹底解説」では、ワードプレス内でのメインタイトルとキャッチフレーズの変更方法について解説しました。

今回は、WordPressにおけるサイドバー・ウィジェットの設定方法(無料テーマ「Cocoon」利用)について解説していきます。

と、サイドバー設定前にサイドバーに設置するべきおすすめの項目は以下の通りです。

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

今回はホームページを構築したばかりの段階を想定しての設定ですんで、上記の「基本5項目+SNSフォローボタン」の設定方法を紹介していきます。

ウィジェット設定

サイドバーを設定するためには、WordPress管理画面内の『ウィジェット設定』を操作する必要があります。

ウィジェットには、

  • もともとWordPrssのデフォルト機能として含まれているもの
  • プラグインで追加するもの
  • 無料テーマ「Cocoon」)に付随しているもの

等があります。

利用できるウィジェットは「利用できるウィジェット一覧」の画面で確認できます。

ウィジェット設定画面

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

WordPrees外観からウィジェット

ウィジェットの一覧画面がでます。内容は使用するテーマによって異なりますので注意してください。

※以下は、無料テーマ「Cocoon」のウィジェット画面です。
※デフォルト=初期設定の状態
※Cocoonのバージョンによっても、表示は異なります。

WordPress利用できるウィジェット

現状(変更前のデフォルト)のホームページのサイドバーの表示です。

WordPreesデフォルトサイドバー

不要な項目の削除

まず、サイドバーから削除する項目と、削除方法についてお伝えします(削除する理由については、後述します)。そして表示しない項目は、

  • アーカイブ
  • メタ情報

です。

メタ情報の削除

「メタ情報」とは、ログイン情報などを表示した項目のことです。

上記のようにダッシュボード(管理画面)を表示するための「ログイン」画面の表示などがあります。

あなたは利用する可能性がありますが、通常表示する必要はありません。その理由としては、

  • セキュリティ上の理由(ログイン画面までアクセスされると、IDパスワードを入力され、管理画面にログインされる可能性がある)
  • ホームページに訪問するユーザーには関係のない項目

であることから、一覧から削除します。

『サイドバー設定』画面に移動し、以下の手順を行ってください。

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

WordPressメタ情報削除これでメタ情報が削除されました。

アーカイブの削除

アーカイブは月ごとの記事をまとめて表示してくれる機能です。

読者側の立場で考えるとほぼ利用しません。ビジネスとしてホームページを運営する上でアピールポイントとしてのメリットは少ないと思われます。

メタ情報と同じ操作で、「アーカイブ」を削除します。

WordPressアーカイブ削除

追加するウィジェット

今回追加するウイジェットは以下の通りです。

  • プロフィール
  • SNSフォロー
  • 新着記事(最近の投稿と入れ替えます)
  • 人気記事

いつでも追加可能な項目なので、今すぐ追加しなくても大丈夫です。各ウィジェットの追加方法はこれから解説していきます。

新着記事

まずは、新着記事一覧について説明します。
以下の画像のように、投稿した記事を新着順に表示させるウィジェットです。
WordPressウィジェット新着記事
ダッシュボードのサイドバーにて[外観]→[ウィジェット]をクリックします。

ウィジェット一覧から「[C]新着記事」をクリックします。
※[C]と先頭に付いているのはテーマ「Cocoon」専用に用意されたウイジェットです。
※ウイジェットは、利用するテーマにより異なります。
WordPressウィジェット一覧新着記事

開いたウィンドウから表示位置を選択します。
デフォルトで[サイドバー]が選ばれていますので、このまま[ウイジェットを追加]をクリックします。
WordPress新着記事ウィジェット追加

ウイジェット一覧に追加され、詳細を確認します。
そのままで問題なければ「完了」をクリックします。
※内容を変更した場合は[保存]をクリックします。
WordPress新着記事完了
もともと設置されていた[最近の投稿] は新着記事と同じ項目なので削除します。
WordPress最近の投稿削除
ホームページの表示状態を確認します。サムネイルも設定された新着記事一覧が表示されています。記事が1つもない場合は、何も表示されません。

人気記事

人気記事一覧とは、読者による閲覧数を計測して、閲覧数の多い記事を一覧表示してくれる機能です。
WordPress人気記事
Cocoonには人気記事一覧も簡単な設定で設置できるウィジェットが用意されています。

ダッシュボードのサイドバーにて[外観]→[ウィジェット]をクリックします。

ウイジェット一覧から「[C]人気記事」をクリックします。
WordPressウィジェット一覧人気記事
開いたウィンドウから表示位置を選択します。
デフォルトで[サイドバー]が選ばれていますので、このまま[ウイジェットを追加]をクリックします。
WordPrees人気記事ウィジェット追加
「人気記事」の項目がサイドバー一覧に追加され、詳細設定の内容が表示されます。内容を確認して[完了] をクリックします。
※基本デフォルトのままで大丈夫です。
※表示モードや表示数が設定できます。
※集計期間は直近の30日間に設定されています。もちろんその他の期間設定もできますが、30日が妥当かと思います。
※内容を変更した場合は[保存]をクリックします。
WordPrees人気記事完了

ホームページの表示状態を確認します。
※新着記事一覧と同様にサムネイルが設定された一覧が表示されています。
※人気記事一覧は設定後、表示されるまでに数日かかります。

プロフィール

『プロフィール』は、その名の通り「あなたの名前や、肩書、どんなホームページなのか?」を説明する部分です。サイドバーにプロフィールを設定することにより、訪問者にあなたやホームページのことをアピールすることが出来ます。

まず初めにダッシュボードのサイドバーにて[外観]→[ウィジェット]をクリックします。

そうすることで、ウィジェットの一覧が表示されます。

ここで「[C]プロフィール」をクリックします。[C]プロフィールはテーマCocoon専用のウイジェットです。
WordPreesプロフィール
そうするとプロフィールの設置場所選択のウィンドウが出ます。次に[サイドバー]を選択し、[ウィジェットを追加]をクリックします。
WordPreesプロフィールウィジェット追加
サイドバーの設定欄に「[C]プロフィール」が表示されて設定画面が開きます。
①「タイトル」を入力します。「肩書きラベル」があれば入力します。
②「画像を円形にする」、は好みでチェックを入れます。
③ [保存] ボタンをクリックします。
④「あなたのプロフィール」をクリックします。
WordPreesプロフィール保存
ユーザー→プロフィールに遷移することで、プロフィール設定画面が表示されます。

プロフィール設定を下にスクロールし、プロフィール設定を行っていきましょう。
WordPreesプロフィール設定1
※あくまでも上記は例です。あなたが設定したいニックネームや表示名を設定してください。

①ニックネームを入力します。
②ホームページ上の表示名を選びます。※ニックネームかユーザー名か選べます。
③メールアドレスを入力します。

WordPreesプロフィール設定2
④プロフィール情報を入力します。

プロフィール画像のアップロード欄で[選択]をクリックします。
WordPreesプロフィール設定3
メディアライブラリーの画面が表示されるので、プロフィールに使う写真を選択します。[画像を選択]のボタンをクリックすることで、プロフィールの写真が設定されます。

またあらかじめ作成したプロフィールページがある場合はそのURLを入力します。
[プロフィールを更新]のボタンをクリックします。
WordPreesプロフィール設定4
画面上部に「プロフィールを更新しました。」と表示されれば、プロフィール設定は完了です。

SNSフォローボタン

続いて、SNSのフォローボタンを設定します。これも、Cocoon専用のウィジェットを利用します。ダッシュボードのサイドバーにて[外観]→[ウィジェット]をクリックします。

ウィジェット一覧画面で、「[C]SNSフォローボタン」をクリックします。これはCocoon専用のウィジェットです。
WordPreesSNSフォローボタン
表示位置で[サイドバー]を選択し、[ウィジェットを追加]のボタンをクリックします。
WordPreesSNSフォローボタンウィジェット追加
サイドバーの設定欄に「[C]SNSフォローボタン」が表示されて設定画面が開きます。
①タイトルを入力します。
②「表示設定」をクリックします。
WordPreesSNSフォローボタン表示設定
SNSフォローボタンを表示させるまたは表示させないページの設定ができます。
[保存]ボタンをクリックします。
WordPreesSNSフォローボタン保存
追加するウィジェットは以上です。他にも様々なウィジェットがありますので、Cocoonの公式サイト(https://wp-cocoon.com/category/theme/theme-settings/widgets/)を参照しながら、必要なウィジェットを追加してみてください。

サイドバー項目の並び順変更

設定したサイドバーは、好みの順番に並べることができます。
WordPreesサイドバー位置調整
サイドバーの設定画面で、移動したい項目の領域をドラッグし、移動したい位置に持って行きます。ドラッグ後に「保存」や「更新作業」は不要です、即座に反映されています。実際のホームページ表示を確認しながら、位置調整をしてください。

以下が、順番を入れ替え完了後の位置です。
※プロフィールやSNSの項目も設定完了した状態です。
※プロフィールは最上位がお勧めです。
WordPreesサイドバー移動完了

以上で、サイドバー・ウィジェットの設定は完了です。あくまでも今回は初期段階の設定ということになります。

サイドバーは、あなたのホームページのジャンルや目的や記事数など必要に応じて、追加・削除を行っていってください。

無料相談はこちら