*

ポンパレモールの商品ページで外部CSSを使用する方法

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

ポンパレモールに出店されている方向けの記事となります。

ポンパレモールと言えば、ページ作成において使用できるタグが制限されており作りづらい仕様でした。しかし、2014年12月からタグの規制が一部緩和されました。緩和されたものは以下の通りです。

  • linkタグが使用可能
  • styleタグが使用可能

スタイルシート(CSS)関連の規制が緩和されてデザイン的にかなりやりやすくなり、link タグが許容された事で外部 CSS を使う事も可能になりました。

ポンパレモールproで外部CSSを利用

外部 CSS を使うためにはポンパレモール pro を使う必要があります。ポンパレモール pro とは楽天で言う gold スペースと同じで各ショップで自由に使えるフリースペースの事です。

ポンパレモール pro を利用するためには、ポンパレモール管理画面より利用申請をする必要があります。(無料です)

詳しくは公式ヘルプで「ポンパレモールpro」を検索するなどして頂きご確認ください。

外部CSSの使い方

ポンパレモール pro のスペースで外部読み込み用の CSS をアップロードします。

ponpare-css1

ポンパレモール管理画面よりデザイン設定から「ヘッダー・フッター・サイドバー」を開きます。

ponpare-css2

テンプレートの中から使用しているテンプレートを編集します。

ponpare-css3

ヘッダーコンテンツの中にも link タグの使用が許可されるようになりました。それにより外部 CSS を読み込むことが可能になります。以下のように記載します。

<link rel="stylesheet" href="CSSのURL" type="text/css" />

外部スタイルシートが使用可能になった事により、商品説明文の装飾等が容易になります。詰まった行間も広げる事ができます。

外部CSSが利用可能でもやってはいけない事もあるよ

外部 CSS が使える事により、商品ページ内も独自のデザインが可能になります。商品名の文字の大きさ、ショッピングカートボタンをオリジナルの物に変える等もできます。しかしここで罠があります。ポンパレモールの規約に外部 CSS を使ってやってはいけない事が記載されています。

ポンパレモールPROに配置したCSSまたは JavaScript を用いて、下記ページの デザイン改竄 や スクリプトの適用を一切行わないこと
  (ア) PCトップページ
  (イ) スマートフォントップページ
  (ウ) カテゴリページ
  (エ) 商品ページ
  (オ) 複数商品ページ
  (カ) 会社概要ページ
  (キ) 支払・送料について

カートボタンも変更可能になると思いきや、規約で禁止されていました。これはちょっとガッカリですね。でもルールはルールなので守らなくてはいけません。

ようは、ショップ側で作成したコンテンツ以外は CSS などで弄るなと言っています。

おわりに

楽天などではショッピングカートボタンを独自のものに変えている所はよく見かけますが、ポンパレモールでは全く見かけません。それはこの規約が効いているわけです。

外部スタイルシートは使えますが、ポンパレモールでは極めて限定的な用途でしか使うことができません。違反したらどんな処置が来るかわかりませんので、注意しましょう。

  • Pocket

おすすめトピックス

関連記事

スマートフォン操作
楽天スマホ商品ページの画像制限が緩和!3枚から10枚までへ

楽天でインターネットショップを運営されている方に朗報です。かつては楽天のスマートフォン用商品ページには画像は3枚まで(高さは1200pxまで)という画像制限がありました。ようやく重い腰を上げてこの画像制限が2016年より […]

カートフォント
商用無料!様々なショッピングカートのデザインが揃っているフリーフォント

インターネットショッピングのサイトを作るなら必ず必要な「買い物カゴボタン」。お客様が商品を注文するために必要なボタンです。よく買い物かごに入れるという文字とともにショッピングカートのアイコンがあしらわれたボタンがよく使わ […]

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

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

楽天ショップで売り切れ商品が入荷したら通知する機能があります

(また売り切れか…) 楽天ショップで買い物している時、凄く購買意欲をそそらせる良い商品に巡りあう事もあるでしょう。商品説明や画像を見ながらショッピングカートまで進むと目当ての商品が売り切れとなっていた時のショックは大きい […]

楽天のカテゴリ表示順序(優先度)変更でエラー「CSVファイルのフォーマットが違います。」

今回は楽天のカテゴリページの話をします。カテゴリページとはそのカテゴリに属する商品が一覧として表示されるページの事です。何も考えずにどんどん商品登録をしていくと、カテゴリページに表示される商品の順番はバラバラになってしま […]

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

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

著者について

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

フォローはこちら

       

       
ESRランニングポーチ
ランニング中でもスマホが邪魔にならないESRランニングポーチのレビュー

日々のランニングやマラソン大会に出た時、ある悩みの種がありまし

はじめ整体院外観
滋賀県彦根市の「はじめ整体院」で体の歪みや重心のズレを相談してきた

近頃長い間歩くと足の痛みや足の不調が顕著に現れるようになってき

青森大間土産のマグロ一本釣り「やいっやー!山本さんラングドシャ」

お隣さんが本州最北端の青森県大間町へ旅行に行ったという事でお土

増田うどん
札幌の「増田うどん」甘いお出汁の肉うどんが魅力のうどん専門店

札幌市中央区役所の近くにある「増田うどん」は福岡肉うどんがメイ

鮭の旨味が濃厚な柳月のお煎餅「北海道鮭ぶし丸」が安いし超うまい

北海道で近年「鮭節(さけぶし)」と呼ばれる新食材が注目されてい

→もっと見る