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:太字

初期値:0

 

書き方

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

 

矢印を表示

arrow

0:非表示 1:表示

初期値:0

 

書き方

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

 

任意のクラス属性追加

class

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

 

書き方

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

 

 

 

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