*

楽天のスマホページで外部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

おすすめトピックス

関連記事

動画からアニメーションgifへ自動で変換してくれるフリーソフト「動画GIF変換」

gif と言えば透過に対応した画像形式の一つですが、gif はアニメーションにも対応しています。ただの画像でありながらパラパラ漫画の要領で動く画像が作れるわけです。アニメーション gif はインターネット上で動画が普及し […]

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

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

楽天ショップの会社概要のスマホ版をリリース。画像の幅をレスポンシブにする方法

楽天の各ショップには会社概要ページ、お支払・送料のページがあります。しかし、あれだけスマホ最適化、モバイルファーストが叫ばれようともここだけはスマホで見ても PC 版のままでした。 ようやく楽天が重い腰を上げて、楽天ショ […]

Amazonの商品説明文に画像を載せられるようになりました「商品紹介コンテンツ」

Amazon の商品ページを想像してみてください。商品画像に商品説明がリストで列挙されている程度で実にシンプルですよね。楽天など他ショッピングモールと比べて商品アピール具合が大人しいと思いませんか? その理由は Amaz […]

メール
楽天メルマガR-Mailが週1回なら配信無料に!2015年9月から(※条件付)

楽天の各ショップから送る事ができるメールマガジン(R-Mail)が2015年4月から配信が有料になりました。お客様が求める最適なメールマガジンが届くような環境づくりの為の有料化でしたが、ここにきて手のひらを返したかのよう […]

ミニパソコン
売りたい商品のアピールは第一印象が重要である

ネットショップで商品を売りたいならまずは商品登録して各ショッピングモールへ出品します。今の時代、出品しただけでは売れません。 どこのショップでもいかに自分の商品を売るか考えられ実践されています。商品を売るために商品ページ […]

著者について

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

フォローはこちら

       

       
Aipo8.1.1オープンソース版で2018年の祝日設定を行う(さくらのVPS)

オープンソース版の無料グループウェア「Aipo」のサポートが2

タイヤのホイールナットが緩んで紛失、1個で買う方法はあるか

車の発進時や曲がる時にわずかなゴリッという音がする事に気づいて

高速道路
高速道路の上りと下りってどっち方面?全国高速道路総まとめ

高速道路には進行方向によって「上り」と「下り」という表現があり

名古屋久屋大通(丸の内)の「Cafe One」で居心地良い空間でおうちごはんランチ

名古屋観光で名古屋テレビ塔と久屋大通公園を見に行った際にランチ

豊田合成リンク
名古屋栄の豊田合成リンクで氷じゃないスケートリンクで滑ってきた感想

名古屋市の栄に氷じゃないスケートリンクがあるという話を連れに聞

→もっと見る