*

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

おすすめトピックス

関連記事

画像ダウンロード
楽天R-Cabinetの画像をURLから一括でダウンロードする方法

楽天市場の商品ページにある商品画像や説明画像は、楽天 RMS の R-Cabinet にアップロードします。しかし、この R-Cabinet。画像ファイルの一括アップロード機能は用意されていても、一括ダウンロード機能は提 […]

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

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

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

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

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

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

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

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

CSV
重くて開けないCSVをExcelで開くには分割するべし

CSV ファイルと言えば IT系の業務に携わっている人なら一度は使った事があるファイル形式だと思います。 目次1 CSVファイルとは2 重いCSVをExcelで開くには2.1 重いCSVを分割する方法3 おわりに CSV […]

著者について

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

フォローはこちら

       

       
Googleフォトにアップした写真がどこで撮影したのか確認する方法

あなたのスマートフォンの中にもたくさんの写真があるのではないで

長浜IC前「らーめん専家味噌壱」癖になる濃厚味噌ラーメン

北陸自動車道の長浜インターチェンジ前に、2018年にラーメン屋

WordPressのWP_Queryでカスタムフィールドで絞り込み今日の日付以前の記事は表示しない

WordPress で条件に応じた記事を一覧で表示したいという

電子レンジで冷凍食品のあたため500W/600Wってどこで判別?地域によって違いは?

冷凍食品を温めるのには電子レンジを使用しますが、冷凍食品の裏側

Premiere Elementsで動画の一部を切り抜きトリミングする方法

せっかく動画を撮影したけど、肝心な部分は動画の中央部分だけでま

→もっと見る