*

楽天のスマホページで外部CSSを使用する方法

公開日: : ネットショップ

スマートフォンを持つ手

楽天に限らずネットショッピングはスマートフォンで買い物をする人が増えているという事は2013年くらいから言われている事ですが、現在ではパソコンをも上回るシェアに迫っているようです。扱っている商材によっては既にスマートフォンが上回っている事もあるとか。

こうなるとスマートフォンページだからって手を抜くという考えは大きく売上を落とす事につながります。PC 版サイトと同等かそれ以上の注力でページ作成をする必要に迫られます。

ところで PC 版サイトでは特集ページやイベントページに誘導する為には、ヘッダーに大バナーだとか帯バナー、横に追従するバナーだとか色々と手法があります。しかしスマートフォンページでは gold ページで独自にスマホページを構築しない限り、楽天の仕様で色々と制約があって常時見えるバナーなどを設置する事ができません。

しかし、その制約には抜け道があってそれを利用するとスマホページで固定バナーを設置する事が可能になります。

スマホページで外部CSSを利用

raku-smaho2

この方法でスマホページに固定バナーを設定する事が可能になります。

スマートフォンページに固定バナーとは、上図のようなイメージです。画面をスクロールしてもバナーが下部に常時表示されるようになります。アプリやウェブ広告でよく使われる手法ですが、嫌う人もいるのでやり過ぎには注意…。

バナーを表示させるだけではなく、リンクして別ページヘ誘導する事も可能です。特集ページやポイントアップイベント等への誘導など色々と使い道があると思います。

raku-smaho3

楽天 RMS のデザイン設定より、スマートフォンデザイン設定へ行きます。それぞれトップページ設定、商品ページ設定、カテゴリページ設定には自由に記述できる共通説明文があります。

そこに外部 CSS を記述します。

<link rel="stylesheet" href="http://www.rakuten.ne.jp/gold/xxx/css/sp.css"    >

普通の書き方では弾かれてしまって登録する事ができません。どこに違いがあるかよく見てください。

  • Pocket

おすすめトピックス

関連記事

楽天の選択し
楽天商品ページのカート上の選択肢を目立たせてスルーを防ぐ

楽天の商品ページにはカート上にお客様に選んでもらう選択肢を付ける事ができます。選択肢はプルダウンメニューで表示されます。例えば、商品をカートに入れる前にお客様に確認してほしい事とか、キャンペーンに参加するかしないか等を尋 […]

偽サイト蔓延、早期対策を!楽天偽サイトの探し方

楽天ショップを丸々コピーした偽サイトや、楽天市場を装った偽メールが蔓延していると楽天が注意を促しています。 楽天市場を装う偽サイトやメール出現 楽天が注意呼びかけ – ねとらぼ 私からすると今更?という印象で […]

カートボタン
2015年末版、楽天の商品ページのカートボタンを画像にしてクリックしやすくしよう

楽天と言えば有名なショッピングモールの一つです。楽天で買い物をした事がある方もいらっしゃるでしょう。 ネットショップで買い物をする場合、商品ページを見て内容に納得してほしいと思ったら「カートに入れる」ボタンを押すのが普通 […]

iphone
Yahooショッピングのトリプルページを手っ取り早くスマホ対応に

Yahoo!ショッピングにショップを出店している方で、jquery や CSS が自由に使えてデザインができる「トリプル」を契約していらっしゃる方も多いと思います。しかし、トリプルで普通に PC 用のトップページを作った […]

楽天会社概要
楽天ショップ会社概要ページもCSSを使って若干のデザイン付けが可能です

楽天ショップで買い物しようとするとき、送料や支払い方法、納期、利用規約等を調べるために会社概要ページを見る事もあると思います。 その会社概要ページ、字ばかりでダラダラと書き連ねられており読むのも辛いほど読みづらい構成とな […]

ポンパレ
ポンパレモールの商品ページにアクセスできない時の対処法

リクルート社が運営しているショッピングモールで「ポンパレモール」があります。多数のネットショップさんが集まって出店しているという所は楽天と同じです。 ポンパレモール:ネット通販/オンラインショッピングサイト トップページ […]

著者について

名前:Azell
作曲したり風景写真撮ったりWeb制作したりする人です。 好きな事を楽しくブログに綴れていけたらと思います。

フォローはこちら

       

       
ホンダ純正Gathersドライブレコーダーでブザーが止まらない時の対処方法

近年煽り運転のニュースが世間を賑わせている中、ドライブレコーダ

Youtubeの動画でアンケートに回答するにはどうやるの?

いわゆる動画サイトには視聴者の方に意見を問うアンケート機能とい

初期化しても復元できるデータ復元ソフト「EaseUS Data Recovery Wizard」の使い方

パソコンならデータが消える事はない。そう思っているあなた、パソ

JR関ヶ原駅近くの古民家カフェ「HiKOSA」の自家焙煎コーヒー

関ヶ原の戦いで有名な岐阜県の関ヶ原町にある JR 関ヶ原駅の近

郵便局の郵便配達が2020年を目処に土曜配達を廃止する見込み、代替方法は?

郵便配達の土曜日配達が2020年を目処に廃止される方向へ動いて

→もっと見る