• Home
• How to use
• Contact

文字の回りこみ

TOP > 編集方法 > 文字の回りこみ

当サイトご利用の際は、ご利用方法をご覧ください。

文字の回りこみとは

ホームページに画像を貼り付けた時に、説明文を書く事は多いと思います。
画像の上や下にも書く事は出来ますが、画像の周りに合わせて文字で囲むと余分な余白もなくなり、見た目もすっきりします。
ＱＨＭでは、画像をページにアップロードすれば、ボタン一つで回り込み用のおまじないが自動挿入されます。
とても簡単で、画像の位置も、右・左のどちらに設定する事も出来ます。

回り込みの基本タグ

#ref(画像ファイル名,nolink,around,left,画像の説明);
(ここに説明文を入れる)
#clear

• 画像ファイルの拡張子：jpg.gif.pngの三種類
• left：画像が左　right：画像が右
• 画像の説明：代替テキスト

編集工程

1. 画像をアップロードする
2. ページ編集画面で、回り込み用ボタンをクリックする
3. 必要に応じて、おまじないを修正する
4. 画像の周りに入力する説明文を書く
5. 表示を確認する

画像をアップロードする

画像のアップロードについては、画像の貼り付け方で説明させていただいていますので、そちらをご覧下さい。

ページ編集画面で、回り込み用ボタンをクリックする

添付したいページで 編集ボックス＞編集 をクリックします。

画像がアップロードされていたら、編集画面の下に下のような欄が出来ています。

編集欄で、画像を挿入したい箇所にカーソルを持って行き、 をクリックします。

上記の例では、編集欄には以下のように表示されます。

#ref(tenpu.gif,nolink,around,left,画像の説明);

必要に応じて、おまじないを修正する

• 左右の指定
  left は、左側に画像が設置され、右側に文字が回りこむという設定です。
  画像を右側に配置したいなら、left を right に変更してください。

• 代替テキストの入力
  おまじないにある 画像の説明 は、代替テキストといわれる物です。
  ホームページ上の画像にカーソルを当てた時に、表示されるテキストになります。
  画像は、検索エンジンからは、単なる画像としてしか扱われません。
  どんなに意味のある画像でも、その内容を読み取ることはできないのです。
  テキストとしてキーワードを入力する事により、ＳＥＯ対策になりますので、面倒でもここは必ず変更しましょう。

画像の周りに入力する説明文を書く

最後に説明文を書きます。
おまじないのすぐ下の行から、テキストを入力してください。
改行したい箇所も、普通に改行してかまいません。
入力が終われば、次の行の行頭に #clear を入力して下さい。

#clear は、回り込みの解除用タグです。
これを入れなければ、その後の文章も一緒に回りこんでしまうことがあります。
入力しないでも、問題なく表示されることもあるのですが、いつも入力する癖を付けておく方が良いと思います。

表示を確認する

あとは、プレビュー や ページの更新 で、表示を確認してください。
おまじないが直接見えているなら、修正時に何か余計な物を入力したか、削除した可能性がありますので、もう一度やり直しましょう。

powered by Quick Homepage Maker 4.53