ファーストビューをもっとよくしたい

Question

お店の看板の下に
添付画像のようにバナーを張りたいのです。
1列に3個のバナーはるタグを教えて下さい

よろしくお願いします###HR######IMG0df1599fafc8e3b5fd3b8915dd0821d7c.jpegIMG0###

Accepted Answer

imgタグを改行無しで3つ並べて、widthを30％とかにすると3つ並びますよ∩^ω^∩

Answer

ECマスターズの田中です。

> pyonさん
アドバイスいただき、ありがとうございます。
つまり、１行ごとに






このようにご記載いただく形式ですね。

この場合、全体の幅が９０％（＋余白）になりますので、
横幅オーバーによる折返しが発生しない程度に
30%　を　31%や32%などに増やしていただいたり、
中央揃えになるよう、全体をとで囲んでいただいたりなどすると
もっと見栄えがよくなると思います。

Answer

ありがとうございます。やってみます

Answer

pyonさん、田中さん
とってもきれいにバナーをセットすることが出来ました。ありがとうございます。

スマホにはどのようにしたらいいですか？###HR######IMG06b6f7f3f26f0b83bf0a9fb1efe9af778.pngIMG0######BR###

Answer

ECマスターズの田中です。

> スマホにはどのようにしたらいいですか？

基本的には、PCと同様にご記載いただければ結構です。

ですが、実際にご記載いただいた上で
ご希望どおりに並ばない場合は、工夫が必要です。
たとえば、各商品のスマートフォン用商品説明文に
ご記載いただいた場合、
スタイルシートによって強制的に１枚ごとに改行されてしまいます。

工夫する方法として一番シンプルなのは、
https://www.tagindex.com/tool/table.html
のようなツールを使い、３列のテーブルタグを作っていただき、
各の中にタグおよびタグをご記載いただく、
という方法となります。

Answer

ECマスターズの田中様
回答いただいておありがとうございます。

＞工夫する方法として一番シンプルなのは、
https://www.tagindex.com/tool/table.html
のようなツールを使い、３列のテーブルタグを作っていただき、
各の中にタグおよびタグをご記載いただく、
という方法となります。

の意味がさっぱりわかりません。


もっとシンプルに考えてみました。
ＰＣでは、3つのバナを一列にならべましたが
スマホではとても小さくなってしまいますよね。
では、
縦に一列にして3つならべてみる方が設定がかんたんでしょうか？
その場合は、で区切ればいいのですよね？

当店の取り扱い商品は、
全く違うジャンルの商品を一緒にあつかっています。
そこで、
ＡとＢそれぞれのカテゴリーページに
ＡにはＡにあったバナーを、ＢにはＢにあったバナーをそれぞれ縦に3つ設置してみたいと思います。

次に
バナーのサイズについてですが、
PC用で作ったバナーをサイズ調整で設置していいのでしょうか？
もしくは、スマホ用サイズをつくる必要がありますか？
その場合の最適サイズを教えてほしいです。

バナーの設置場所もアドバイスしてもらえると嬉しいです。
まったく、わかりません。
デザイン設定の画面を開けるたびに
変なところにタグを入れてめちゃくちゃになったらどうしようと緊張します。
その恐怖と戦いながら、RMSの？マークをおして、マニュアルを読んでいるのですが
全体を理解していないので、さっぱり意味がわかりません。

知識がない私にも理解できるように
根気よくお付き合いください。

どうぞよろしくお願いいたします

Answer

ECマスターズの田中です。

> 縦に一列にして3つならべてみる方が設定がかんたんでしょうか？

はい、かんたんです。
特に横長な画像の場合、横３列に並べると、
１個あたりの大きさがどうしても小さくなってしまいますので、
縦に一列にしてならべていただくことをオススメします。

前回私よりご案内差し上げたPC用のタグに含まれる
30%　を　100%　にご変更いただくことで、
縦１列に並べるタグになりますので、
それをスマートフォン用項目にご記載いただくことで表示できます。

> その場合は、で区切ればいいのですよね？

はい、で区切っていただいて結構です。
ちなみに、１つの画像が横幅を１００％使い切っており,
を入れなくても改行されますので、無くても結構です。

> PC用で作ったバナーをサイズ調整で設置していいのでしょうか？

はい、設置していただいて結構です。
スマートフォンにて画像をきれいに表示させたい場合、
PCと同じ程度の大きさが必要となるため、
PC用のバナーを設置していただいても問題ございません。

> バナーの設置場所もアドバイスしてもらえると嬉しいです。
> まったく、わかりません。

それでは、実際のページで設置したい場所を
お知らせいただけますでしょうか。
（可能であれば、画像付きでお知らせいただけると確実です）
私にて、デザイン設定のどの部分のどことどこの間に挿入したらいいか、
ご案内させていただきます。

デザイン設定の各項目は、
HTMLという言語によって記載されております。

RMSの？マークよりヘルプをご覧いただくよりは、
まずHTMLとは何なのか、を知っていただくことで、
「あ、