スマホのトップページの画像とカテゴリページの表示

Question

いつもありがとうございます。私はエンパワーメントプランで料金を払うのが嫌だからhtmlを書いてページを作っていますが、スマホのトップページが簡単に作れるようになったので助かっています。初歩的な質問になりますが、トップページから商品ページやカテゴリページへのリンクを作るのに、画像とバナーのどちらを選ぶべきでしょうか。違いがいまいちわかりません。また、トップページにプロモーション動画を置くことはできますか。パソコンのカテゴリページのトップに画像を置いたり説明文を入れたりできることに気が付きましたが、スマホでは画像は表示されないのでしょうか。また、スマホのカテゴリページはすっきり見やすいですが、パソコンのカテゴリページはサムネイルが小さく、キャッチコピーと商品名が続けて長く表示されるため見にくいです。RMSサポートに聞いたら、この仕様は変えられないとのことでしたが、こんなに見にくいのはとても残念なのですがどうにもできないのでしょうか。https://item.rakuten.co.jp/tsukutsuku/c/0000000121/

Answer

ECマスターズの北原です。お調べしていますので、今しばらくお待ちいただきますようよろしくお願いいたします。

Answer

ECマスターズの北原です。お調べするにあたって、ご確認させていただきたいのですが、> 初歩的な質問になりますが、トップページから商品ページやカテゴリページへのリンクを作るのに、画像とバナーのどちらを選ぶべきでしょうか。違いがいまいちわかりません。>また、トップページにプロモーション動画を置くことはできますか。上記は新しいスマホトップページのご質問でお間違えないでしょうか？よろしくお願い致します。

Answer

お返事ありがとうございます。画像かバナーか迷ったのは新しいスマホトップページです。プロモーション動画を置きたいのは、パソコンもスマホも両方です。

Answer

あ、でも、画像とバナーの違いがよくわからないのはパソコントップページでも同じかもしれません。
入れ替えやすかったり、共通サイズだたったりするのがバナーなのかな………（省略）………

Answer

ECマスターズの北原です。 > 初歩的な質問になりますが、トップページから商品ページやカテゴリページへのリンクを作るのに、画像とバナーのどちらを選ぶべきでしょうか。違いがいまいちわかりません。> 画像かバナーか迷ったのは新しいスマホトップページです。> あ、でも、画像とバナーの違いがよくわからないのはパソコントップページでも同じかもしれません。> 入れ替えやすかったり、共通サイズだたったりするのがバナーなのかなと思いましたが。こちらのご質問内容について、まずは詳細を確認させていただきたいのですが、画像は主に正方形のもの、そして、バナーは主に長方形のものをイメージされており、カテゴリーページに飛ばすためにどのパーツを利用するか迷われているという事でお間違いないでしょうか。https://ec-masters.gyazo.com/230679f524527d38a93f62dc5ed6f829>また、トップページにプロモーション動画を置くことはできますか。下記動画のようにR-cabinetに動画をアップロードし、htmlコードをコピーしてPCトップに貼り付けることで、トップページに動画を埋め込むことができます。https://ec-masters.gyazo.com/f827c7d3c7e32f2b50cb3d228febb5f3スマホトップに関しましては、楽天ゴールドを使用することで、PCと同じように動画のhtmlコードをコピーして埋め込むことができます。しかし新スマホ用店舗トップページでは、残念ながら現状動画を埋め込むことができません。>パソコンのカテゴリページのトップに画像を置いたり説明文を入れたりできることに気が付きましたが、スマホでは画像は表示されないのでしょうか。RMSカテゴリー編集ページのメイン画像は、PCでのみ表示されるようです。しかし、スマートフォン用カテゴリ説明文にimgタグを記述することができます。

こちらのように記述することで、スマホでも画像を表示させることができます。https://ec-masters.gyazo.com/9e6c9a1ae2fb6ec79195665da93624ac>パソコンのカテゴリページはサムネイルが小さく、キャッチコピーと商品名が続けて長く表示されるため見にくいです。まずサムネイルの大きさを変更する方法を、説明させていただきます。下記のbodyタグとstyleタグを、カテゴリ説明文下に記述してください。230という数字は、画像のサイズになります。それぞれお好きな大きさに変更してお使いください。続いてキャッチコピーと商品名を変更する方法を、説明させていただきます。先ほどと同様、下記のstyleタグを、カテゴリ説明文下に記述してください。-webkit-line-clamp: 3; という部分は、表示する行数を指定するものです。3ですと3行分のキャッチコピー・商品名が、表示されますので、適時変更してお使いください。

