「アフィリエイト広告を利用しています」

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

ワードプレス

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

ここのカードタイプで2列や3列にすると、トップページの項目の並びが変わるんですね。

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

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

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

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

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

試しにやってみると…

このように新着文字が消えました。

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

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

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

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

従来通りのCOCOONの表示にしたいなら、フロントページタイプを「一覧(デフォルト)」にして、カードタイプの変更でカラム数を変更できます。

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

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

関連記事

特集記事

コメント

この記事へのトラックバックはありません。

「アフィリエイト広告を利用しています」

Count per Day

  • 152現在の記事:
  • 586381総閲覧数:
  • 179今日の閲覧数:
  • 519昨日の閲覧数:
  • 94今日の訪問者数:
  • 287昨日の訪問者数:
  • 327一日あたりの訪問者数:
  • 3現在オンライン中の人数:
  • 2018年10月13日カウント開始日:
TOP