ContentsHOMEABOUTCONTACTCLOSE2014年08月28日WordPresswordpressコード(K)記事投稿時テキストが画像の右に回り込ない時の対処(WordPress自作Theme作成時)HOMEWordPress(K)記事投稿時テキストが画像の右に回り込ない時の対処(Wordpress自作Theme作成時)自分でWordpressのThemeを一から作成すると、デフォルトのTheme(Twentyなんとか)や配布されてるThemeにあるから、何の気なしに出来てた事ができない場合があります。今回はブログ記事に画像(メディア)を入れる時に投稿画面で右寄せや左寄せに設定しても、指定したとおりにならない時の対処法の備忘録。投稿画面でテキストが画像の右側に回りこんでくれない例ベタな所で画像付きのブログを上げたい場合、通常はメディアの設定の「配置」から選びます。ビジュアルでの表示はちゃんと右にテキストが回りこんでいますが・・・プレビューで確認すると下に落ちてます。CSSにコードを追加するだけでOKwordpressは画像を「配置」で設定するとclassがつくので、そのclass通りの設定をCSSに追加してあげればOKです。left}marginの設定は、作成したサイトのデザインの間隔で合わせてあげればいいと思います。これで、ばっちりテキストが右側に回りこみました。まとめWordPressで構築したサイトを納品した際は、クライアントさんも投稿画面を触るでしょうし、ソースコードを見ただけで頭痛のするタイプの人は十中八九ビジュアルエディタで更新作業をしますから、当然エディタのプレビューと違う結果になれば「??」となりますから、この設定はほぼ必須かなと思います。こんな感じのデフォルトコードはどんどんEvernoteにでもまとめて、ちゃちゃっとやってしまいたいトコです。コメントをキャンセルメールアドレスが公開されることはありません。Memo当ブログの管理人Kc_fuji(け-し-)です。WEB制作会社に務めるサラリーマンです。このブログは、制作の覚え書きとWordpressの実験所として利用しています。PAGEWEB(K)Campus(WEB系キャンパス)は娯楽は少なめ。