画像にテキストを回り込ませる

RW3.6検証済みRW3.5検証済み
テキストの回り込みって憧れますよね(笑)
ブログプラグインしか試していませんが、やり方は簡単です。

1.まず画像を配置し改行せずにテキストを入力しします。(必ず画像を先に配置します)
2.画像を選択し、
書式<HTMLイメージを左揃えまたは右揃えを選びます。

以下のようになります。

あのイーハトーヴォのすきとほった風、夏でも底に冷たさをもつ青いそら、うつくしい森で飾られたモーリオ市、郊外のぎらぎらひかる草の波。あのイーハトーヴォのすきとほった風、夏でも底に冷たさをもつ青いそら、うつくしい森で飾られたモーリオ市、郊外のぎらぎらひかる草の波。あのイーハトーヴォのすきとほった風、夏でも底に冷たさをもつ青いそら、うつくしい森で飾られたモーリオ市、郊外のぎらぎらひかる草の波。あのイーハトーヴォのすきとほった風、夏でも底に冷たさをもつ青いそら、うつくしい森で飾られたモーリオ市、郊外のぎらぎらひかる草の波。あのイーハトーヴォのすきとほった風、夏でも底に冷たさをもつ青いそら、うつくしい森で飾られたモーリオ市、郊外のぎらぎらひかる草の波。


文中の画像に回り込ませるには…
1.テキストを入力
2.任意の場所に画像を配置(改行はしない)
3.画像を選択して同じく
イメージを右揃え左揃え

以下のようになります。

あのイーハトーヴォのすきとほった風、夏でも底に冷たさをもつ青いそら、うつくしい森で飾られたモーリオ市、郊外のぎらぎらひかる草の波。あのイーハトーヴォのすきとほった風、夏でも底に冷たさをもつ青いそら、うつくしい森で飾られたモーリオ市、郊外のぎらぎらひかる草の波。
あのイーハトーヴォのすきとほった風、夏でも底に冷たさをもつ青いそら、うつくしい森で飾られたモーリオ市、郊外のぎらぎらひかる草の波。あのイーハトーヴォのすきとほった風、夏でも底に冷たさをもつ青いそら、うつくしい森で飾られたモーリオ市、郊外のぎらぎらひかる草の波。
あのイーハトーヴォのすきとほった風、夏でも底に冷たさをもつ青いそら、うつくしい森で飾られたモーリオ市、郊外のぎらぎらひかる草の波。あのイーハトーヴォのすきとほった風、夏でも底に冷たさをもつ青いそら、うつくしい森で飾られたモーリオ市、郊外のぎらぎらひかる草の波。あのイーハトーヴォのすきとほった風、夏でも底に冷たさをもつ青いそら、うつくしい森で飾られたモーリオ市、郊外のぎらぎらひかる草の波。あのイーハトーヴォのすきとほった風、夏でも底に冷たさをもつ青いそら、うつくしい森で飾られたモーリオ市、郊外のぎらぎらひかる草の波。あのイーハトーヴォのすきとほった風、夏でも底に冷たさをもつ青いそら、うつくしい森で飾られたモーリオ市、郊外のぎらぎらひかる草の波。

この方法だと、画像より前のテキストがページの幅にぴったりでないと、画像より後のテキストを画像より前に送って調整するみたいです。また複数の画像を配置することも出来ます。


RapidWeaverのブログプラグインは、テキストの回り込みをするとテキストしか認識しないようで、画像の高さよりテキストが短い(小さい?)と記事の区切り(コメントとかトラックバックの所)から画像がはみ出す事があります。
その時は、テキストの最後に改行を入れて調整しましょう↓。
※回り込みはみ出し問題について

わかりやすいように(改行)と書きました。わかりやすいように(改行)と書きました。わかりやすいように(改行)と書きました。
(改行)
(改行)
(改行)
(改行)

blog comments powered by Disqus