• Home
• How to use
• Contact

画像の貼り付け方

TOP > 編集方法 > 画像の貼り付け方

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

画像の貼り付け方

画像のを貼り付ける方法は、３通りあります。

１.画像添付リンクを作成してから、添付する
２.事前に画像をページに添付して、画像のおまじないを挿入する
３.FTPで画像をアップロードして、画像のおまじないを挿入する

ここでは、２の方法を説明します。
この方法だと、文字の回りこみをするときも簡単ですので、無償版ユーザーはこちらを利用される方がいいと思います。

３のFTPを使う方法については、FTPでアップロードした画像の貼り付け方をご参照ください。

画像貼り付けの基本タグ

&ref(画像ファイル名,nolink,画像の説明);

• 画像ファイルの拡張子（jpg,gif.png)
• 画像の説明:代替テキスト

編集工程

1. 画像を用意する
2. 添付用編集画面で、添付したい画像を選択する
3. ページ編集画面で、添付用ボタンをクリックする
4. 必要に応じて、おまじないを修正する
5. 表示を確認する

画像の添付方法については、ＱＨＭのホームページでも、画像付きで詳しく説明されていますので、そちらも参考にご覧ください。

　⇒ＱＨＭの説明を見る

画像を用意する

ホームページに表示させたい画像を用意します。
画像の拡張子は jpg gif png の三種類です。
元画像の大きさが、そのまま画面に表示されますので、必要に応じて調節してください。
横幅は最大550pxまでにしてください。（それよりも大きいと切れてしまいます。）
レイアウトでページ横幅を修正している方は、本文横幅までの大きさで画像を用意してください。

添付用編集画面で、添付したい画像を選択する

添付ファイルは、ページごとに分けてアップロードされますので、画像を表示させたいページを開けてください。

編集ボックス＞添付 をクリックします。

参照 をクリックすると、お手持ちのＰＣ内のファイルが表示されますので、添付したい画像を選択します。
（Windows なら、画像を選択して「開く」をクリックして下さい。）

参照ボタン左側に、選択したファイル名が表示されたら、アップロードをクリックします。

ページ編集画面で、添付用ボタンをクリックする

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

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

編集欄で、画像を挿入したい箇所にカーソルを持って行き、&ref2(): File not found: "swfu/d/swfu/d/gazou.gif"; をクリックします。

上記の場合、クリックするとタグが以下のように表示されます。

&ref(tenpu.gif,nolink,画像の説明);

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

このままでも、画像は表示されるのですが、必要であれば、おまじないを修正します。

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

• 画像の大きさの調節
  画像の大きさを変更したい時は、表示％を指定します。
  おまじないの nolink, の後ろに、％の単位で入力します。
  100％より大きな数字を入れることにより、画像が大きくなり、小さな数字を入れると、画像も小さくなります。
  ※数字も、％も半角で入力してください。

&ref(hana.jpg,nolink,画像の説明);

&ref(hana.jpg,nolink,150%,花);

&ref(hana.jpg,nolink,70%,Flower);

表示を確認する

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

画像添付の色々な使い方

文字の回り込み

画像の周りに合わせてテキストを入力する方法です。

　⇒文字の回り込みを見る

同じ画像を複数のページに貼り付ける

あるページにアップロードした画像を他のページでも利用する方法です。
ページごとにアップロードする手間が省けますし、サーバー容量を余分に消費する事もありません。

　⇒同じ画像を複数のページに貼り付けるを見る

ナビやメニューに画像を添付する

ナビ・メニューに画像を貼り付けるには、画像をアップロードするページと、タグの入力に少し違いがあります。

　⇒ナビやメニューへ画像を添付するを見る

powered by Quick Homepage Maker 4.53