[Cocoon]ナビカード一覧を表示するショートコード

Cocoonにはいろいろなショートコードがあり、うまく使うと自分が作りたいページが作れるような気がします。

ですが、たくさんあって覚えることができないので、このページはいろいろ覚えられない私が更新するときの参考ページとなっています。

多少、みなさんの役にたてれば幸いです。

「ナビカードって何?」と思われた方は、わいひらさんが詳しく説明してくださっています。

ナビカードは現在のところ、「投稿」と「固定ページ」と「カテゴリー」と「タグ」ページにしか対応していないそうです

スポンサーリンク

ナビカードのデフォルトコード

[navi_list name="メニュー名" type="default" bold="0" arrow="0"]

オプション

デフォルトに入っているものは赤文字にしています。
数字は” ”で囲わなくても良いみたいです。

説明入力例デフォルト値
typeカードの上下に区切り線を入れるborder_partitiondefault
カードに枠線を表示するborder_square
大きなサムネイル表示large_thumb
大きなサムネイルにタイトルを重ねるlarge_thumb_on
bold記事タイトルを太字にするかどうかbold=1(太字にする)0(太字にしない)
arrowカードに矢印を表示するかどうかarrow=1(矢印を表示する)0(矢印を表示しない)
classリストのラップ要素に独自のclass属性を指定したい時に入力class=”ex-class”
class=”ex-class1 ex-class2″(複数指定する場合はスペースで区切る)
(空欄)

オプション2

基本的な使用方法としては、
「ナビゲーションラベル」にタイトルを入力
「説明」に説明文を入力

「CSSオプション」にはナビカードにタスキがけするリボンを選択
1.おすすめ 2.新着 3.注目 4.必見 5.お得

スポンサーリンク

独自ドメインの取得なら1円〜の

【お名前.com】


■□━━ 急げ、ドメインは早い者勝ち! ━━□■
     ■お名前.com  >


WordPress専用の超高速クラウド型
レンタルサーバーのエックスサーバー

【wpX Speed】


WordPress専用クラウド型レンタルサーバー『wpX Speed』  >


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