*

ポンパレモールの商品ページで外部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

おすすめトピックス

関連記事

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

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

スマートフォンを持つ手
楽天のスマホページで外部CSSを使用する方法

楽天に限らずネットショッピングはスマートフォンで買い物をする人が増えているという事は2013年くらいから言われている事ですが、現在ではパソコンをも上回るシェアに迫っているようです。扱っている商材によっては既にスマートフォ […]

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

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

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

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

ポンパレ
ポンパレモールの商品ページにアクセスできない時の対処法

リクルート社が運営しているショッピングモールで「ポンパレモール」があります。多数のネットショップさんが集まって出店しているという所は楽天と同じです。 ポンパレモール:ネット通販/オンラインショッピングサイト トップページ […]

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

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

上部広告

著者について

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

フォローはこちら

       

上部広告

       
つるやパンの2号店!ふわふわまるい食パン専門店が長浜駅前にオープン

つるやパンと言えば聞いたことがある方も多いかもしれません。つる

コンビニ受け取り
不在がちでもAmazonの注文の品をコンビニで受け取る事ができます【ファミリーマート編】

ネットショッピングは今では物を購入する手段としてメジャーな存在となりま

安全靴
カジュアルで疲れにくく痛くない!安くて履きやすいおすすめ安全靴【喜多】

倉庫や工場、建設業の方ならお馴染みの物かと思いますが、安全靴と

CapsLockキー
CapsLockキーにイライラ、いらないので無効化してさしあげた

キーボードの CapsLock キーって知ってますか?あなたの

AMP
WordPressを簡単にAMPに対応するテーマやテンプレートを紹介

ウェブサイトの SSL 対応と同様に、いずれ AMP にも対応

→もっと見る