Cocoonの使い方やカスタマイズとオリジナルスキン

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

スポンサーリンク
使い方
この記事は約2分で読めます。

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

 

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

ナビカード:デフォルト

デフォルト

 

 

スポンサーリンク

設定

メニューを作成

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

ナビカード

 

投稿記事から選択。

ナビカード

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

 

 

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

ナビカード

 

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

ナビカード

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

 

表示サンプル

 

 

プチカスタマイズ

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

 

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

 

 

コメント

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