どらプリTips

楽天お買い物マラソンの縦バナーを設置する方法

2019年6月19日(水)10:00から、楽天お買い物マラソンの告知解禁となりました!

次のお買い物マラソンは、2019年6月21日(金) 20:00〜2019年6月26日(水) 01:59です。
みなさん、準備のほうは、進めておられるでしょうか?

今回は、どらプリで、お買い物マラソンの縦バナーを設置する方法について、紹介しようと思います。

楽天お買い物マラソンのバナーを作成する

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

  

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

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

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

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

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


/***********************
   お買い物マラソン縦バナー
************************/
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!
以上で完了です。

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