らぼwordpressを使用しての記事作成時、ビジュアルエディターで画像を挿入し、その後文章を追加していくと画像の周りに文字が回り込んでしまう事があります。ビジュアルエディター上で改行を打ち画像の下に文章を打ち込んでいるはずなのにちょっとズレ込んで被さってしまう。プレビューではキッチリ収まっているのに投稿後スマホなどで確認するとズレている、など。改善が必要だと思い調べて見ました。状態としてはこんな感じです。↑改行を打っているのに画像の横に文字が回り込んでいます。その1タグを打ち込むという方法があるらしい事がわかりました。僕はあまりタグに詳しくないので簡単にタグを挿入出来る方法を探しました。インストールを済ませたら有効化します。するとビジュアルエディターの隅っこにこんなアイコンが追加されます。ここをポチッと押すとこんな感じでタグが入ります。回り込みが防げているのがわかります。画像の回り込みを防ぐ方法その2画像を挿入した後、画像をクリックするとこんな感じの画面になります。画像を右寄せしてテキストを左側に回り込ませる画像を左寄せしてテキストの回り込みを禁止。この方法だと画像の下が空き過ぎる気がします。体裁はどちらがいいのかと言うとタグを打ち込んだ方が、ムダが無く綺麗に見える気がします。以前ちょこっとだけwebのデザインをやっていた頃には表組をしてそこに画像・テキストを貼りこんでいく、という手法でした。当時はまだCSSなどが新しい技術だった様に思います。上記の様な表をキッチリpixel単位で指定してそのピクセル通りの画像やバナーを貼りこんで行くという手法です。今は枠線が見える様にしてありますが実際は枠線サイズ0、線は表示しない様にします。なんでこんな面倒な事しているのかというと、モニターの解像度に関係してきます。ある程度のサイズ以下になると綺麗に配置されている筈のテキストや画像のバランスが見ている方のモニター解像度によって表示がズレるのです。見かけますよね(^^;なのでピクセル単位で指定しておくと横スクロールのバーが表示されデザインが崩れないのです。今もデザイン性の高いサイトではやっているのかも知れませんが。コメントをキャンセルメールアドレスが公開されることはありません。関連記事08/06/2017スペードのエース。オープニングに登場する場所ってどこ?世界で湖が最も集中している国、カナダ。その数は?クニペックスが最強な訳。海外の工具なんぞ何もいいこと無いと思ってた俺が惚れ込んだアレ。タコの足が8本とは限らない。96本足のタコがいる。