任意の記事一覧を表示させる機能実装TwitterFacebookはてブPocketLINEPinterest2019.03.19スポンサーリンク『Cocoon(v1.6.7)』から、任意の記事をカード形式で表示させる、「ナビカード」ショートコードが実装されました。「新着記事」や「人気記事」を、ショートコードで呼び出して一覧表示する機能はありましたが、自動生成された記事が表示されていました。新機能の「ナビカードショートコード」が使えるようになったことで、読者さんに読んでもらいたい任意の記事をピックアップして表示させることができます。ページ」・「カテゴリー」に対応。このブログでは、トップページ(固定ページ使用)の上部に表示させてみましたので、使い方をご紹介したいと思います。Cocoon最新版の親テーマはこちらからダウンロードして下さい。「新着」と「おすすめ」リボンカラーを変更する「タイトル」の太さを通常にする記事の入れ替えはメニューからスポンサーリンク「ナビカードショートコード機能」使い方の流れ新しいメニューを作成する作成したメニューに表示したい記事を追加するナビカードの「タイトル・リボン・説明」など、必要であればここで設定するウィジェットでショートコードを使用する手順としてはこんな感じですが、ようはメニューを作成して、表示させたい場所へウィジェットを使いショートコードを書いて呼び出す。それだけなので意外と簡単にできちゃいます。現在、「新着リボン」「おすすめリボン」「リボン無し」が選べ、typeオプションを使用すると「区切り線」「枠線」をつけることができます。表示したい記事一覧の「メニュー」を作成するここでは、トップページ上部に「新着リボン」、よく読まれている記事を「おすすめリボン」と「リボン無し」で、3つの記事を選んびナビカードで表示させてみました。その手順を解説していきます。新しいメニューを作成するショートコードで呼び出すための「メニュー」を作っていきます。「ダッシュボード」→「外観」→「メニュー」→「新しいメニューを作成しましょう」から新規のメニューを作成します。メニュー名:管理しやすい名前をつけ、メニューを作成します。作成したメニューに表示したい記事を追加する作成した「メニュー」に、表示させたい記事(投稿・固定ページ・カテゴリー)を選んで追加していきます。ここでは全て「投稿」から記事を選び、メニューに3つ追加してみました。チェックを入れメニューに追加をクリックします。追加した記事の並び順は、ドラッグすることで入れ替えできます。ナビカードの「リボン・ラベル・説明」を設定メニューに表示する記事が追加できたので、ここから「新着リボン」「おすすめリボン」や、「タイトル(ナビゲーションラベル)」「説明」の追加など、必要に応じて変更していきます。クラス」と「説明」にチェックを入れて表示しておきましょう。メニューに追加した「投稿」記事に、それぞれ設定をしていきます。ナビゲーションラベル記事タイトルが自動ではいりますが、任意のタイトルに書き換えることが可能です。class(オプション)空欄:リボン無し1:「おすすめ」リボン2:「新着」リボン説明ナビゲーションラベル(タイトル)の下に入る説明です。初期の状態では空欄になっています。class」や「説明」を加えたら、メニューを保存して終了します。作成した「メニュー名」はこの後必要になります。メモやコピー、または暗記しておいて下さい。サイドバーに「ナビカード」を表示する場合、タイトルや説明文を長くしてしまうと、その分カードも縦長になります。スポンサーリンクtypeオプション(区切り線・枠線)を使うメニューが作成できたので、あとはショートコードで呼び出すだけなのですが、【typeオプション】を使用すれば、ナビカード一覧に「区切り線」や「枠線」も表示することができます。