*

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

おすすめトピックス

関連記事

ダンボール
楽天の商品ページの納期情報の文字色やサイズを変更する方法

「楽天商品ページにある納期情報の文字色変えれる?」 突如放たれるその言葉。全く無茶を言ってくれますねと思いつつも、試行錯誤を始めます。試しに google で検索しても特に情報はありません。しかし、google の検索予 […]

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

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

キーボードと紙
要注意、Amazonに出品する商品の商品名は一度決めたら変更できません

Amazon でネットショップを出店している方も多いかと思います。が、Amazon で商品を出品する際、注意点があります。 それは、Amazon に商品登録する際に一度決めた商品名は変更不可能という事です。以前は変更する […]

画像上書きの反映は遅いが一瞬で反映させる代替策はある【楽天ショップ】

楽天ショップを運営している人なら一度は頭を悩まされた事はあるでしょう。楽天の商品画像、すなわち楽天 RMS にアップロードした画像・楽天 GOLD スペースにアップロードした画像を上書きして差し替える場合、画像の反映処理 […]

ネットショップ実務士検定
ネットショップ検定に合格すれば就職に有利になるかも

調べ物をしている時、たまたま「ネットショップ実務士」という検定を見つけました。コンセプトとしてはネットショップ業界で働くための新資格。ネットショップで働くための能力の基準を示し、認定する資格試験のようです。 ネットショッ […]

プチプチ
誰も教えてくれない梱包に使うプチプチの切り方

プチプチと言えばきっと誰もが見たことがあるでしょう。手元にあればついプチプチと潰したくなるあれです。通販で購入した物の中に緩衝材として入っている事が多々あると思います。 ネットショップを開いている方や、個人でオークション […]

上部広告

著者について

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

フォローはこちら

       

上部広告

       
輸入タイヤ
車のタイヤを買うならどこで買う?タイヤサイズの確認方法と購入の選択肢

前回の自動車の点検時に、そろそろタイヤを交換しないと危険ですし

Premiere Elementsで動画にテロップ(字幕)を入れるには

動画にテロップ(字幕)を入れるという処理は定番中の定番です。テ

どんべ金もなか
長浜土産に最中なら木元製菓舗の「どんべ金もなか」が美味しいので全力でおすすめする

最中(もなか)と言えば江戸時代から続く歴史ある和菓子です。今で

小谷城スマートIC
小谷城スマートICが開通したので近隣の観光地やお店を紹介するよ

2017年3月25日15時より、小谷城スマートインターチェンジ

Amazonプライム限定のクレヨンしんちゃん外伝は地上波とは違う面白さがある

クレヨンしんちゃん25周年を記念して2016年8月から Ama

→もっと見る