【WordPress】エントリーカードのカスタマイズ

※当サイトでは、アフィリエイト広告を利用しています

WordPress

今回はエントリーカードのカスタマイズについてまとめていきたいと思います。

Cocoonカスタマイズは ⇒ こちら ⇐

このブログは、WordPressテーマのCocoonを使用していますが、トップページのエントリーカードは以下のようなデザインをしています。

今回の記事では、エントリカードの設定方法についてまとめていきますので、デザイン変更の参考にしてみて下さい。

エントリーカードの設定方法

Cocoonのデフォルトでは、エントリーカードはシンプルなデザインになっています。

インデックス設定

1.WordPressメニューから「Cocoon設定」を選択します。

2.「Cocoon設定」から「インデックス」タブを選択し、上から順番に設定していきます。

3.設定内容は以下の通りです。

◆リスト設定◆
・カードタイプ
 →縦型カード3列
 →スマホ端末で縦型&タイル型のエントリーカードを1カラムにする
・枠線の表示
 →カードの枠線のチェックを外す

◆リスト設定◆
・投稿関連情報の表示
 →スニペット(枠線)の表示
 →スマホ端末でスニペットを表示(480px以下)
 →投稿日の表示
 →更新日が存在しない場合は投稿日を表示
 →更新日の表示

その他の設定は、今回はそのままでOKです。

このように設定したら「変更をまとめて保存」をクリックして完了です。

これで縦型カード3列表示になりました。これでエントリーカードのカスタマイズは完了です。

デザインを確認する

このように表示されれば、OKです。

今回は、ここまでになります。この他にも、好みに合わせてPVを表示させたり、色々なカスタマイズをしていくことができます。是非実際に試しながら好みのデザインを見つけていってください。

他のカスタマイズについても こちら を参考にしてみてください!

コメント

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