楽天の「スマートフォン用商品説明文」に表をいれたがエラーになります。

Question

テーブルタグ作成ツールで作成した表を「スマートフォン用商品説明文」に入力して保存すると
下記エラーとなります。

終了タグのないHTMLタグ、認められていないHTMLタグ、または「」が入力されています。
こちらのマニュアルヘルプをご確認の上、再度入力してください。
▼入力項目の背景が赤色で		が出ている項目を再度、選択または入力してください。

PCは問題なく保存できます。
なぜでしょうか？
HTMLは下記となります。


サイズ
ウエスト
バスト
ヒップ


Mサイズ
52-57cm
76-84cm
84-88cm


Lサイズ
57-64cm
82-88cm
88-92cm


XLサイズ
64-70cm
86-92cm
92-96cm



それとエクセルで作成したのをHTMLに変換してページに挿入したいのですが
カラー設定、表の罫線、文字の表示位置を設定するものはありますか？

Answer

ECマスターズの村井です。

休み明け担当より回答させていただきますので、今しばらくお待ちくださいませ。

Answer

ECマスターズの山岡です。

以下のタグが、
th で開始し、tdで終了となっているためエラーになっているようです。

Mサイズ
Lサイズ
XLサイズ

Answer

ECマスターズの山岡です。

>カラー設定、表の罫線、文字の表示位置を設定するものはありますか？

休み明け担当より回答させていただきます。

Answer

ECマスターズの田中です。

> エクセルで作成したのをHTMLに変換してページに挿入したいのですが
> カラー設定、表の罫線、文字の表示位置を設定するものはありますか？

ExcelからHTMLを生成する仕組みはいくつかあるのですが、
いずれもスタイルシートを利用したものばかりで、
スタイルシートが使えない楽天のスマートフォン用項目へ
そのまま当てはめることができません。

そのような仕組みを利用して作成されたHTMLを、
禁止タグが入力できるバグを利用してご記載いただくか、
予め、RMSに問題なく記載できるHTMLタグをご用意いただき、
Excel関数を利用してやタグの中に値を当てはめていくか、
どちらかの対応が必要となります。
（HTMLタグが予め組めるのであれば、後者の方法が簡単です）

Answer

禁止タグが入力できるバグを利用してご記載いただくか、

RMSに問題なく記載できるHTMLタグをご用意いただき、
Excel関数を利用してやタグの中に値を当てはめていくか、
どちらかの対応が必要となります。

上記両方ともやり方がわかりません。
具体的にどのようにすればいいのでしょうか？

Answer

ECマスターズの田中です。

両方のやり方をまとめて、改めてご返信いたしますので
今しばらくお待ちいただきますようお願いします。

Answer

ECマスターズの田中です。

それぞれの方法について、大まかにご案内いたします。


■ExcelからHTMLを生成する仕組みを利用した上で
　禁止タグが入力できるバグを利用してご記載いただく方法

※RMSの、禁止タグを入力できるバグを利用する方法ですので、
　今後、RMSの改修により、使用できなくなる可能性があります。

ExcelからHTMLを生成する仕組みは、
https://convertio.co/ja/xls-html/
上記Webアプリをご利用いただくと、比較的作業しやすい結果となります。

ダウンロードしていただいたHTMLファイルを

「Mery」フリーの高機能テキストエディター
https://forest.watch.impress.co.jp/library/software/mery/

などのテキストエディタで開いていただき、
最初に表示されるとの間にある内容を
新しく開いたテキストエディタに貼り付け、
ファイル名の末尾を「.css」にして、
外部CSSファイルとして保存し、
楽天GOLDにアップロードしてください。

次に、テキストエディタを新しく開いていただき、



上記タグをご記載ください。

最後に、HTMLファイルに含まれる

Answer

■RMSに問題なく記載できるHTMLタグをご用意いただき、
　Excel関数を利用してやタグの中に値を当てはめていく方法

ですが、最初にお知らせしておりますHTMLで作成した表を元に
Excel関数のあてはめていく方法を教えてください。

Answer

ECマスターズの田中です。

> 最初にお知らせしておりますHTMLで作成した表を元に
> Excel関数のあてはめていく方法を教えてください。

Googleスプレッドシートにて再現してみましたので、
下記URLをご参照ください。
https://docs.google.com/spreadsheets/d/1GLo3FVOgG4lMcvDkIBYNb0WPryRGwjI0Sc1KFc_imPc/edit?usp=sharing
関数の内容が閲覧できないなど、問題がございましたらお知らせください。

上記スプレッドシートでは、最初に
値の入力部分（オレンジ色の部分）とHTMLタグの入力部分（緑色の部分）を切り分け、
タグと値を１行ぶんずつ連結し（青色の部分）、
最終的に１つのセルにまとめ（紫色のセル）、このセルの内容をコピー＆貼り付けることで
tableタグを設置することができるようになっています。

あとは、値が変わるごとにオレンジ部分の内容を修正し、紫色のセルをコピー＆貼り付ける、
という流れになります。
この仕組みを、お手持ちのExcel上で再現していただければと思います。

Answer

オレンジ部分の内容の数字を変更しても紫色のセルは反映しないようです。
何かやり方が悪いのでしょうか？
それと表の大きさの調整、カラーや文字の大きさの調整、文字の配置などの調整はどうしたらいい脳でしょうか？

Answer

ECマスターズの小野です。

いただいたご質問ですが、
休み明けに担当者より回答させていただきますので、
少々お待ちくださいませ。

よろしくお願いいたします。

Answer

ECマスターズの田中です。

> オレンジ部分の内容の数字を変更しても紫色のセルは反映しないようです。 
> 何かやり方が悪いのでしょうか？ 

関数の仕組みをご確認いただきたかったこともあり、
シート自体を編集していただけないようにしておりましたが、
編集できるように変更いたしましたので、
お手数ですが再度、反映されるかどうかご確認をお願いします。

項目の数が変わると、シート自体の改変が必要となりますので、
kokoさんでもご変更いただけるよう、
青・紫色の各セルの関数の構造をご確認いただきますようお願いします。
（Excelでも、同じ関数をご利用いただけます）

> 表の大きさの調整、カラーや文字の大きさの調整、文字の配置などの調整はどうしたらいいのでしょうか？

その場合は、スプレッドシート内のHTMLを直接編集していただく必要がございます。

> 表の大きさの調整
たとえば、横幅をご設定いただく場合は、
タグに width="100%" とご設定いただく形になります。


↓


> カラーや文字の大きさの調整
フォントタグをご利用ください。
http://www.htmq.com/html/font.shtml
たとえば、私よりご案内差し上げたスプレッドシートにて
G2セルを  H2セルを  に
ご変更いただくことによって、
「ウエスト」のセルの文字を大きく・赤く変更することができます。

> 文字の配置
TH・TDタグの、align属性をご利用ください。
http://www.htmq.com/html/td.shtml
たとえば、I2セルを  に
ご変更いただくことによって、
「ヒップ」のセルの文字を中央揃えにすることができます。

このように、タグやタグの属性などを有効活用して、
ご希望の見た目になるよう調整していただきますようお願いします。