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


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

関連時事

楽天市場からヤフー・ショッピングにCSVを使って移行する方法【CSVファイルの編集編 ローカルでの編... ※こちらのページはお客様の内容については一切保証するものではございません。各自が自己責任の下で行って下さい。 前回まではサーバーサイドのサービスを使って主要な項目の置き換えをご紹介いたしました。 しかしながら、送料設定や選択項目肢など変えなければいけない箇所が変更できていません。 そう...
パソコン周りは何でもお任せ!
空調服 まとめ 空調服 まとめ ざっくりいうと ・空調服はバッテリーでファンを使って空気を外から入れて中の空気を対流させる服 ・この服を開発したのは元ソニーの市ヶ谷氏 ・現在はDIYのメーカーなどもOEMも含め色んなものが出回るようになりました。 最近、暑い日が続きますね。軒並み、35度などを通り...
らくやきマーカーで簡単!絵付け工作... マジックでお皿に絵を書いてレンジでチンするお皿の絵付けが最近話題になっています。 お手軽にできる内容を実際にやってみながら、楽しさをご紹介してみます。   道具を揃えよう それでは必要な道具などをご紹介します。 1:「らくやきマーカー」。絵付けをするマジッ...
Windows 10への自動アップデートによるトラブル対応いたします... Windows10の自動アップデートによる不具合に対応します 「ある日突然、Windows10になってしまった…。」宮城県内は出張費無料にてパソコン修理対応のご対応させていただきます。 多く寄せられるトラブルの一例は ・いままで使えていたソフトが立ち上がらなくなった。 ・アイコン...
WordPressでContactForm7からメールが送れない症状... WordPressでContactForm7からメールが送れない症状 突然、ContactForm7で作ったメールフォームからメールを送信すると、 メッセージの送信に失敗しました。間をおいてもう一度お試しいただくか、別の手段で管理者にお問い合わせ下さい。 と表示され、メールが送れなく...
自転車用のレインコート特集 レインコート 自転車 ポンチョ 雨具 カッパ レインコート 自転車 自転車用のポンチョ。 レインコート、カッパ、合羽、雨具 自転車から降りても使える。 雨天時のスポーツ観戦でも使える。 レインコート 自転車 カゴまで覆えるサイクルポンチョ No.7470 雨の日の自転車運転を快適...
突然、FireFoxでGoogleにつながなくなった時の対処法... 突然、FireFoxでGoogleにつながなくなった時の対処法 何の気なしに、Windows版 FireFoxを立ち上げて、アドレスバーのところに検索文字をいれてGoogle検索をしようとしたら、 TLSハンドシェイクを実行しています と、なったきり進みません。そのうちにFir...

シェアする

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

フォローする