『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の縦バナーを設置する方法をご紹介いたしました。
少しでもお役に立てれば幸いです！
