ワードプレスでCOCOONを使うなら？トップページで2カラムや3カラムにする方法

スキンが変わっても2カラムにはできる？

先日無料のテーマCOCOONのスキンを変更したら、あれ？2カラムにならない？となりまして…

スキンによって違うのかな？と思っていたんですが、COCOONにはスキンももちろんですが、ちゃんとトップページを2カラムや3カラムに変更できる箇所があったんですね！

今回は、備忘録の意味もかねて、無料のワードプレステーマCOCOONでトップページを2カラムにする方法などご紹介します！

1カラムにも良さはあるけれど…

まず、1カラムにした画像はこちらです。

これだとスマホではわかりやすいかもしれないんですが、PCから見るとちょっと情報量が少ないかな？という感じです。

こちらを2カラムにすると、こうなりました。

新着記事などは、どうやらCOCOONのアップデートで自動で付くようになったのかな？という感じですが、こんな感じに2カラムに変更できました。

新着記事の項目の削除方法は、以下に後述します。

ちなみに、この状態のまま、3カラムにするとこうなります。

では、どこをいじれば、2カラムになるかですが、それはここです！

トップページを2カラムにする方法

COCOONのテーマのインデックスという項目があるのですが、ここでフロントページタイプやカードタイプなどを選べるようになっています。

フロントページタイプは、どうやらあまり影響しないみたいで、β版とあります。

なので、いじる場所はここではなく、下方にスクロールしたここをいじります。

フロントページタイプの使い方は、以下の記述を参考にしてみてください。

もちろん、変更後は「変更をまとめて保存」をクリックするのをお忘れなく。

これだけで、ブログの並びが変わるので、ぜひ参考にしてみてください。

新着記事の項目を削除したいときは？

新しいCOCOOＮのテーマでは、新着記事という項目が入るスキンが多いですが、ブログによってはこの項目が邪魔になることもあります。

こちらを削除するのは簡単で、まず先ほどの「インデックス」を選び、表示形式を「一覧(デフォルト)」にして保存すればOKです。

試しにやってみると…

さらに、新着文字を出しつつ、下の項目にカテゴリごとの項目を出したいなら、先ほどのインデックスでカテゴリごとの部分を変更しましょう。

カテゴリごとを選ぶと、新着記事の下にこのように表示されます。

1ページの情報量を増やしたいなら、カテゴリごと(2カラム)を選べば、新着記事の下にこのようにタイトルが並びます。

お好みで、トップページの情報量などを参考にして、変更してみてください。

ということで、駆け足でしたが、COCOONでトップページのカラム数を変更する方法でした。

記事が参考になりましたら、嬉しいです！＾＾