Cocoonショートコード-ナビカードの使い方と表示サンプル

ナビカードショートコード

WordPressの管理画面「外観」→「メニュー」で登録したメニューをカード形式でリスト表示が出来るショートコードです。

↓コピーできます。
[navi_list name="メニュー名"]

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

表示例

name

WordPressの管理画面「外観」→「メニュー」で登録したメニュー名を指定します。

type

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

初期値：default

書き方

↓コピーできます。
[navi_list name="メニュー名" type=large_thumb_on]

border_partition

border_square

large_thumb

large_thumb_on

bold

0：標準　1：太字

初期値：０

書き方

↓コピーできます。
[navi_list name="メニュー名" bold=1]

arrow

0：非表示　1：表示

初期値：０

書き方

↓コピーできます。
[navi_list name="メニュー名" arrow=1]

class

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

書き方

↓コピーできます。
[navi_list name="メニュー名" class=任意のクラス名]

綾糸: 綾糸　主婦 1990年代、汎用機時代のエンジニア趣味で長くやっていたweb制作は、未だにエディタでの手コーティング現在は自宅でゆるりとweb制作やライターをしています