【Coccon】関連記事のデザイン表示を数クリックで変更する方法!

こんにちは、togiwa(@togiwa3)です。

今回は、WordPressの無料テーマであるCocconの関連記事のデザインを簡単に変更する方法を紹介したいと思います。

Cocconは初心者ブロガーにとってとても使いやすいテーマになっています。

現状の関連記事の表示

関連記事はデフォルト設定だとその記事のカテゴリーに基づいて表示されます。

今現状の僕の関連記事は以下のような表示になります。

問題としては、下にスクロールしないと全ての関連記事を見ることができません。

 

togiwa
少し見づらいなぁ〜

 

なので、あまりスクロールをせずにより多くの関連記事を表示させる方法を紹介します。

WordPressの管理画面

まずは自分のブログの管理画面に行きましょう。

Coccon設定をクリック

左のタブからCoccon設定をクリックします。

投稿をクリック

Coccon設定を開いたら投稿をクリックします。

関連記事設定から選択

下にスクロールすると関連記事設定という項目があります。

関連記事設定の表示タイプを変更すれば関連記事の表示が変わります。

現在はデフォルト設定で一番上のエントリーカードが選択されています。

今回は、縦型カード3列を選択したいと思います。

選択をしたら最後に一番下までスクロールをして変更をまとめて保存をクリックします。

これで変更が反映されます。

以上で設定は終了です。お疲れ様でした!

ミニカードに変更後の関連記事

以下にミニカードに変更を行ったあとの関連記事を紹介します。

縦に3記事、横に2記事の計6記事が表示されています。

以前と比べてスクロールをしなくても6記事分表示させることができました。

こちらの方が筆者的にも好きです。

縦型カード3列に変更後の関連記事

以下に縦型カード3列に変更を行ったあとの関連記事を紹介します。

先ほどのミニカードの似ていますが、縦に2記事横に3記事の計6記事表示されています。

しかし異なるのは記事の冒頭の文が表示されていることです。

縦型4列に変更後の関連記事

以下に縦型カード3列に変更を行ったあとの関連記事を紹介します。

少しズレていますね。

もしかするとブログ運営というカテゴリーの記事が6記事しかないからだと思います。(本記事を除く)

縦型4列なので4記事、8記事、12記事のように4の倍数の記事数になれば綺麗に揃うと思います。

縦型3列の場合は3記事、6記事、9記事のように3の倍数の記事数です。

Adsense関連コンテンツユニットは例外

Adsense関連コンテンツは、関連記事と一緒にアドセンス広告も載せられるというものになります。

しかしその選択をした場合、関連記事が表示されません。

Adsense関連コンテンツは一定の条件をクリアしなければ設定ができないそうです。Cocconの問題というよりはAdsenseの問題です。

筆者の広告ユニットも現時点で一定の条件をクリアしていないため関連コンテンツは表示されていません。

具体的な条件はわかりませんが、1日でも早く条件をクリアして関連コンテンツの表示を行いたいところであります。

まとめ

今回は、Cocconの関連記事設定について紹介しました。

関連記事は直帰率を下げるために表示されるものでもあります。

関連記事をより見やすくするために設定を行ってみましょう。

 

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

ABOUTこの記事をかいた人

運営者:togiwa IT企業勤務の社会人2年目。 最近、自分が「内向型人間」だと気づき社会人向いていないなと感じています。 「個人で稼ぐ力」を身につけるためにブログ運営を行っています。 ラーメンと猫とロック系の音楽が好きです。