• Home
• How to use
• Contact

画像貼り付けの応用

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

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

画像の貼り付けについて

ホームページを作成するのに、画像の貼り付け作業は必須ですね。
基本的な貼り付け方は、画像の貼り付け方で説明していますので、そちらをご覧ください。

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

サイトを作成していて、同じ画像を複数のページで利用する事はよくあると思います。
例えば、サイトのロゴマークや新着マークなどですね。

ＱＨＭでは、画像はページごとに分けてアップロードされます。
アップロードすれば、編集画面でボタン一つで画像を貼り付けられるのはとても便利なのですが、必要なページ全てに同じ画像を添付するのは面倒です。
また、それぞれが別にアップロードされますので、サーバー容量もそれだけ余分に消費してしまいます。

別のページにアップロードした画像を貼り付ける方法を説明します。

画像貼り付けの基本タグ

&ref(ページ名/画像名,nolink,画像の説明);

• 画像ファイルの拡張子（jpg,gif.png)
• 画像の説明：代替テキスト
• ページ名：ＱＨＭで設定したページ名（日本語可）

基本的なタグは同じです。
画像名の前に ページ名/ を追加すると、そのページに添付した画像が表示されます。

当サイトでは、何度も使う画像は全てトップページに添付させています。
トップページのページ名は FrontPage ですので、以下のようにタグを記入しています。

&ref(FrontPage/画像名,nolink,画像の説明);

ＱＨＭのマニュアルでは、picture という画像添付用のページを作成して、必要な画像はそこに全てアップロードするという説明がありました。
その場合、以下のタグになります。

&ref(picture/画像名,nolink,画像の説明);

どちらでも、作成者の使い易い方法でご利用ください。

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

画像貼り付けの基本タグ

メニューやナビに画像を添付するには、画像名の前に SiteNavigator/,SiteNavigator2/,MenuBar/ を挿入します。

ナビ部分（ヘッダー下）に画像を挿入

&ref(SiteNavigator/画像名,nolink,画像の説明);

ナビ2部分（フッター上）に画像を挿入

&ref(SiteNavigator2/画像名,nolink,画像の説明);

メニューバー（サイドメニュー）に画像を挿入

&ref(MenuBar/画像名,nolink,画像の説明);

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

画像をアップロードする方法

メニューや、サイドバーの内容は、SiteNavigator,SiteNavigator2,MenuBar というページで作成した内容を全てのページに読み込むという形で表示されていますので、ページ名のリンクが必要になるのです。

当然、SiteNavigator,SiteNavigator2,MenuBar というページに画像をアップロードする必要があります。

各編集画面から開ける

編集ボックス＞メニュー管理 をクリックします。

• ナビ（ヘッダー下）に画像を添付する場合は ナビ編集 をクリック
• メニューバーに画像を添付する場合は メニュー編集 をクリック
• ナビ2（フッター上）に画像を添付する場合は ナビ2編集 をクリック

各ページの編集画面から 編集ボックス＞添付 をクリックします。

一覧から、各ページを開ける

編集ボックス＞一覧 から、SiteNavigator,SiteNavigator2,MenuBarをクリックして、各ページを表示させて 編集ボックス＞添付 をクリックします。

• 記入例
  当サイトでは、メニュー欄に新着ロゴとしてＧＩＦアニメーションを利用しています。
  MenuBar に new.gif というファイルを添付した場合、以下のようなタグになります。

&ref(MenuBar/new.gif,nolink,新着);

ナビやメニューに他のページの画像を貼り付ける

ナビやメニュー部分に、通常ページに貼り付けた画像を表示させる場合も、同じ画像を複数のページに貼り付けると同じタグで大丈夫です。

&ref(ページ名/画像名,nolink,画像の説明);

SiteNavigator,SiteNavigator2,MenuBarに画像を添付させた場合、全ページの添付ファイル一覧 では表示されません。

アップロードした画像を全てファイル一覧で確認したい場合は、ナビやメニューに使う画像でも、SiteNavigator,SiteNavigator2,MenuBar でなく、通常ページに貼り付けた画像を添付させるのも、一つのやり方だと思います。

powered by Quick Homepage Maker 4.53