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%">


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

関連時事

下町ロケット ギアゴーストの作業着について... 下町ロケット ギアゴーストの作業着について 10月からはじまりました日曜ドラマスペシャル「下町ロケット」は毎回感動の連続でちょっとした日曜日のお楽しみになってらっしゃる方が多いのではないでしょうか? 原作本の売れ行きはもちろんですが、下町ロケットのドラマの中で使用されている衣装の問い合わせが非常...
WordPress制作 WordPress特価にて制作いたします WordPressを仙台で作っております、WordPress職人です。 WordPressの導入・制作を特価にてうけたまわります。 ■特価の場合は各種条件がございます。 1:打ち合わせはメールのみ   ※宮城県仙台市の方は打合せ2回...
Yahoo!検索にInstagramユーザー検索機能が追加される... ヤフー・ニュースより スマートフォン版のYahoo!検索に限り、Instagramの人気ユーザーを検索できる機能が追加されたようです。 ソースはこちらです。↓ https://headlines.yahoo.co.jp/hl?a=20170628-00000060-it_nlab-sci ...
下町ロケット コラボ商品 下町ロケット x しまむら... 下町ロケット コラボ商品 下町ロケット x しまむら 下町ロケットのコラボ商品が、しまむらから10月24日から発売された模様です。 劇中に出てくる会社のロゴが入った商品にくわえて、それぞれのキャラクターの名刺ステッカーが付くようです。 https://www.shimamura.gr.jp...
楽天市場からヤフー・ショッピングにCSVを使って移行する方法【CSVファイルのエディタでの編集】... Microsoft Access と エディタでの編集作業 ストアコンバータでの変換作業は非常に簡易的なものになります。(もしかした、やり方はあるのかもしれませんが、私は見つけられませんでした。) 楽天では使用できたタグを別のものに置き換えたりする作業などは「置換」機能を使って一気に編集します。...
楽天市場からヤフー・ショッピングにCSVを使って移行する方法【CSVファイルの編集編】... 前回は「楽天->ヤフーストアコンバーター」を使って楽天市場CSVをヤフー・ショッピング用のCSVに加工しました。 この状態では、ほとんどの場合、アップロードしてもエラーが出て登録することは出来ません。 ここで手作業にて変更を行う箇所を挙げてみたいと思います。 ・商品説明などで使っている画像...
突然、FireFoxでGoogleにつながなくなった時の対処法... 突然、FireFoxでGoogleにつながなくなった時の対処法 何の気なしに、Windows版 FireFoxを立ち上げて、アドレスバーのところに検索文字をいれてGoogle検索をしようとしたら、 TLSハンドシェイクを実行しています と、なったきり進みません。そのうちにFir...

シェアする

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

フォローする