【AmebaOwnd編】トップページへのリフナビバナー設置方法

最新の記事
カテゴリー
月別アーカイブ
タグ
掲載店舗 キャンペーン クーポン
217 42 77

RSS

【AmebaOwnd編】トップページへのリフナビバナー設置方法

更新日: 2016-01-06編集部からのお知らせ
【AmebaOwnd編】トップページへのリフナビバナー設置方法

AmebaOwnd(アメーバオウンド)にて神戸のバナー設置方法をまとめました。スマートフォン用管理画面ではバナー設置ができないため、管理画面にログイン後、フッターにある表示切替より【パソコン版】に切り替えてから行ってください。

 

1)ログイン後、「ページ編集」をクリック。ownd001

2)左メニュー内、「HOME」をクリック。 oend002

3)「HOME」ブロック内右上の「画像」をクリック。 ownd003
※注意※
ownd004 左側メニューの「HOME」内、赤枠で囲んでいる「リンク」「HTML」からコードを入力する方法はiframeでの設置となり、キャンペーン対象外になりますのでご注意下さい。

4)右ページに緑色の画像ブロックが出現します。 ownd005

5)画像ブロックを「+ブロックを追加」と出現する箇所までドラッグし設置。 ownd006

6)「新規アップロード」をクリック後、真ん中の「↑」をクリック。 ownd007
7)ご使用のPC内に保存頂いたリフナビバナーを選択し「開く」をクリック。
※バナー画像は【リフナビ神戸のバナー設置について】より保存可能です。 ownd008

8)バナー画像アップロード後、画像を選択し、「OK」をクリック。 ownd009

9)サイト編集画面に大きなバナー画像が出現します。 ownd010

10)バナー画像真ん中辺りに出ております編集メニュー内左下「原寸」を選択して頂きますと、通常のバナーサイズになります。 oend011

11)バナー画像編集メニューの右上「鎖マーク」をクリックし、リフナビのURLを入力。すぐ下の「新規ウィンドウ」をチェックしておきますと、別窓で開く設定になります。全て入力後「OK」をクリック。
※URLは【リフナビ神戸のバナー設置について】よりコピー可能です。 
ownd012

12)サイト編集画面右上の右から2番目「プレビュー」をクリック。 ownd013

13)プレビュー確認後、問題なければサイト編集画面右上一番右「ページを更新」をクリック。 ownd014

14)ページを更新しますと、編集画面下に「ページを更新しました」とでますのでこちらをクリック。
※時間が経つと消えてしまいますが、HPをすぐ確認できるだけですので特に問題はございません。 ownd015

15)バナーが無事に設置されているか確認して完了。
ownd016

アメーバオウンドのデザインはアメーバブログと異なり、少し尖ったデザインを導入しているそうです。初期構想段階の方が今よりも尖ったデザインだったそうですよ。Amebaを名前に入れるか否かという点でも議論が起こり、結果Amebaの冠が付くことになり、今のデザインに落ち着いたそうです。

筆者: サポート担当 松上