[Cocoon2021]新着記事一覧でなくおすすめ一覧の作り方

【補足】ワードプレスCocoonで新着記事、人気記事一覧はどうやって作るの?

ご存知の方は飛ばしてくださいね。

Cocoon投稿画面

文章を入力する状態にしておいて投稿画面の上の</>マーク(『ショートコード』)を選択するだけでできてしまいます。ものすごく簡単です。

ためしに『新着記事一覧』を選択してみると下のような文字が出てきます。

新着記事一覧のコード

この状態でプレビューボタンを押してみてみると

新着記事一覧のプレビュー画面

しっかりと新着記事一覧ができています!これだけです!

ワードプレスCocoonで新着記事一覧でなく自分で設定した記事の一覧を作りたい!

作り方をご説明していきます。

おすすめ記事一覧①外観→メニュー

 『外観→メニュー』を選択します。

Wordpressコクーンのダッシュボード

おすすめ記事一覧 ②メニューを編集タブ

『メニューを編集』タブの『新しいメニューを作成しましょう』をクリック。

Wordpressコクーンのメニュー画面

おすすめ記事一覧 ③メニュー構造→メニュー名

『メニュー構造』の『メニュー名』にお好きな名前を入れます。“おすすめ一覧”や“お気に入り一覧”などが分かりやすいですかね。今回わたしはは“テスト”と入力しました。『メニューを作成』の青いボタンを押します。

メニュー構造→メニュー名

おすすめ記事一覧 ④ メニュー項目を追加

一覧に設定したい項目を選びます。今回は『投稿』から一覧に表示したい記事を選びました。チェックを入れたら『メニューに追加』を押します。

おすすめ記事一覧 ⑤メニューを保存

チェックを入れた項目が下ので囲った部分に入りました。『メニューを保存』をクリックします。

おすすめ記事一覧 ⑥編集

記事を入れ替えたい場合などは『投稿』横の▼をクリックすると選択した記事をリストから削除ですることができます。

編集した場合も『メニューを保存』ボタンを押すのをお忘れなく。

おすすめ記事一覧 ⑦カードの呼び出し

記事編集画面で文字を入力できる状態に (段落を選択) しておいて『ショートコード』→『ナビカード一覧』を選択します。

おすすめ記事一覧 ⑧ナビカード一覧の名前を変更

『ナビカード一覧』を選択すると下のような文字が出てくると思います。

この“メニュー名”の部分を先ほどご自身で付けた名前(私の場合は“テスト”)に変更します。

そしてプレビューボタンを押すと…

おすすめ記事一覧 ⑨プレビュー

見事にお気に入り記事の一覧を作ることができました。

さいごに

おすすめ記事一覧を作る方法は、サイト型(ホームページ風)のトップページを作る時などに役立ちます。サイト型のページを作る方法は下にご紹介していますので良かったら読んでみてください。

[Cocoon2021]簡単サイト型ホームページの作り方CSS,HTML不使用Wordpress
CSSもHTMLも使わずにサイト型のトップページにする方法をご紹介します。Cocoonのテーマを使えばボタン操作だけでホームページ風のトップページにを作ることができますよ。エディタはGutenbergを使用しています。

その他ワードプレスCocoonの設定方法はこちら。分かりやすい説明を心がけています。

ワードプレスCocoon
WordpressのCocoonテーマでグーテンベルグエディタを使用しての記事の書き方や設定方法をご紹介しています。その他サイト型トップページ作成方法、Cocoon設定一覧など。できるだけ簡単に設定できる方法をご紹介しています。分かりやすい説明を心がけています。
タイトルとURLをコピーしました