• 文字サイズ


解決済

楽天PC用販売説明文の見やすいHTMLについて

  • 相談者:非公開
  • 2022/02/24 07:43
いつも専門的なタグのお知恵をいただきありがとうございます。

現在新規ページを作っています。
https://item.rakuten.co.jp/SHOP-URL/ITEM-URL/

つくり途中なのですが、ページ自体の構成としては画像を挟みながら、文字でも説明文を添えていくスタイルの予定です。

・文章が長くなると、左右に画面が伸びとても見にくいんです。
ページ自体の横幅をそのページ全体で合わせて設定したい場合のタグを教えてください。

・また、現在すべて同じフォントなのでメリハリがありません。
<b>や文字色変換以外でスクロール見しただけで内容がある程度目に入りやすくなるようなタグがありましたら教えていただけませんか。
ブログを書かれている方がよくうまいこと構成をされていますよね。
うまく言えないのですが、そういう感じのシンプルで読みやすい文字配置にしたいのですが、詰まっています。

よろしくお願いいたします。


↓現在のタグ↓

<a href="https://item.rakuten.co.jp/SHOP-URL/ITEM-URL/">
<img src="https://image.rakuten.co.jp/SHOP-URL/cabinet/sozai/sskaishi1.jpg" width="700">
</a>
<br>
<br>

<a href=" https://item.rakuten.co.jp/SHOP-URL/ITEM-URL/ ">
<img src=" https://image.rakuten.co.jp/SHOP-URL/cabinet/product/gf-plane2.jpg " width="700"></a>
<br>
<br><font size="5" color="4C3420">\ 大変お待たせいたしました! /
<br>
<br>
<br>明治32年創業、120年続く
<br>瀬戸内の老舗ベーカリーピーターパンがお届けする
<br>
<br>こだわりの無添加素材でシンプルに焼き上げるグルテンフリー米粉パン
<br>
<br>
<br>2002年の発売から今もなお愛されているベストセラーのグルテン入り米粉食パン「米太郎食パン」の発売から20年、何年も何年も開発を続けていたグルテン不使用のグルテンフリー米粉パンがついに完成!
<br>
<br>
<br>「これしか食べられないから選ぶ」ではなく、「おいしいから選ぶ」を目指す、ピーターパンのグルテンフリー米粉パンが出来上がりました。
<br>
<br>食事制限をしている方でなくても、その日の気分で選べるチョイスの一つとして美味しくお召し上がりいただけます。
<br>
<br>
<br>【 内容量 】
<br>グルテン不使用 グルテンフリー米粉食パン 2本
<br>
<br>【 グルテン不使用 グルテンフリー米粉パン 原材料】
国産米粉、有機オーガニックパーム油(トランス脂肪酸を含まない)、粗糖、白神こだま酵母(天然酵母)、食塩(赤穂の天日塩)、水あめ</font>
<br><font size="5" color="c30d23"><b>※同一工場内で小麦粉を使用した製品を製造しておりますため、アレルギー対応食品ではございません※</b></font></font>
<br>
<br><img src="https://image.rakuten.co.jp/SHOP-URL/cabinet/others/gf-caution.jpg">
<br>
<br><font size="5" color="4C3420">お忙しい方や、大家族の嬉しい味方!
<br>安心の無添加パンを、ピーターパンオリジナル包装で包むことにより、未開封の状態で、常温で約1か月日持ちするロングライフパンです。
<br>まとめてお取り寄せして、ごゆっくりお楽しみください。
<br>常温でお届けしますので、冷凍庫をパンパンにする必要もありません。
<br>ご近所、ご親戚におすそ分け、お子様への仕送りや大切な方へのギフトにもとっても喜ばれています。
<br>
<br>約1か月常温で日持ちいたしますので、小腹がすいたときのおやつ、
<br>おかず、朝食など様々な場面で大活躍します。</font>
<br>
<br>
<br><img src="https://image.rakuten.co.jp/SHOP-URL/cabinet/others/imgrc0081365758.jpg">
<br>
<br>
<br><font size="5" color="4C3420">こちらの米粉パンは、
<br>安心安全な熊本製粉のミズホチカラ米粉を使用しています。
<br>
<br>シンプル、こだわりの厳選素材に120年続くパンつくりの魂を込めてパンを焼き上げています。
<br>
<br>・熊本製粉の安心の国産米粉ミズホチカラ
<br>・天然酵母 白神こだま酵母
<br>・有機オーガニックパームオイル(トランス脂肪酸を含まない)
<br>・赤穂の天日塩</font>
<br>
<br>
<br><br>
<img src="https://image.rakuten.co.jp/SHOP-URL/cabinet/others/mutenka1.jpg">
<br><br>
<img src="https://image.rakuten.co.jp/SHOP-URL/cabinet/others/mutenka2.jpg">
<br><br>
<img src="https://image.rakuten.co.jp/SHOP-URL/cabinet/others/mutenka3.jpg">
<br><br>
<img src="https://image.rakuten.co.jp/SHOP-URL/cabinet/others/longshelflife2.jpg ">
<br>
<br>
<!-- 回遊リンク -->
<font size="6" color="4C3420 "><b>こちらの大容量でお得な送料無料セットもオススメです♪</b> </font>
<table border="0">
<tr>
<td width="20"><a href="https://item.rakuten.co.jp/SHOP-URL/ITEM-URL/"><img src="https://image.rakuten.co.jp/SHOP-URL/cabinet/product/gf-plain5.jpg" width="300" ></a></td>
<td width="20"></td>
<td width="20"><a href="https://item.rakuten.co.jp/SHOP-URL/ITEM-URL/ "><img src="https://image.rakuten.co.jp/SHOP-URL/cabinet/product/gf-plain10.jpg" width="300" ></a></td>
<td width="20"></td>
<td width="20"><a href="https://item.rakuten.co.jp/SHOP-URL/ITEM-URL/"><img src="https://image.rakuten.co.jp/SHOP-URL/cabinet/product/gf-plain20.jpg" width="300" ></a></td>
<td width="20"></td>
<td width="20"><a href="https://item.rakuten.co.jp/SHOP-URL/ITEM-URL/"><img src="https://image.rakuten.co.jp/SHOP-URL/cabinet/product/gf-plain50.jpg" width="300" ></a>
<td width="20"></td>
</tr>
</table>
<!-- 回遊リンク -->
投稿内容について報告する

今気になってる疑問、
セミナーに参加すれば解決するかも!?
日本全国のネットショップ12,000社が参加!
ネットショップでお悩みがある方はまずはオンラインセミナーへGO!
広告0円で楽天の売上アップ続出!
ECマスターズチャンネルをチェック!
総視聴回数15万回突破!
最新の対策事例やSALE対策など、売上にお困りの方はぜひご視聴ください!

  • 返信者:非公開
  • 2022/02/24 13:20
ECマスターズの海老塚です。

> ・文章が長くなると、左右に画面が伸びとても見にくいんです。
> ページ自体の横幅をそのページ全体で合わせて設定したい場………(省略)………
  • 返信者:非公開(質問者)
  • 2022/03/02 15:51
海老塚さん回答ありがとうございます。

4つ並べているテーブルのせいだったのですね。
このテーブルを2x2に修正したいのですが、タグを教えていただけません………(省略)………
  • 返信者:非公開
  • 2022/03/02 17:30
ECマスターズの北原です。

>このテーブルを2x2に修正したいのですが、タグを教えていただけませんか?
>2と2の間には一行改行を入れて見やすくしたいで………(省略)………
このフォーラムへの質問は終了しました