スマホバナーつけ方

Question

RMSのスマートフォンデザイン設定のトップページ編集にて
張り付けたいバナーを2つ張り付けてリンク先のURLも登録しましたが
スマホビュアーではバナーの張り付けがされていません。

下記画像にてHTMLとプレビューを押した後の画像を載せておきます

PC版のほうではうまく行ってますが、スマホではできていない状態です。
悪い個所と
他に方法があるのなら知りたいです。###HR######IMG0ec45f46ac2e213ec8d339706a4c10c18.pngIMG0### ###IMG11ecf893f1628cf6855ac9920a81625c2.pngIMG1###

Answer

ECマスターズの三輪です。

いただいたご質問ですが、確認いたしますので、
恐れ入りますが、ご回答まで今しばらくお待ちくださいますよう
お願いいたします。

Answer

ECマスターズの三輪です。

> RMSのスマートフォンデザイン設定のトップページ編集にて
> 張り付けたいバナーを2つ張り付けてリンク先のURLも登録しましたが
> スマホビュアーではバナーの張り付けがされていません。

キスキン様はGOLDでスマホトップページ表示設定をされております。
その為、RMSで編集をされてもスマホ版には反映されません。

スマホトップページにバナーを貼り付けたい場合、
GOLDにアップロードされているindex_sp.htmlの編集をお願い致します。

ご不明な点がありましたら、お気軽にご連絡くださいませ。

Answer

GOLDにアップロードされているindex_sp.htmlの編集とはどうすればよろしいでしょうか？

Answer

ECマスターズの田中です。

すみません、現在のスマートフォン用トップページは
compassで作成されておりますでしょうか。
その場合、「index_sp.html」を直接編集すると
compassで編集した際に上書きされ、なかったことなってしまいます。

compass上でHTMLを記入できる箇所がございましたら、
その中にご設置いただくことをおすすめします。
comapssを通さず、直接「index_sp.html」をご編集いただく場合は、
上記をお含みおきの上、下記手順をご確認ください。

楽天GOLDは、
パソコンのハードディスクと同じ要領でファイルを保存し、
それをインターネット上に公開することができる仕組みです。
いわゆる「FTPサーバー」と同じ仕組みとなっております。

楽天GOLDにつきましては、
下記URL、楽天大学にて動画で解説がございますので、
今後楽天GOLDを取り扱っていただくにあたり、
一度ご視聴いただきますようお願いします。
https://daigaku.rms.rakuten.co.jp/rmsapp/watch/20113

楽天GOLDとご自身のPCとでファイルのやり取りをするには
「FTPクライアント」と呼ばれるアプリが必要となります。
https://github.com/ffftp/ffftp/releases

Windowsでは「FFFTP」というアプリが有名です。
https://ja.osdn.net/projects/ffftp/
上記ページの「ダウンロード」より、
「ffftp-v4.9-x64.msi」をダウンロード・インストールしてください。

基本的な使い方は、下記マニュアルをご参照ください。
https://navi-manual.faq.rakuten.net/service/000040265
マニュアルどおり接続すると、
左側にご自身のPCの内容、右側に楽天GOLD内の内容が表示されますので、
右側に「index_sp.html」が含まれていることをご確認願います。

あとは、PC内に作業用のフォルダを作り、
FFFTPの左側の画面でフォルダを開いて、
右側から左側に「index_sp.html」をダウンロード（マウスで移動、など）することで
ご自身のPCで編集できる状態になります。

「index_sp.html」はメモ帳でも編集できますが、
文字化けなどのトラブルを防ぐために、

Mery
https://forest.watch.impress.co.jp/library/software/mery/

などのテキストエディタをご利用いただくことをおすすめします。

Answer

compassのスマホのフリースペースを編集すればよいということでしょうか？

Answer

ECマスターズの伊藤です。

> compassのスマホのフリースペースを編集すればよいということでしょうか？

申し訳ありませんが、Commpassのマニュアルが
公開されていないため、
詳細な操作方法については、
ご案内することができません。

スマホフリースペースというものがあり、HTMLが
許可されているのであれば、
そちらをご利用いただくことで、ご対応いただけると思います。

また、Commpassの編集画面で、画像とリンクの挿入があれば、
そちらをご利用いただくことで、ご対応いただくことが
できると思います。