ワードプレスの記事で画像の横に文字を回り込ませない方法!

WRITER
 
この記事を書いている人 - WRITER -
こんにちはNAHOです。 自分で選択できる人生を歩みたい、家族や大好きな人たちと豊かに暮らしたい。 そう思った私は、ネットビジネスの道へと歩み始めます。
詳しいプロフィールはこちら

記事内に画像を左寄せにして挿入すると、次に書いた文字が画像の右側に回り込んで表示されてしまいます。

画像の下に文字を表示したいのに・・・そんな時の方法を紹介します!

画像の横に文字を回り込ませない方法

画像を左寄せにして挿入後、文字を書くとこんな感じで画像の右側に表示されます。

これを回避するには、以下をやってみましょう。

記事投稿画面で「テキストエディタ」に切り替え、画像を挿入している箇所(<img ~ />タグ)の後に以下のタグを追加します。

すると以下のように画像の下に文字が表示されるようになります。

追加したタグは、「回り込みを解除」するという意味です。

もし右寄せだったら

です。

どの位置かわからない場合は

を指定します。

というか、ぶっちゃけ「all」だけを覚えておけばいいですね(笑)。

どの位置にあるか関わらず、文字の回り込みを解除するという意味ですから。

ちなみに「<br>」タグは改行を表します。

まとめ

画像の横に文字を回り込ませない方法を紹介しました。

レイアウトを整えるのもなかなか一苦労ですね(笑)。

よかったら使ってみてくださいね。

 

この記事を書いている人 - WRITER -
こんにちはNAHOです。 自分で選択できる人生を歩みたい、家族や大好きな人たちと豊かに暮らしたい。 そう思った私は、ネットビジネスの道へと歩み始めます。
詳しいプロフィールはこちら

- Comments -

メールアドレスが公開されることはありません。

Copyright© トラベラーズサロン , 2018 All Rights Reserved.