Cocoonの使い方やカスタマイズとオリジナルスキン

Cocoonショートコード-新着記事一覧の使い方と表示サンプル

スポンサーリンク
使い方
この記事は約5分で読めます。
スポンサーリンク

新着記事一覧ショートコード

投稿ページ・固定ページ・カスタム投稿ページを表示できます。

件数・カテゴリー指定・投稿日順or更新日順などの様々なオプションがあり、任意のクラス名を追加する事も出来るので、思い通りの表示が可能です。

ショートコード

 ↓コピーできます。
[new_list]

 

初期表示

オプションなしの上記ショートコードで表示した例は以下の通り。

 

表示例

記事一覧ショートコード:デフォルト

※画像です。 新着記事一覧ショートコードの表示サンプル

  • 投稿日順
  • デフォルトリスト型
  • 表示件数=5件
  • すべてのカテゴリー対象
  • タグは対象外
  • 投稿ページのみ(固定・カスタムなし)
上記それぞれオプションで変更出来ます。

 

オプション

見た目のオプション

 デザイン

type

・default: 通常リスト
border_partition: カードの上下に区切り線
border_square: カードに枠線
large_thumb: 大きい画像
large_thumb_on: 大きい画像にタイトルを重ねる

 

書き方

 ↓コピーできます。
[new_list count=3 type=large_thumb_on]

 

デザインサンプル

border_partition

記事一覧ショートコード:border_partition

 

border_square

記事一覧ショートコード:border_square

 

large_thumb

記事一覧ショートコード:large_thumb

 

large_thumb_on

記事一覧ショートコード:large_thumb_on

 

タイトルを太字にする

bold

0:標準 1:太字

初期値:0

 

書き方

 ↓コピーできます。
[new_list count=3 bold=1]

記事一覧ショートコード:bold

 

矢印を表示

arrow

0:非表示 1:表示

初期値:0

 

書き方

 ↓コピーできます。
[new_list arrow=1]

記事一覧ショートコード:arrow

 

表示内容オプション

表示件数

count

数値で指定

初期値:5

 

書き方

 ↓コピーできます。
[new_list count=3]

 

更新日順に表示

modified

0:投稿日順 1:更新日順

初期値:0(投稿日順)

 

書き方

 ↓コピーできます。
[new_list modified=1]

 

昇順に表示

order

ask:昇順 desc:降順

初期値:desc(降順)

 

書き方

 ↓コピーできます。
[new_list order="asc"]

 

抜粋文表示

snippet

記事抜粋文の表示・非表示。

0:非表示 1:表示

初期値:0

 

投稿ページ以外の表示

post_type

表示する投稿タイプを選択。複数の場合はカンマ区切り。

  • post(投稿ページ)
  • page(固定ページ)
  • カスタム投稿名

初期値:post(投稿ページ)

 

書き方

 ↓コピーできます。
[new_list post_type=post,page]

※上記例は、投稿ページと固定ページを表示する。

 

表示カテゴリーの指定

cats

表示するカテゴリーのIDを指定。複数の場合はカンマ区切り。

初期値:all(すべてのカテゴリー表示)

 

書き方

 ↓コピーできます。
[new_list cats=3,6,7]

 

カテゴリーIDの調べ方

投稿」→「カテゴリー」で設定画面が編集画面のブラウザアドレスに表示される「tag_ID=XX」の数字部分。

カテゴリーID

 

子カテゴリーの指定

children

指定カテゴリーの子カテゴリーを含めるかどうか。

0:含めない 1:含める

初期値:0

 

書き方

 ↓コピーできます。
[new_list cats=3,6,7 children=1]

 

表示タグの指定

tags

表示するタグのIDを指定。複数の場合はカンマ区切り。

初期値:空欄(タグは抽出しない)

 

書き方

 ↓コピーできます。
[new_list tags=3,6,7]

 

タグIDの調べ方

投稿」→「タグ」で設定画面が編集画面のブラウザアドレスに表示される「tag_ID=XX」の数字部分。

タグID

 

 

タクソノミー名を指定

taxonomy

タクソノミー名を指定。

 

書き方

 ↓コピーできます。
[new_list taxonomy="タクソノミー名"]

 

任意のクラス属性追加

class

クラス属性を追加したい場合に指定。複数の場合は半角スペース区切り。

 

書き方

 ↓コピーできます。
[new_list class=任意のクラス名]

 

 

固定表示の記事を表示しない

sticky

「固定表示」設定がされている記事の表示を切り替えます。

0:非表示 1:表示

初期値:1(表示)

 

書き方

 ↓コピーできます。
[new_list sticky=0]

 

 

 

コメント

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