楽天商品ページ作成について

Question

お世話になります。今、商品ページを作り替えています。今までは、スケッチページを使って作成していましたが、色々使い勝手が悪くて、わからないながら、htmlを使いながら作成していますが、これって、htmlを打ち込み商品ページを開いてみて初めて、そのページがわかると思うのですが、htmlを打ちながら、どの様なページになっているかわかる様なものはないのでしょうか？
凄く素人質問で申し訳ないです。
細かい余白などの調整等をしていきたいので、皆さんどうされているのか教えていただけたらと思います。
宜しくお願い致します

Accepted Answer

ECマスターズの伊藤です。

> ありがとうございます！！！！
> すごい！欲しかったものです！！

ご希望のツールだったようで良かったです。
ご活用くださいませ。


> それと、なんとかPCのページを作成しましたが、スマホでは使えないタグとかもあるみたいで。
> PCのページを作成後はどのようにして、スマホページを作成していく感じでしょうか？

[スマートフォン デザイン設定] スマートフォン用入力項目で利用できるタグ
https://navi-manual.faq.rakuten.net/design/000009463

上記に記載されているタグが、基本的に
ご利用いただける、HTMLタグとなっていますが

逐一使えるか使えないかを確認いただくより
スマホ用の説明文などに
貼り付けを行っていただきますと

例えば、許可されていないdivタグを
登録しようとした場合は

「許可されないHTMLタグ "div" が入力されています。」

のように、どのタグが使えないのか
表示されますので
使えないタグを、かんたんに
ご確認いただけると思います。


また、PCのものをスマホに流用する場合、
横幅が異なりますので、その点を
ご注意いただければよろしいかと思います。

Answer

ECマスターズの伊藤です。

> htmlを打ち込み商品ページを開いてみて初めて、そのページがわかると思うのですが、htmlを打ちながら、どの様なページになっているかわかる様なものはないのでしょうか？

liveweave
https://liveweave.com/

をご利用いただきますと
打ち込んだHTMLの反映を
すぐにご確認いただくことができます。


また、微調整であれば、RMSに登録後

対象のページの気になる箇所で右クリック
↓
検証

から、微調整を行い、
編集したHTMLに反映させる、といった
方法もございます。

例：検証を利用して、
文字色を赤から青→ピンク→更新して元の設定に戻す場合
https://ec-masters.gyazo.com/85a92a4592edfef21eef3694a59c896e


「検証」では、あくまでも
"確認"を行うだけとなり、

「検証」で編集した内容は、
ページに反映されませんので
必ず、RMS等に反映をして頂ますよう
お願いいたいします。

Answer

ありがとうございます！！！！
すごい！欲しかったものです！！

それと、なんとかPCのページを作成しましたが、スマホでは使えないタグとかもあるみたいで。
PCのページを作成後はどのようにして、スマホページを作成していく感じでしょうか？

せっかく作ったPCのページをなんとか利用したいのですが