【Cocoon】アイキャッチの左詰を中央揃えにする方法

こんにちは、うっしーです。

今回は、記事のアイキャッチ画像を中央に寄せる方法をご紹介します。

こんな感じですね。

とても簡単なので、ぜひ設定してみてください！

問題

ブログ記事を投稿して、記事のページを確認してみるとアイキャッチ画像が下記のような表示になっていました。

この左詰になってしまっているアイキャッチ画像を中央揃えにしていきます。

解決方法

Cocoon設定から設定を変更することで、解決できます！

手順

それでは、実際の手順をみていきましょう。

①Cocoon設定から、Cocoon設定を選択

②Cocoon設定内の「画像」タブを選択

③画像設定画面の「アイキャッチの表示」を変更

下記にチェックを入れる。

・アイキャッチの中央寄せ
・アイキャッチをカラム幅に引き伸ばす

アイキャッチの中央寄せ

文字通り、アイキャッチ画像を中央揃えにする設定項目です。

アイキャッチをカラム幅に引き伸ばす

こちらは、記事のメインエリア（カラム）の幅いっぱいに引き伸ばしてくれる設定項目です。

④更新して、実際の表示を確認する

このように、中央寄せすることができました。

ちなみに今回はさら、カラム幅に引き伸ばしています。

まずはCocoon設定を確認してみよう！

今回はアイキャッチを中央揃えにする方法をご紹介しましたが、
Cocoonを使用している方であれば、大体はCocoon設定から設定することができます。

カスタマイズに行き詰まった時は、まずCoccon設定を確認してみましょう。

まずは自分で解決してみる

これを意識するだけで、問題解決能力を鍛えることができます。

ブログ運営をしていくためにも必要な力になってくると思うので、普段から鍛えておきましょう！

どうしてもわからない時は、いろんなブログを参考にするといいでしょう。

それと同時に、ブログ構成や記事の書き方などを研究するというのも効率的でいいかと思います。

まとめ

いかがでしたか？

綺麗に中央揃えできたでしょうか？

ブログを始めたてだと記事のことでもカスタマイズのことでも壁だらけです。

ただ、ここを乗り越えればきっと毎日が充実して楽しくなると思うのです！

むしろ、壁に立ち向かっている今を楽しく過ごしていきましょう！

僕もまだまだ初心者ですので、みなさんと頑張っていければなと思っています！

それでは〜