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


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

関連時事

WordPress忘備録 これまでの作業をメモしておきます。 お役に立てたらうれしいです。
ヘッドライトの再生技術 ドリームコート... ヘッドライト再生の新技術「ドリームコート」 おクルマのヘッドライトの黄ばみや汚れくすみなどをクリアにする新技術「ドリームコート」 取り扱いを行っている沖自動車さまのご紹介です。 全く新しい、ヘッドライト再生の新技術 ドリームコートはこれまでのコンパウンドなどでこすったりする方法と全く...
スマホサイト制作 スマートフォンサイト コーディングスマートフォンサイト制作 Webマーケティングにおいてもはや欠かせないツールに進化したスマートフォンサイト。これまでのPCサイトをそのまま見れるようにするだけでは,効果を期待することが出来ません。 PCサイトよりもアクティブユーザー数が上回ってきたスマートフォン...
下町ロケット ギアゴーストの作業着について... 下町ロケット ギアゴーストの作業着について 10月からはじまりました日曜ドラマスペシャル「下町ロケット」は毎回感動の連続でちょっとした日曜日のお楽しみになってらっしゃる方が多いのではないでしょうか? 原作本の売れ行きはもちろんですが、下町ロケットのドラマの中で使用されている衣装の問い合わせが非常...
Ari-NEtとは about Ari-NEtとはありちたかひこが主催するIT面白集団です。(一人) もともと裏方のエンジニアとして表に出ることがなかったありちが満を持して、フリーランスの立場で表に出て行く企画をさします。 とりあえず、Webを中心に企画・制作・プロデュースから始め、プログラムやネットワークコ...
Nike+ SportWatch と Nike.comがサービス終了してた... Nike+ SportWatchが同期できない 久しぶりにNike+ SportWatchをつけてランニングして走った経路をアップしようとパソコンに接続したら、Nike+CONNECT がいつまでたってもログインしない状態が続いた。 「あれっ!?」と思い、NIKEPULUS.COMにアクセすると...
TOP Ari-NEtは仙台でフリーにWebで楽しいことする人です。クリエイトだけじゃない、最高に楽しく集客・収益化しちゃうことが得意なんです。 Ari-NEtのできること。 ・ファミスタの対戦 ・スト2のガチ対戦(待ちガイル大歓迎) ・フツーのWebサイト制作 ・WordPress職人 ・EC...
楽天市場からヤフー・ショッピングにCSVを使って移行する方法【CSVファイルのエディタでの編集】... Microsoft Access と エディタでの編集作業 ストアコンバータでの変換作業は非常に簡易的なものになります。(もしかした、やり方はあるのかもしれませんが、私は見つけられませんでした。) 楽天では使用できたタグを別のものに置き換えたりする作業などは「置換」機能を使って一気に編集します。...

シェアする

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

フォローする