AMS使い方マニュアル

簡単ホームページ作成ツール「AMS」のマニュアルサイト

ホーム ≫ サイドバナーを編集する ≫

[ケーススタディ]
サイドバナーを設置する
(画像編)

ケーススタディ

協力会社様のバナーを設置し、クリックすると該当の会社のサイトが表示される

事前準備

  • 該当の会社のロゴ等画像の用意し、ファイル管理にアップロードしておく。
  • リンク先URLを用意しておく。

X(旧Twitter)をご利用のユーザー様へ

TwitterからXへ切り替えにあたり、AMSユーザー様向けにXのバナーを提供しています。
よろしければ、ご利用ください。

1.バナーを設置する

bannerarea02
サイトの右もしくは左にあるバナーが表示されているエリアをクリックします。

※1カラム、レスポンシブの場合、バナーエリアはサイト下部になります。
サブメニュー05_コピー
※バナーをはじめて設定する場合は「バナー画像を追加」の表示になります。
banner1
バナー画像を追加」ボタンをクリックします。

2.表示させたい画像を選択する

banner3

表示させたい「画像」をクリックすると、「No image」に画像が入ります。

「画像にリンクを張らない場合」は次へ、画像にリンクを張る場合は下記をクリックしてください。
banner4-2

画像クリック設定」の下向き矢印をクリックして、「何もしない」を選択します。

登録」ボタンをクリックします。

※追加するバナー数に制限はありませんが、見づらくなるようであれば、記事内にフォトギャラリーを利用して、設置をおすすめします。

otukaresamadesita

3.バナーのリンクを変更する

bannerarea02

サイトの右もしくは左にあるバナーが表示されているエリアをクリックします。


※1カラム、レスポンシブの場合、バナーエリアはサイト下部になります。

banner5-2

リンクを設定したいバナー画像の右の「編集」をクリックします。

 

banner4-2
「画像クリック設定」の下向き矢印をクリックして、「画像にリンクを指定」を選択します。

4.リンク先を指定する

naibulink

リンク先選択」から「ページ」または「ブログカテゴリ」を選択し、
ページ選択」から、リンクさせたい「ページ」、または、「ブログカテゴリ」を選択し、
登録」ボタンをクリックします。

banner4-3
※外部サイトにリンクを張りたい場合

リンクを新規ウィンドウで開く」にチェックを入れてください。

「リンク先URL」下部の「https://」に先にコピーしておいた外部サイトのURLを貼り付け、「登録」します。
リンク先のファイル名は必ずコピー&ペーストしてください。スペルミスなどの誤りがあると、正しく表示されません。

5.リンク動作を確認する

プレビュー_コピー

編集画面右上の「プレビュー」ボタンにマウスを乗せると、「パソコン」と「スマートフォン」メニューが表示されます。

ここでは、パソコンで確認します。

画像をクリックしたときに、新しいウィンドウで外部サイトが表示されれば、リンク設定は完了です。

otukaresamadesita