FONTタグなど使えない! 楽天市場からYahoo!(ヤフー)ショッピングへのコンバート スマホ編

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

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

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

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

文字を赤くして、フォントサイズを5で指定しているもの
↓表示はこうなるもの
明日楽対応 当日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%">


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

関連時事

TOP Ari-NEtは仙台でフリーにWebで楽しいことする人です。クリエイトだけじゃない、最高に楽しく集客・収益化しちゃうことが得意なんです。 Ari-NEtのできること。 ・ファミスタの対戦 ・スト2のガチ対戦(待ちガイル大歓迎) ・フツーのWebサイト制作 ・WordPress職人 ・EC...
パソコン周りは何でもお任せ!
Yahoo!ショッピングAPI 商品検索をつかったwebアプリを作ってみた... Yahoo!ショッピングAPI 商品検索をつかったwebアプリを作ってみた Yahoo!ディベロッパーネットワークで公開されているWeb APIにある、Yahoo!ショッピングAPIを使っていろいろやってみました。 忘備録の意味も込めて残しておきたいと思います。 まずは登録から Yaho...
スマホサイト制作 スマートフォンサイト コーディングスマートフォンサイト制作 Webマーケティングにおいてもはや欠かせないツールに進化したスマートフォンサイト。これまでのPCサイトをそのまま見れるようにするだけでは,効果を期待することが出来ません。 PCサイトよりもアクティブユーザー数が上回ってきたスマートフォン...
山林・林業用スパイク付き長靴は最強の長靴!ミツウマ岩礁No.5000NS... 最強の山仕事用の長靴!ミツウマ岩礁No.5000NS スパイク付き長靴山林・林業用スパイク長靴 岩礁No.5000NSをご存知ですか? とにかく足場の悪い中でもしっかりと仕事ができるように設計されていますが、とにかくスペックが最強なんです。 靴底には鋼鉄製のスパイクがギッシリと装備 つま先は...
楽天市場からヤフー・ショッピングにCSVを使って移行する方法【画像編】... 楽天市場からヤフー・ショッピングの画像の移転 ここでは楽天市場で使っていた画像をヤフーショッピングで使う方法をご紹介します。 楽天市場の画像をどうやって吐き出すか… 商品画像が手元にない場合など商品説明で使っている画像データがない場合、ほんとに困ります。楽天市場では画像をFTPで落とす方法...
夏休み企画 読書感想文の書き方 夏休み企画 読書感想文の書き方 そろそろ夏休みも終わり。今頃、夏休みの宿題をやっているかたも多いのではないでしょうか? 夏休みの宿題の定番といえば、「読書感想文」。私も、この読書感想文が小学校、中学校の時には好きではありませんでした。 しかし、大人になってから読書感想文を書くことが得意になって...
楽天市場からヤフー・ショッピングにCSVを使って移行する方法【CSVファイルのエディタでの編集】... Microsoft Access と エディタでの編集作業 ストアコンバータでの変換作業は非常に簡易的なものになります。(もしかした、やり方はあるのかもしれませんが、私は見つけられませんでした。) 楽天では使用できたタグを別のものに置き換えたりする作業などは「置換」機能を使って一気に編集します。...

シェアする

  • このエントリーをはてなブックマークに追加

フォローする