*

楽天のスマホページで外部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 はインターネット上で動画が普及し […]

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

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

スマートフォン
楽天ショップも影響有るかも、スマホ対応サイトをGoogle検索順位で優遇化

2015年2月末、Google がスマホ対応サイトをモバイル検索で検索順位を優遇するという発表しました。PC の検索には影響しません。 Google、スマホ対応サイトをモバイル検索結果で優遇するアルゴリズム変更を発表、4 […]

eメール
楽天メルマガうざいと思う人朗報!メルマガ有料化で配信が減るかも

楽天ショップのメールマガジンがいつも大量に来て鬱陶しいと思う人も多いかと思います。 それもその筈、何も意識せず楽天ショップで買い物をしたら標準でメールマガジンが送信される設定になっています。楽天で買い物をする度にメールマ […]

楽天商品ページに背景
楽天の全商品ページに背景を付ける方法

楽天の商品ページに訪れると、画面の端に縦長の帯状画像が付いている事があります。そのショップのイベント告知であったり、○円以上お買上げで送料無料だとか、季節感を演出したり用途は様々です。 イメージとしては下図のようなもので […]

線画に変換
写真や画像から綺麗なベクター線画に変換してくれるツールが便利

「この画像から線画にできる?」 この前そんな事を言われました。その画像とはある物の設計図のようなものでした。線画に出来るか?と問われれば出来ます。Adobe Illustrator で縁をなぞって線を書けばいいわけです。 […]

著者について

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

フォローはこちら

       

       
千歳市のイタリアンレストラン「アキオカ」でパスタランチ

「アキオカ」は北海道千歳市にある格調高いイタリアンレストランで

Fuwattoまるやまキッチン!札幌市円山のふわふわオムライスとパンケーキのお店でランチ

札幌市の円山公園近くにある「Fwatto まるやまキッチン」は

札幌駅前の野菜が美味しいベジタブルバー「野菜バルMAHALO」ハワイな雰囲気を楽しめます

札幌駅前に野菜が美味しいベジタブルバーがあります。その名前を「

外国人にも人気な中部国際空港のガチャガチャコーナーが豊富

日本でお馴染みのガチャガチャ、正式名称をカプセルトイという所謂

Illustratorでオブジェクトの背景を画像にする為にスウォッチに登録する方法

Illustrator でオブジェクトの背景を画像にしたいとい

→もっと見る