Cocoon(コクーン)でアイキャッチ画像を中央揃えにする方法

アイキャッチ画像を中央揃えにする方法

man - Cocoon(コクーン)でアイキャッチ画像を中央揃えにする方法

記事を開いた時に、一番最初に表示されるアイキャッチ画像を中央揃えにするにはどうしたら良いの?

WordPressテーマのCocoon(コクーン)に切り替えてすぐに、見栄えが良くなるとの理由でアイキャッチ画像を設定した記憶があります。

(当時は、アイキャッチ画像を設定しただけで、凄くブログ感が出たなと嬉しくなったような気がします。)

その時に、記事本文内の画像は「左揃え」「中央揃え」「右揃え」に簡単に変更できるのに、アイキャッチ画像は「どうすれば?」と困ったため、そのやり方について説明します。

その前に、まずはアイキャッチ画像の貼り付け方法ですが

アイキャッチ画像の貼り付け方法

8a577e97d894fbacc3f971e779942946 - Cocoon(コクーン)でアイキャッチ画像を中央揃えにする方法
投稿の編集ボタンを押すと、右側の画面に「アイキャッチ画像」が表示されますので、そこで表示したい画像を選択するだけ、非常に簡単です。

上記のやり方で、簡単にアイキャッチ画像を貼り付けることができます。

アイキャッチ画像を貼り付けてみると分かると思いますが、左揃えがデフォルトになっています。

4eeee822f8af61eace850741f131dc70 - Cocoon(コクーン)でアイキャッチ画像を中央揃えにする方法
アイキャッチ画像…左揃え

見栄え上で困ってしまうのが、記事本文内の画像を中央揃えにしていた場合に、アイキャッチ画像が左揃えになっていると、見た目が不細工になってしまいます。

af90161d3d9d4919eb35d83c720313f7 - Cocoon(コクーン)でアイキャッチ画像を中央揃えにする方法
記事本文内の画像…中央揃え

そこで、アイキャッチ画像を中央揃えにする方法ですが

アイキャッチ画像の中央揃えは、Cocoon設定から

e77d5b3bb363014aa86b6797f44a47c3 - Cocoon(コクーン)でアイキャッチ画像を中央揃えにする方法

『 Cocoon設定 』⇒『画像』の順にクリックします。

画面を下にスクロールすると、本文画像設定がありますので、『アイキャッチの中央寄せ』にチェックを入れて、『変更をまとめて保存』ボタンをクリックするだけで…

d796deb9b68827f104c8a1ca08744ed6 - Cocoon(コクーン)でアイキャッチ画像を中央揃えにする方法

アイキャッチ画像が中央揃えになります。

7c73cdf13245658d04a31c48ed6596db - Cocoon(コクーン)でアイキャッチ画像を中央揃えにする方法

非常に簡単に設定できますので、お試しください。

コメント

タイトルとURLをコピーしました