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

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

 

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

デフォルト

 

 


 

設定

メニューを作成

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

 

投稿記事から選択。

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

 

 

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

 

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

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

 

表示サンプル

 

はぐれ刑事純情派15
アクターズスタジオつくば校
はぐれ刑事純情派16
武蔵

 

プチカスタマイズ

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

森の学校

 

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

 

 

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