Blog

HOME > Web > Wordpress > 投稿 > 【WordPress】独自のCSSで画像を正しく配置する方法

【WordPress】独自のCSSで画像を正しく配置する方法

2017/02/16

投稿

備忘録です。

独自のCSSの場合、投稿で画像配置を指定しても中央や右寄せにできないことがあります。
いつもHTMLタグで書いているので全く気づいておらずクライアントさんからの指摘で気づきました。

参考サイト
WordPressテーマ自作時の記事内画像位置のCSS設定

CSSに下記を追加します。

/* 画像配置 左 */
img.alignleft {
    text-align: left;
}

/* 画像配置 中央 */
img.aligncenter {
    display: block;
    margin: 1px auto;
}

/* 画像配置 右 */
img.alignright {
    display: block;
    margin: 1px 1px 1px auto;
}

これで画像が正しく配置されます。

カテゴリー

月間アーカイブ

«前の記事

一覧に戻る

次の記事»

最近の投稿

人気の記事

MORE

ミュージシャンズ・プラザ

神社仏閣ホームーページ制作

ホームページ制作問合せ