Cocoonテーマでトップページに「タブ切替」をつける方法

どうも!たら(@hajimetara)です。

Cocoon 2.1.6が公開されて
サイト型のおしゃれなトップページが固定ページを作らなくても簡単にできるようになったので「タブ一覧」でトップページを作ってみました。

トップページに「タブ切替」をつける方法

インデックスで設定する


Cocoon設定→「Cocoon設定」をクリック。

 


インデックス」タブをクリック。

 


今回は「タブ一覧」を選びました。

タブは「新着記事」以外に3つまでカテゴリーから選ぶことができます。

 


変更をまとめて保存」をクリックします。

ホームページの表示を「最新の投稿」に設定する

設定→「表示設定」をクリック。

 

ホームページの表示」の「最新の投稿」を選びます。

1ページに表示する最大投稿数」も決めておきましょう。

 

トップページをみてみると…

タブが表示されています!

 

タブを切り替えるとタブの色が変わります。

ページ送りは
新着記事の場合

スキンで設定されたものになっています。

 

カテゴリー別の場合

シンプルなボタンになっています。

カテゴリーラベルを非表示にする(気になる場合のみ)

カテゴリーごとで
アイキャッチに表示されるカテゴリーラベルが同じになって消したいときは

外観の「テーマエディター」をクリック。

コードが書かれている一番下に以下をコピーして貼り付けます。

/*———————————
カテゴリーラベル非表示
——————————–*/
.entry-card .cat-label {
display: none;
}

Copy

 

もう一度トップページを見てみると…

カテゴリーラベルが消えました。

 

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