WP画像の中央揃えができない。不具合の解決方法。

画像が中央に配置されない。

WPで中央に配置されない

ワードプレスで作ったホームページに画像を配置すると、管理画面では左右中央に配置されているのに、プレビュー表示すると左に寄っているという事例があった。

使っているテーマはBizVektorで、画像の配置は普通にできます。通常は問題なく中央に配置できるはずですが、何らかの不具合があると思われます。それを探求するのも一つの解決方法ですが、今回は一番簡単な解決方法をご紹介します。

簡単な解決方法

  • テーマの機能から画像を配置するのをやめます。
  • 普通にHTMLで画像を配置することで解決します。

固定ページの管理画面から、

普通は「画像を配置」を追加してメディアから画像を選択またはPCからアップロードしますが、「カスタムHTML」を選択し、そこへHTMLを書き込みます。

画像中央配置

画像配置のHTML

画像中央配置

画像配置には以下のコードを書き込みました。

<a href=”リンク先URL“><div style=”text-align: center”><img src=”画像のアドレス” width=”150″ height=”150″></div></a>

青字の部分を追加することで、画像がセンター揃えになります。左揃えならcenterをleft、右ならrightに変えます。

画像中央配置

参考URL:https://designya.yokohama/

コメントを残す

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

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください