【WordPress】アイキャッチ画像 左に寄せる方法

ライブドアブログからWordPressへ移行してきたんですが、画像が中央揃いになってしまっているのでバランスが悪い感じです。

これをどうにか直す方法模索しながらやってみました。

今後誰かの参考になればと思ってここにまとめておきます。

テーマエディタからソースコード編集

前回の記事でも説明しましたが、ソースコードを修正するときはデザインが崩れてしまうので慎重に行ってください。

修正対象ファイルはバックアップをとっておくことをおすすめします。

今回の修正対象ファイル

wp-content/themes/start-magazine/template-parts/content.php
wp-content/themes/start-magazine/style.css

トップページの画像を左寄せにする

content.phpを修正する

29行目あたりを

align
↓↓↓↓
align left

このように変更します。

たったこれだけでトップページの画像が左寄せになります。

記事ページの画像を左寄せにする

style.cssを修正します。

815行目あたりのdisplay: block;を削除します。

これだけで記事ページの画像を左寄せにすることができます。

コメントを残す

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