【WordPress】【Cocoon】サイドバーにおすすめ記事を表示する

概要

以下の手順にてサイドバーにおすすめ記事を表示する

1.メニューを作成する
2.表示オプションを設定する
3.おすすめとして表示する記事を選択する
4.ショートコードでメニューを表示する

メニューを作成する

1.[外観]→[メニュー]→[新しいメニューを作成しましょう]をクリック




2.任意の名前を付けて「メニューを作成」をクリック。ここでは「おすすめ」とする

表示オプションを設定する

1.上部の「表示オプション」をクリック




2.以下にチェックを入れる
 ・CSSクラス
 ・概要

おすすめとして表示する記事を選択する

1.「メニュー項目を追加」の「投稿」の中の任意の記事のチェックを入れ、
  「メニューに追加」をクリック




2.追加された各記事の「投稿▼」をクリックし、「CSS class(オプション)」に
  1~5のどれかを設定し、「メニューを保存」をクリック



 ●CSS class(オプション)
 1: おすすめ
 2: 新着
 3: 注目
 4: 必見
 5: お得

ショートコードでメニューを表示する

1.[外観]→[ウィジット]をクリック

2.「カスタムHTML」をクリックし、「サイドバー」にチェックが入った状態で「ウィジットを追加」をクリック




3.「サイドバー」の「カスタムHTML」の
  ┗「タイトル」に任意の名前をつける。ここでは「おすすめ」とする
  ┗「内容」に以下を追記して「保存」をクリックする

[navi_list name="おすすめ"] ←「メニューを作成する」で作成したメニュー名


結果

サイドバーに「おすすめ」が表示される

タイトルとURLをコピーしました