Wordpress

【Cocoon】左寄せのアイキャッチ画像を中央揃えにする方法【超簡単カスタマイズ】

[Cocoon] How to center the left-aligned eye-catching image-1
はつみ(ブログ歴1ヵ月)
はつみ(ブログ歴1ヵ月)

Cocoonの記事のアイキャッチ画像が左に寄ってます。中央揃えにする方法を教えてください。

はじめ(ブログ歴3ヵ月)
はじめ(ブログ歴3ヵ月)

左寄せのアイキャッチ画像のサイズが小さいので大きくしたい。

この記事を読めばわかること
  • 左寄せで表示されるアイキャッチ画像を中央揃えにする方法
  • 左寄せで表示されるアイキャッチ画像のサイズを引き延ばす方法

左寄せで表示されるアイキャッチ画像を中央揃えにする方法

[Cocoon] How to center the left-aligned eye-catching image-2

管理画面(ダッシュボード)⇒Cocoon設定⇒画像へ進みます。

[Cocoon] How to center the left-aligned eye-catching image-3

[アイキャッチの表示]項目へ進み、[アイキャッチの中央寄せ]にチェックをします。

[Cocoon] How to center the left-aligned eye-catching image-4

ページの最下部の[変更をまとめて保存]ボタンをクリックし、該当のページを開いてください。

[Cocoon] How to center the left-aligned eye-catching image-5

左寄せのアイキャッチ画像が中央寄せになっていることが確認できたと思います。

【Cocoon】左寄せで表示されるアイキャッチ画像のサイズを引き延ばす方法

左寄せのアイキャッチ画像を中央寄せにすることはできましたが、このままだと画像が少し小さいので、引き延ばして大きくする方法をお伝えしていきます。

[Cocoon] How to increase the size of the eye-catching image displayed left-justified

先ほどと同じように、[アイキャッチの表示]へ進み、次は[アイキャッチをカラム幅に引き伸ばす]をクリックして、[変更をまとめて保存]ボタンを押します。

該当のページを確認してください。

[Cocoon] How to increase the size of the eye-catching image displayed left-justified

アイキャッチ画像が、最適なサイズに引き伸ばされていると思います。

アイキャッチ画像を大きくした上で、その上下にアドセンス広告を貼り付けると、記事本文を早く見たいというユーザーにとっての障害となる可能性もあります。適切な大きさや量で配置するように心がけてください。

-Wordpress
-,