楽天市場からYahoo!ショッピングへのコンバート　スマホ編

楽天市場からYahoo!(ヤフー)ショッピングへのコンバートで一番めんどくさいのが、スマホ用ページの使えないタグです。
特にfontタグを多用している場合は、ほとんどエラーになってしまします。

そうです。＜font color＞や　＜font size＞などは使えません。
この場合は、スタイルを直接書いてやる方法しかありません。

<font size="5" color="#ff0000">明日楽対応 当日5時までお買い上げ</font>

文字を赤くして、フォントサイズを５で指定しているもの
↓表示はこうなるもの
明日楽対応 当日5時までお買い上げ

<p style = "color:#ff0000;font-size:18pt">明日楽対応 当日5時までお買い上げ</p>

↓このようになります

明日楽対応 当日5時までお買い上げ

font size = “5” →　font-size:18pt

<p style = "color:#ff0000;>明日楽対応 当日5時までお買い上げ</p>

フォントサイズの指定がない場合

明日楽対応 当日5時までお買い上げ

<font color="#ff0000">明日楽対応 当日5時までお買い上げ<font color = "#000000">ハイカットスニーカー</font></font>

↓
明日楽対応 当日5時までお買い上げハイカットスニーカー

＜font＞タグを入れ子に使っている場合は、＜span＞を中に使うといいです。

<p style = "color:#ff0000;font-size:18pt">明日楽対応 当日5時までお買い上げ<span>ハイカットスニーカー</span></p>

↓

明日楽対応 当日5時までお買い上げハイカットスニーカー

画像のサイズも気をつけよう

画像のサイズもスマホの場合は、width で横幅を100％にしてあげるとキレイに画像が収まりますよ。

<img src = "https://******.com/img/**.jpg" width = "100%">

↑
このように変えてあげると、スマホの商品画像などで使っている画像が、横幅に合わせて可変してくれるのできれいに決まります。
ただ、横に並べていたりとかしている場合はやらない方が良いのでケース・バイ・ケースということで…。