>> サイト内には広告が含まれます。プライバシーポリシーはこちら　→
PR

Cocoonのナビカードの使い方と表示サンプル

Cocoon・使い方
2020.07.02
この記事は約2分で読めます。
     

Cocoonのオリジナルウィジェット「[C]ナビカード」は、任意の記事を選択して並べて表示する機能です。

 

記事選択にはWordPressのメニュー機能を利用します。

ナビカード：デフォルト

デフォルト

 

 


 

設定

メニューを作成

ナビカードで表示したいメニューを作成します。

ナビカード

 

投稿記事から選択。

ナビカード

メニューに追加する記事にはアイキャッチ画像が設定してある必要があります。

 

 

ナビカードウィジェットを追加

ナビカード

 

タイトルを入力し、メニューを選択します。

ナビカード

表示のデザインは上図の通り、５種類あります。

 

表示サンプル

 

 

プチカスタマイズ

アイキャッチの角を丸める

 

.navi-entry-cards img{
border-radius:10px;
}

 

 

コメント

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