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


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

関連時事

PHPプログラミング忘備録 phpのプログラムを書籍やWebサイトを参考に組み上げてみました。 主として忘備録やテスト用にアップしております。 メールフォーム https://ari-net.com/php/form/mail_2.php サンプルコードみながら、自分なりにいじってみました。 BBS...
スマホサイト制作 スマートフォンサイト コーディングスマートフォンサイト制作 Webマーケティングにおいてもはや欠かせないツールに進化したスマートフォンサイト。これまでのPCサイトをそのまま見れるようにするだけでは,効果を期待することが出来ません。 PCサイトよりもアクティブユーザー数が上回ってきたスマートフォン...
らくやきマーカーで簡単!絵付け工作... マジックでお皿に絵を書いてレンジでチンするお皿の絵付けが最近話題になっています。 お手軽にできる内容を実際にやってみながら、楽しさをご紹介してみます。   道具を揃えよう それでは必要な道具などをご紹介します。 1:「らくやきマーカー」。絵付けをするマジッ...
Yahoo!ショッピング商品検索対策について... Yahoo!ショッピング商品検索対策について Yahoo!ショッピングにおいて、出店者が広告をつかわない場合は商品検索対策を行わないと出店サイトや商品ページへの流入を確保することができません。オンリーワンな商品を売る場合、もくしは恐ろしく安い価格で販売できる場合はこの限りではありませんが、ほとんど...
WordPress 4.8 アップデート情報 ついこの間、4.7.5が出たと思ったら、もう4.8 Jaまでリリースされました。 アップデートの内容は以下の通りです。 ウィジェット機能の追加 画像ウィジェット ウィジェットへの画像追加が、WordPress ユーザーの誰もが行えるシンプルな作業となりました。ウィジェット設定...
Yahoo!ショッピング検索結果の表示順位について... Yahoo!ショッピング検索結果の表示順位について ストアクリエイターProに公開された検索ロジックについて 8月17日にストアクリエイターにヤフーショッピング担当者が公開した情報に実に興味深い記事がありました。 以下はストアクリエイターPro上に貼られていたリスト画像です こちらリスト...
ECサイト + スマフォ戦略 ECサイトのノウハウとスマートフォンを中心にしたWebマーケティング。 ECサイトで売上を叩き出すにはスマートフォンに特化した売上アップのノウハウが必要となります。 大手ショッピングモールの売上の校正を見るとジャンルによってはPCの売上をスマートフォンからの購買が上回っております。 も...

シェアする

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

フォローする