楽天の「スマートフォン用商品説明文」にPCと同じ表を簡単に入れる方法を教えてください。

Question

楽天の「スマートフォン用商品説明文」にPCと同じ表を簡単に入れる方法を教えてください。
皆さんはどうしていますか？
今まではスケッチページでPC用商品説明文を作っていました。
簡単にスマホに100％幅で入れる方法を教えてください！

Accepted Answer

ECマスターズの田中です。

> 〇　回避方法ありますか。楽天での表示の場合。

以下２点に基づいて置換していただくことで、エラーを回避できます。

先頭と末尾の２箇所、tableタグ内に記載されている「 =""」は
以前、バグ利用のために記載されていた経緯から、
スマートフォン用項目での入力が禁止されております。
HTMLの文法としても正しくありませんので、削除をお願いします。

また、入力タグエラーチェックの経緯からか、
改行がタグ内の区切りとして認識されておりませんので、
行末にタグ名が記載されている場合は、半角スペースを１つ追記願います。
たとえば、先頭の

Answer

ECマスターズの田中です。

表の見た目や、さらに項目などもある程度決まっているようでしたら、
HTMLの雛形をご用意の上、商品ごとに内容をご変更いただく方法が
一番早いかと思います。

表は、どのような目的で作成されておりますでしょうか。
たとえば、商品の詳細情報を表示するための一番単純な、
２列の表組みを作るHTMLは、下記の通りとなります。

= この下の行から ====================


商品名
●●●


寸法
▲▲▲


補足
■■■


= この上の行まで ====================

上記ソースの、
商品名・寸法・補足、の部分を実際の項目名に、
●●●・▲▲▲・■■■、の部分を実際の項目の内容に、
それぞれ置き換えてご利用いただく形になります。

また、からまでが表の１行分となりますので、
必要な項目分だけ複製もしくは削除して
ご利用いただく形になります。

スマートフォンで許可されている範囲内で、
タグにbgcolor属性をつけて背景色を設定するなど、
見た目の調整を行うことも可能です。

一度雛形を作ってしまえば、
あとは内容だけを変えて
他の商品に応用することができますので、
ぜひご検討の程お願いいたします。

なお、下記サイトの画面左下、
「HTML」の下の内容を、作成いただいたタグに差し替え、編集することで、
大まかな見た目を確認しながらHTMLタグを作ることができますので、
ご活用いただければ幸いです。
https://jsbin.com/?html,output

Answer

下記の表、スマートフォンでの表示したいがエラー。
〇　回避方法ありますか。楽天での表示の場合。
〇　スマートフォン幅width="〇〇〇%" は機種によって設定か違うが、オススメ幅はありますか。


製品仕様商品名
ブルースティック 3本組×1セット［3個］商品情報
※大人気！！汚れ落としのロングセラー※リピート率の非常に高いスティック型洗濯石鹸です。
■泥汚れに強い石けんと油汚れに強い合成洗剤の特徴を取り入れた汚れ専用洗剤です。■靴下、運動靴等の除菌に最適。 ■カラリヤン包装のスティックタイプだから包み紙を剥がし擦り付けたり、使う分だけカットしたり使いやすさ抜群。 
■手が石けんでベトつかず、楕円形が手になじんで使いやすい。 使用方法１．シャツの襟・そでなど汚れた部分を濡らし、直接、適量を塗布します。
（少量でも十分汚れは落ちますので、塗り過ぎに注意してください） 
２．塗布した部分をブラシなどでこすっていただければより効果的です。
３．後は軽くもみこんでから洗濯機洗濯機に入れて他の洗濯物と一緒に洗うだけ！
スポーツウェアー・ワイシャツ・靴下・スニーカーなど頑固な汚れ落としに最適の商品です。 
品　名洗濯用複合石けん 正味量：150g（製造時）用　途
綿、麻、合成繊維用液　性弱アルカリ性
成　分
純石けん分(脂肪酸ナトリウム)・ケイ酸塩・ 直鎖アルキルベンゼンスルホン酸ナトリウム・ 脂肪酸アルカノールアミド・除菌剤・香料
仕　様14.5×3×3.5cm　150g（1本あたり）製造国日本（MADE IN JAPAN）原産免　責※ 必ずお読みください！　(使用上の注意) 
●子供の手が届くところに置かないでください。 ●シャボン玉遊び等の子供のいたずらに注意してください。 
●飲み込んだ場合は、吐かずに口をすすぎ、水を飲む等の処置をしてください。
●目に入った場合は、こすらずに、すぐに流水ですすぐなどの処置をしてください。
いずれの場合も処置をしたうえ、商品を持参して医師に相談してください。販売元株式会社クレス／ 連絡先：0120-088-904検索用HOTワード［HOTワード］
ユニホーム 洗濯 泥落とし マネージャー 泥汚れ 洗濯洗剤 サッカー 陸上 泥落とし 皮脂汚れ ワイシャツ Yシャツ 送料無料 横須賀 ブルースティック セット 石鹸 洗濯石鹸  除菌剤配合 シミ取り 泥汚れ 部分汚れ 固形石鹸 洗濯 せっけん 石けん スティック状 部分汚れ 泥汚れ ガンコ汚れ スティックタイプ 襟 エリ 袖口 ソデ  靴下 ユニフォーム 布製運動靴 スニーカー スポーツウエア ソックス 頑固汚れ ひどい汚れ専用