【全ページ共通】バナーの追加方法を教えてください

各種バナーパーツを利用しましょう!

ご設定手順

1. 「PCトップページを作る」をクリック

「PCトップページを作る」をクリック

2. 左メニュー「パーツを追加する」をクリック

左メニュー「パーツを追加する」をクリック

3. 追加するエリアを選択

トップページの上部に表示したい場合は「ヘッダー」をクリックします。

追加するエリアを選択

4. 「各種バナー」をクリック

「各種バナー」をクリック

5. 表示タイプを選ぶ

横並びに何個のバナーを表示するか選びましょう!

ここでは例として「固定×2」を選びます。

表示タイプを選ぶ

6. 「画像を追加する」をクリック

パーツの設定画面を下にスクロールすると「画像を追加する」ボタンがあります。

「画像を追加する」をクリック

7. 「画像選択」をクリック

「画像を追加する」をクリックすると、画像選択用のボタンが表示されます。

「画像選択」をクリック

8. 表示したい画像を選択する

ビーノが提供しているバナーを利用する場合は「無料提供バナーを選択」を選びましょう。
他にもPC内の画像や楽天Cabinet内の画像もお選びいただけます!

表示したい画像を選択する

9. フォルダを選択する

例えば、無料提供バナーの場合、「楽天キャンペーン用」をクリックします。

フォルダを選択する

10. 画像を選択する

フォルダを選択すると、右側に該当フォルダへ保存されている画像が一覧で表示されます。

トップページに掲載したい画像をクリックして選びましょう!

画像を選択する

11. リンク先URLを設定する

「リンク先URL」の設定欄へリンクさせたいページのURLを貼り付けましょう!

なお、リンク先URLは必須ではないため、未設定のままでも問題ありません

リンク先URLを設定する

バナーへ「表示期間」を設定する場合

リンク先URLの設定欄下部にある「表示期間」をクリックすることで、バナー画像へ表示期間を設定することができます。

表示期間のご設定方法は以下よくあるご質問ページをご確認ください。
https://lab.biiino.com/faq/pc-toppage/banner-display-period-setting/

「表示期間」の設定も可能

バナー画像の下へテキストを表示させたい場合

「文字表示」をクリックしましょう。

バナー画像の下へテキストを表示させたい場合

次に「画像下に表示する文言を入力」をクリックして、テキストを入力しましょう。

バナー画像の下へテキストを表示させたい場合

12. 2枚以上のバナー画像を追加する場合

再度「画像を追加する」より上記6〜11の手順を繰り返し行います。

2枚以上のバナー画像を追加する場合

13. 最後に「決定」をクリック

すべてのバナー画像の設定が完了したら、「決定」をクリックして完了です!

最後に「決定」をクリック

⚠「反映する」を忘れずに…

他パーツの設定等が完了しましたら、最後は必ず「反映する」より公開中のトップページへ変更内容を反映させましょう!

⚠「反映する」を忘れずに…

この記事について評価をお願いいたします
  • 役に立った (0)
  • わかりにくい (0)
  • 必要な情報がなかった (0)
  • 探しにくかった (0)

関連しそうなFAQなど

ビーノとSUMAOU!の違い 次の開発予定 動画で学ぶビーノ 導入事例