2018/02/09 2018/03/11

WordPressで画像の左寄せ・中央寄せ・右寄せが反映されない！

こんにちは、フリーランスパパの神田翼(@tsubasa_lsc)です。

自分でWordPressのテーマを作成している方に向けた記事です。 WordPressの記事を書く際に、画像の「配置位置」を決められます。左寄せ、中央寄せ、右寄せ、なしといった感じで。この配置位置を決めるCSSはWordPress独自のものであり、自ら設定しておく必要があるケースがあります。納品後、お客様に「画像が右寄せできないんですが？」と言われたら、おそらくこれが原因です。

追加すべきCSS

以下のCSSを追加すればOKです！

img.alignright{
	display: block;
	margin: 0 0 0 auto;
}

img.alignleft{
	display: block;
	margin: 0 auto 0 0;
}

img.aligncenter{
	display: block;
	margin: 0 auto;
}