Answer

ご丁寧なお返事ありがとうございます。やってみたいと思います。スマホトップページに関しては、特にカテゴリページに飛ばすためだけとは決めておりませんが、確かにカテゴリページや商品ページなどに飛ばすためのリンクを作ろうとは思っています。画像を作ろうと思った時に、画像とバナーのどちらが良いのかなと思って、基本的なことだと思いますがせっかくなので質問してから作ろうと作業を止めていました。単に形が違うだけなのか、画像ならフリックできることもあるとか、バナーなら横長だとか、そんな風に深く考えなくて良いのであればそれで結構です。しかし新しいスマホトップページに動画を埋め込めないのであれば、まだ新トップページへ移行していないので、古いトップページをを改善していこうかと思います。

Answer

ECマスターズの北原です。>画像を作ろうと思った時に、画像とバナーのどちらが良いのかなと思って、基本的なことだと思いますがせっかくなので質問してから作ろうと作業を止めていました。画像の場合ですと、横スクロールのレイアウトを作成することができます。また、パーツを１０個まで選択することができ、パーツ一つの画像は１２個まで追加することができます。https://ec-masters.gyazo.com/515915db002e4b3146a5d1e6cada97fe画像に対してバナー画像は、横スクロールではなく、縦にバナー画像が積まれるデザインとなります。大バナー、小バナーのパーツはそれぞれ一つしか選択できません。また、バナーの設定は、共通バナー設定（スマートフォン）で設定したものが表示されます。https://ec-masters.gyazo.com/92046847e6a913070cc30d737b5fc37dリンク先URLなど、設定できるものに大きな差はありませんが、デザインが大きく異なります。新スマホ用店舗トップページでは、様々なレイアウトを簡単に作成できるようになります。まずは、一通りのパーツを試していただくことをおすすめ致します。

Answer

ご丁寧にありがとうございました。> スマホトップに関しましては、楽天ゴールドを使用することで、PCと同じように動画のhtmlコードをコピーして埋め込むことができますとお返事いただいておりました。パソコン用トップには動画を置くことはできました。スマホトップページに動画を置くのはまだ試しておりませんが、楽天ゴールドを使わないと無理なのでしょうか。私はエンパワーメントプランなので楽天ゴールドは使っておらずRMSを使っているだけです。最近、新しいスマホトップページが良いとの情報をメルマガでいただいておりますが、どちらにしようか迷っています。トップページの下部にプロモーション動画を置けるのであれば変更しないでもいいかなとも思いますし、それとも動画がおけなくても新しいスマホトップページに変更してしまっても良いかとも思います。

Answer

スマホトップページに動画を入れると「許可されないHTMLタグ "script" が入力されています。」と出ますので、やはり無理なのですね。

ではスマホトッ………（省略）………

Answer

連続で申し訳ありません。下記ご教示いただきましたキャッチコピーと商品名の長さを変更するタグを入れると、scriptは動画でしか使えないとエラーになりました。でも画像が大きく表示されたことだけで大変満足です。--------------------続いてキャッチコピーと商品名を変更する方法を、説明させていただきます。先ほどと同様、下記のbodyタグとstyleタグを、カテゴリ説明文下に記述してください。

Answer

ECマスターズの北原です。>スマホトップページに動画を入れると「許可されないHTMLタグ "script" が入力されています。」と出ますので、やはり無理なのですね。おっしゃる通り、現状スマホトップに動画を設置するにはGOLDを利用していただく必要があります。>下記ご教示いただきましたキャッチコピーと商品名の長さを変更するタグを入れると、scriptは動画でしか使えないとエラーになりました。大変失礼しました。scriptタグとstyleタグを誤って記述してしまいました。誤ったご案内をしてしまい申し訳ございません。修正しましたので、下記のタグを再度お試しください。よろしくお願い致します。

Answer

パソコンのカテゴリページ、写真が大きく、説明文も３行になって、とてもすっきりしました。あとは説明文が同じような文ばかりになっているのを変更したいと思います。
………（省略）………

スマホのトップページの画像とカテゴリページの表示

カテゴリーから探す