「アフィリエイト広告を利用しています」
ワードプレスでCOCOONを使うなら？トップページで2カラムや3カラムにする方法
スキンが変わっても2カラムにはできる？
先日無料のテーマCOCOONのスキンを変更したら、あれ？2カラムにならない？となりまして…
スキンによって違うのかな？と思っていたんですが、COCOONにはスキンももちろんですが、ちゃんとトップページを2カラムや3カラムに変更できる箇所があったんですね！
今回は、備忘録の意味もかねて、無料のワードプレステーマCOCOONでトップページを2カラムにする方法などご紹介します！
1カラムにも良さはあるけれど…
まず、1カラムにした画像はこちらです。
これだとスマホではわかりやすいかもしれないんですが、PCから見るとちょっと情報量が少ないかな？という感じです。
こちらを2カラムにすると、こうなりました。
新着記事などは、どうやらCOCOONのアップデートで自動で付くようになったのかな？という感じですが、こんな感じに2カラムに変更できました。
新着記事の項目の削除方法は、以下に後述します。
ちなみに、この状態のまま、3カラムにするとこうなります。
では、どこをいじれば、2カラムになるかですが、それはここです！
トップページを2カラムにする方法
COCOONのテーマのインデックスという項目があるのですが、ここでフロントページタイプやカードタイプなどを選べるようになっています。
フロントページタイプは、どうやらあまり影響しないみたいで、β版とあります。
なので、いじる場所はここではなく、下方にスクロールしたここをいじります。
フロントページタイプの使い方は、以下の記述を参考にしてみてください。
ここのカードタイプで2列や3列にすると、トップページの項目の並びが変わるんですね。
もちろん、変更後は「変更をまとめて保存」をクリックするのをお忘れなく。
これだけで、ブログの並びが変わるので、ぜひ参考にしてみてください。
新着記事の項目を削除したいときは？
新しいCOCOOＮのテーマでは、新着記事という項目が入るスキンが多いですが、ブログによってはこの項目が邪魔になることもあります。
こちらを削除するのは簡単で、まず先ほどの「インデックス」を選び、表示形式を「一覧(デフォルト)」にして保存すればOKです。
試しにやってみると…
このように新着文字が消えました。
さらに、新着文字を出しつつ、下の項目にカテゴリごとの項目を出したいなら、先ほどのインデックスでカテゴリごとの部分を変更しましょう。
カテゴリごとを選ぶと、新着記事の下にこのように表示されます。
1ページの情報量を増やしたいなら、カテゴリごと(2カラム)を選べば、新着記事の下にこのようにタイトルが並びます。
お好みで、トップページの情報量などを参考にして、変更してみてください。
従来通りのCOCOONの表示にしたいなら、フロントページタイプを「一覧(デフォルト)」にして、カードタイプの変更でカラム数を変更できます。
ということで、駆け足でしたが、COCOONでトップページのカラム数を変更する方法でした。
記事が参考になりましたら、嬉しいです！＾＾