はい、「無料提供バナー」としてご用意しています。
「無料提供バナー」とは、Biiino(ビーノ)で使える無料のバナー画像のことです。
このページでは実際の編集画像を用いて無料提供バナーの設定方法を解説していきます。
バナーをたくさん追加してトップページをどんどん華やかにしていきましょう!
目次
バナーを追加する方法
1. 「パーツを追加する」をクリック
![](https://lab.biiino.com/wp-content/uploads/2020/01/biiino_sample-parts-700x372.png)
2. 表示するエリアを選ぶ
次にバナーを表示したいエリアを「ヘッダー」「ナビ」「メイン」「フッター」の中から選択してください。
3. 「各種バナー」を選ぶ
![](https://lab.biiino.com/wp-content/uploads/2022/04/faq_pctop-banner_001-1-320x324.png)
4. 表示タイプを選ぶ
表示したいバナーの大きさ、数などに合わせて表示タイプを選択してください。
スマホでも同じトップページを使用したい方は、一列につきバナー1,2個がおすすめです!
![](https://lab.biiino.com/wp-content/uploads/2019/10/Biiino_003c-600x393.png)
4. 「画像を追加する」をクリック
表示タイプが決まったら、そのまま左メニューをスクロールして、【画像を追加する】をクリックします。
![](https://lab.biiino.com/wp-content/uploads/2019/10/Biiino_004a-600x391.png)
【画像選択】をクリックすると、表示したい画像を選択できるようになります。
![](https://lab.biiino.com/wp-content/uploads/2019/10/Biiino_005-320x371.png)
5. 「無料提供バナーを選択」をクリック
![](https://lab.biiino.com/wp-content/uploads/2019/10/Biiino_006-600x424.png)
6. カテゴリを選ぶ
【無料提供バナーを選択】を押すと、8つのカテゴリが表示されます。
例えば、お買い物マラソンやスーパーSALEのバナーを掲載したい場合は、「楽天キャンペーン用」をクリックしてご希望のバナーを探しましょう。
![](https://lab.biiino.com/wp-content/uploads/2022/04/faq_pctop-banner_002-700x369.png)
7. バナー画像を選ぶ
それぞれの用途に合ったバナーを選択してください。
バナーをクリックするとすぐに右側の完成イメージ画面に表示されます。
![](https://lab.biiino.com/wp-content/uploads/2022/04/faq_pctop-banner_003-700x345.png)
8. リンク先URLを設定する
バナー画像のリンク先URLを設定しましょう。
![](https://lab.biiino.com/wp-content/uploads/2022/04/faq_pctop-banner_004-320x214.png)
⚠バナーの表示タイプを複数にした場合
横一列のバナーの数を複数にした場合は、再度【画像を追加する】をクリックしてバナーを追加してください。
画像の選び方等は前述した手順4〜8と同様です。
![](https://lab.biiino.com/wp-content/uploads/2019/10/Biiino_009-600x388.png)
9. 「決定」をクリック
最後に「決定」ボタンをクリックしてパーツの追加は完了となります。
![](https://lab.biiino.com/wp-content/uploads/2022/04/faq_pctop-banner_005-320x193.png)
10. 「反映する」をクリック
すべての編集が終わったら【反映する】を押して公開中のトップページへ変更内容を反映させましょう!
![](https://lab.biiino.com/wp-content/uploads/2020/01/biiino_sample-reflection-1-320x493.png)
関連キーワード 無料バナー