PR

“Cocoon”サイドバー設定

サイドバーの設定では、初めにデフォルトで設置してある不要な項目を削除します。その後、自分の好みで設置する項目と順序を決定します。

サイドバーの設置項目と順序
  1. 検索ボックス(サイト内を検索)
  2. 新着記事
  3. よく読まれている記事
  4. おすすめ記事(投稿ページのみで表示)
  5. アーカイブ
  6. カテゴリー

1番から3番を「サイドバー」に設置し、4番から6番は「サイドバースクロール追従」に設置します。

「サイドバースクロール追従」とは画面をスクロールした時に追従してくるサイドバーのことを指します。これは、記事を読み進めてスクロールした場合にサイドバーが途中から空白にならないように追従させるためにあります。

サイドバーに「おすすめ記事」を設置

順番は前後しますが、少し手間がいる「おすすめ記事」の設置方法を先に説明します。

「おすすめ記事」をサイドバーに設置する手順
  1. 「おすすめ記事」のメニューを作る
  2. メニュー内に「おすすめ記事」の一覧に表示したい記事のリストを作る
  3. ウィジェットで「おすすめ記事」の表示位置と表示モードを設定する

「おすすめ記事」のメニューを作る

設定画面の「外観」から「メニュー」を選択して、「おすすめ記事」のメニューを作成します。↓↓

メニュー画面が表示されたら下記の順序にそって「おすすめ記事」のメニューを作成します。

メニュー作成の手順
  1. 「新しいメニューを作成しましょう」をクリック。
  2. メニュー名に「おすすめ記事」と入力。
  3. 「メニューを作成」をクリック。
メニューが作成できたら、「おすすめ記事」に表示させたい記事を選択します。また「おすすめ記事」から外したい場合は、各項目の「投稿」をクリックすると詳細が表示されるので、その中から「削除」をクリックして削除します。
項目を追加する手順
  1. 左側の「メニュー項目を追加」から表示させたい記事を選択して「メニューに追加」をクリック。
  2. 右側の「メニュー構造」に選択した記事が表示されるので、確認して「メニューを保存」をクリック。
  3. 「おすすめ記事」から外したい記事は、「投稿」をクリックして、詳細表示の「削除」をクリック。
「メニュー項目を追加」では、表示させたい記事を選択するにあたり「固定ページ」「投稿」「カスタムリンク」「カテゴリー」から記事の選択が可能になっています。

ウィジェットで「おすすめ記事」の表示を設定する

「おすすめ記事」のメニューをサイドバーに表示させるためにウィジェットを設定します。設定方法は「おすすめカード」または「ナビカード」のいづれかを設置します。

今回は「ナビカード」を「サイドバースクロール追従」に設置する方法を説明します。

ウィジェットの設定

管理メニューの「外観」から「ウィジェット」を開きます。↓↓

「ウィジェット」を開くと、左側に「利用できるウィジェット」と右側に設置できる場所が表示されています。↓↓

「利用できるウィジェット」の一覧から「ナビカード」を選択して「サイドバースクロール追従」に追加します。
「ナビカード」の設置手順
  1. ナビカードの右側にある▲マークをクリック。
  2. サイドバースクロール追従にチェック。
  3. ウィジェットに追加をクリック。

 ※ ナビカードをドラッグしてサイドバースクロール追従に設置することも可能です。

「サイドバースクロール追従」の欄に「ナビカード」が設置出来たら表示モードを設定します。
「ナビカード」の設定
  1. タイトルはサイドバーの見出しになるので「おすすめ記事」と入力。
  2. メニュー名はドロップダウンリストから、先ほど作成したメニュー名「おすすめ記事」を選択。
  3. 表示タイプは「囲み枠」を選択。
  4. 保存をクリック。

 ※ 表示タイプは5種類が用意されているので好みに応じて変更できます。
   (写真のマークをホバーするとプレビューが表示されます)

以上で「おすすめ記事」がサイドバーに設置されました。↓↓ホームページの表示を確認しましょう。
 

「新着記事」の表示設定

デフォルトで「サイドバー」に設置されている「新着記事」の表示モードを「おすすめ記事」と合わせたいので下記の設定を行います。

「新着記事」の設定
  1. 表示モードは「全ての新着記事」を選択。
  2. 新着記事のタイトルはウィジェット名をそのまま表示させるので空欄。
  3. 表示数は5件。(好みで数字は決める)
  4. 表示タイプは「おすすめ記事」と同じにしたいので「囲み枠」を選択。
  5. 「固定表示」記事を表示の欄にチェック。
  6. 表示設定を開き「チェック・入力したページで表示」に切り替える。
    (デフォルトでは、表示が非表示になっています)
  7. 「ページ」を選択して「投稿」にチェック。
    (ホームページではメインカラムに「新着記事」があるので投稿ページのみでの表示にします)
  8. 保存をクリック。

サイドバーに設置するその他の項目

「おすすめ記事」と「新着記事」の設置方法は以上ですが、その他の項目を設置するのも同様の方法で設置できます。またデフォルトで設置してある不要な項目はプルダウンで中を開くと「削除」を書かれた部分があるのでクリックして削除します。

サイドバーから項目を削除する方法

サイドバーに設置されている項目の右上の▲マークをクリックすると「削除」と書かれたコマンドがあるのでクリック。これで削除できます。

「アーカイブ」と「カテゴリー」はドロップダウンで表示

「アーカイブ」と「カテゴリー」は記事が増えていくと見づらくなるのでドロップダウンで表示させます。設定は「ドロップダウンで表示」にチェックを入れて保存で完了です。

ドロップダウン表示の設定

サイドバーの表示状態