バナー設置ガイド

HOME | バナー設置ガイド

バナーの設置について

会員の皆様はご自由にバナーをご利用いただけます

このたびは「守り人の会」活動にご賛同いただき、ありがとうございます。
各メンバーのホームページやブログなどで、下記のバナーを設置していただけます。
設置により、より多くの方に「古民家を守る活動」を知っていただくことができます。
 
会員の皆様にはバナーの画像を配布しています。
ホームページやブログなどバナー設置して、守り人の活動や会員であることを広く周知することにお役立てください。

▼バナーの画像(1366×400)

 
バナー設置ガイド


バナーの目的

「守り人プロジェクト」の理念を広げるために、
各メンバーのホームページ・SNS・ブログなどにリンクバナーを掲載していただきます。
クリックすると公式サイト
▶︎https://kominka-mamoribito.com/
へ移動します。


バナー画像

サイズ: 1366×400 px
デザイン:下記の画像をご利用ください(画像を長押しして「写真を保存」、もしくはパソコンの場合は「名前をつけて保存」をしてご自身のサイトにアップしてもOKです)
 
①バナー1

 
②バナー2

 
③バナー3

 
 
 

 設置方法
① 画像を保存する

以下のいずれかの方法で画像を準備します。
・パソコン場合は上の画像を右クリックして「名前を付けて画像を保存」
・スマホの場合は画像を長押しして「写真を保存」をする
 
・画像に「https://kominka-mamoribiyo.com/」をリンクを貼る


・または以下のURLを直接コピーして貼り付け
 https://kominka-mamoribito.com/banner/mamoribito_banner.jpeg
 

② ホームページのHTMLに貼り付ける

バナーを表示したい位置に、下記のHTMLコードをコピー&貼り付けしてください。
 

▼下のHTMLをコピペして貼り付けてください
 


<!-- 守り人プロジェクト バナー(幅1366px) -->
<a href="https://kominka-mamoribito.com/"
target="_blank"
rel="noopener noreferrer"
title="古民家を守る『守り人プロジェクト』">
<img src="https://kominka-mamoribito.com/banner/mamoribito_banner.jpeg"
alt="守り人プロジェクト - 古民家を守る"
width="1366"
height="400"
style="display:block;max-width:100%;height:auto;border:0;"
loading="lazy">
</a>


🪶 ポイント

  • 幅は自動的にページサイズに合わせて縮小されます。

  • スマホ・タブレットにも対応しています。

  • バナーの上下に余白を付けたい場合は、CSSで margin を追加してください。

③ WordPressの場合

ブロックエディター(Gutenberg)をご使用の方は、

  1. 「カスタムHTML」ブロックを追加

  2. 上記のコードを貼り付け

  3. プレビューで位置とサイズを確認して保存してください。

④ 他の使い方

  • InstagramやFacebookなどでは、リンク投稿時の画像として使用可能です。

  • QRコード付きポスターやチラシにも利用できます(印刷可)


 

🌿 注意事項

  • バナーの改変・トリミング・色変更はご遠慮ください。

  • ご自身の活動紹介ページなどと一緒に掲載していただくのは歓迎です。

  • リンク先URLは必ず「https://kominka-mamoribito.com/」をご指定ください。

🤝 お問い合わせ

設置方法がわからない場合や、下記よりお問い合わせください。
📩 お問合せ