どらプリTips

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

『150時間限定! ポイント最大43倍!楽天スーパーSALE』

今回のスーパーSALEは、2019/03/04(月)〜2019/03/11(月)01:59です。
告知解禁は本日3月1日(金) 10:00でした。

みなさん、準備のほうは、進めておられるでしょうか?

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

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

作成した画像は、楽天R-Cabinetか楽天GOLDにアップロードしましょう。
もしくは、下記のバナーをお使いください。

      

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

どらプリに、独自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の縦バナーを設置する方法をご紹介いたしました。
少しでもお役に立てれば幸いです!