どらプリTips

楽天スーパーSALEの縦バナーを設置する方法

2017/11/27(月)10:00から、楽天スーパーSALEの告知解禁となりました。
今年最後のスーパーSALEは、2017/12/02(土)〜2017/12/07(木)ですね。
みなさん、準備のほうは、進めておられるでしょうか?

今回は、どらプリで、楽天スーパーセールの縦バナーを設置する方法について、紹介しようと思います。

楽天スーパーSALEのバナーを作成する

作成した画像は、楽天R-Cabinetか楽天GOLDにアップロードしましょう。

なお、上記バナーは、どらプリをご利用中のお客様に限り、自由にご利用いただけます。
右クリックで画像を保存してください。
※著作権は当社にあります。どらプリご利用者以外は、お使いいただけません。

どらプリに、独自CSSを設定する

パソコンでは縦バナーを表示し、スマホでは縦バナーは邪魔になるので、表示されないようにします。

どらプリの管理画面から「楽天ページ編集」に入り、「ページ設定」を選択します。

独自CSS設定のところに、以下をコピペします。


/***********************
   スーパーSALE縦バナー
************************/
body {
    background-image: url(  【ここに画像URLを入れてください】  );
    background-position: right top;
    background-repeat: repeat-y;
}

@media screen and (max-width: 1200px) {
  body {
    background-image: none;
  }
}

上記をコピーしてもらって、独自CSSの欄に貼り付けて、「変更する」ボタンを押します。
こういう状態です。

「1200px」と書かれている箇所は、ページ設定の上のほうで設定している「PCページ最大幅設定」で書いている数字を入れてください。

バナーを左側に出したい場合には、「right」と書いているところを「left」にしてやればOK!
以上で完了です。

今回は、どらプリで、楽天スーパーSALEの縦バナーを設置する方法をご紹介いたしました。
少しでもお役に立てれば幸いです!