FTP自動アップ君で、楽天のトップページを更新したい

Question

お世話になっております。

FTP自動アップ君で、楽天のトップページを更新したく思っており、色々と調べていたのですが、
トップページは「index.html」というファイルを編集するとの事なのですが、
そもそもがGOLDサーバーの直下に「index.html」がありません。

楽天市場を始めた時に、業者にトップページを作成して貰ったのですが、
RMS→店舗設定→デザイン設定→ヘッダー・フッター・レフトナビ、に直接記入して作成したものと思います。

この場合はFTP自動アップ君で、トップページの更新は出来ないでしょうか。

宜しくお願い致します。

Answer

ECマスターズの田中です。

> RMS→店舗設定→デザイン設定→ヘッダー・フッター・レフトナビ、に直接記入して作成したものと思います。
> この場合はFTP自動アップ君で、トップページの更新は出来ないでしょうか。

残念ですが、おっしゃる通り、
RMS上で作成されたトップページの更新は、
仕組み上、FTP自動アップ君で実現することはできません。

Answer

回答ありがとうございます。

RMS上で作成したトップページのソースを「index.html」に書いて、GOLD上にアップロードする事は可能でしょうか。
もし可能でしたら、やり方をご教示いただけませんでしょうか。

宜しくお願い致します。

Answer

ECマスターズの星です。

週明け担当よりご案内さしあげますので、
今しばらくお時間いただけると幸いです。
お時間いただきまして申し訳ございませんが
何卒よろしくお願いいたします。

Answer

ECマスターズの田中です。

GOLDに設置した「index.html」を
トップページとして扱う際は、

RMSメインメニュー
→ 店舗設定
→ 2 デザイン設定
→ トップページ切替設定

より切り替えていただければ結構です。
https://navi-manual.faq.rakuten.net/design/000009546

楽天GOLDでトップページを作成する場合、
既存要素にとらわれず、自由に作成することができますが、
裏を返すと、ページ共通で使っている
ヘッダー・フッター・レフトナビなどの共通要素が
自動で設置されなくなります。

現在のトップページのソースをそのまま
「index.html」に貼り付けようとしても、
楽天本来のスタイルシートやJavaScriptが
ページ構造の違いにより正常に動作せず、
ボタンや検索窓が動かない、表示が崩れる、
といったトラブルにつながります。

ページ構造をご自身ですべて
調整していただくことが難しい場合は、
引き続き、RMS上で作成されたトップページを
ご利用いただくことをおすすめします。

今回、FTP自動アップ君による切り替えを行われようとしたのは、
お買い物マラソン関連のバナーを非表示にしたい、
といった内容でしょうか。
その場合、GOLD内の外部スタイルシートファイルを予め読み込んでおき、
その内容をFTP自動アップ君で書き換えることによって、
ページ内の要素の表示/非表示を切り替える、といった処理は可能です。

cipherさんにて、FTP自動アップ君により
どのような処理を行われようとしていたのか、
返信にてお知らせいただきますようお願いします。

Answer

回答ありがとうございます。

＞現在のトップページのソースをそのまま
＞「index.html」に貼り付けようとしても、
＞楽天本来のスタイルシートやJavaScriptが
＞ページ構造の違いにより正常に動作せず、
＞ボタンや検索窓が動かない、表示が崩れる、
＞といったトラブルにつながります。
■自分では、現在のトップページの状態を「index.html」へ記載するスキルがないので、これは難しいです（泣）


＞今回、FTP自動アップ君による切り替えを行われようとしたのは、
＞お買い物マラソン関連のバナーを非表示にしたい、
■はい、そうです。
お買い物マラソンやスーパーSALE時に貼り付けているバナーを撤収するのに、
FTP自動アップ君で自動修正したく思っておりました。


＞GOLD内の外部スタイルシートファイルを予め読み込んでおき、
＞その内容をFTP自動アップ君で書き換えることによって、
GOLD上にスタイルシートファイルをアップしておき、
そのスタイルシートを読み込むソースを記載するという事でしょうか。
スタイルシートを簡単に作成できる資料みたいなページや、方法があれば教えて頂きたいです。

申し訳ございませんが、宜しくお願い致します。

Answer

ECマスターズの田中です。

> GOLD上にスタイルシートファイルをアップしておき、
> そのスタイルシートを読み込むソースを記載するという事でしょうか。

おっしゃる通りです。
スタイルシートファイルの内容を、FTP自動アップ君で書き換える形になります。

スタイルシート（CSS）につきましては、
クラブ会員サイトの「デザインレシピ」内で
簡単な解説ページを設けておりますので、
まずはご一読いただければ幸いです。
https://club.ec-masters.net/index.php?design_css

スタイルシートには様々な設定がありますが、
その中でも「display:none;」というプロパティ・値を設定すると、
対象を非表示にすることができます。

たとえば、お買い物マラソン関連のバナーを
 と  で囲み、
スタイルシートファイルに
.marathonBanner { display: none; }
とご記載いただくことで、囲んだ部分を非表示にすることができます。

Liveweave
https://liveweave.com/

上記サイト、左上の欄にHTMLをご記載いただくと、
右下にて、実際に表示される様子をリアルタイムでご確認いただけますので、
まずは左上の欄に

= この下の行から ====================

お買い物マラソンバナー


.marathonBanner { display: none; }

= この上の行まで ====================

とご記載いただき、

テキストの内容を書き換えたり、
との間の１行を消したり戻したりすることで
表示がどのように変わるかご確認の上、
タグを、GOLDのスタイルシートファイルに置き換える方法を
ご確認いただき（タグを利用します）、
実際の商品ページへの反映をお試しいただく、

といった形で、
作業可能な範囲を１つ１つ拡げていくようなイメージで
操作方法をご確認願います。

過程の中で、不明な点などございましたら、
返信にてお知らせいただきますようお願いします。

Answer

回答ありがとうございます。

パソコンのトップページにつきまして、スタイルシートを使って、
お買い物マラソン関連のバナーの表示/非表示する事ができました。
ありがとうございます！！


スマートフォンのトップページも同様に実施しようと思いましたが、下記RMS上で下記エラーが表示されました。
------------------------------------------------------------------------------
 許可されないHTMLタグ "link" が入力されています。
 許可されないHTMLタグ "div" が入力されています。
------------------------------------------------------------------------------

スマートフォンではスタイルシートは使用できないのでしょうか。
RMSに記載したソールは下記です。
------------------------------------------------------------------------------

Answer

ECマスターズの田中です。

> スマートフォンではスタイルシートは使用できないのでしょうか。

https://navi-manual.faq.rakuten.net/design/000009463
の「ご利用できるタグ」にて
やなどのタグが含まれておりませんので、
本来は使用することができません。

ですが、たとえばタグ名の後ろに「 =""」（半角スペース含む）を
追記する、などの方法で
タグチェックを回避し、ご使用いただくことができます。

いただいたソースの各タグに対して、

Answer

ご返信ありがとうございます。
スマートフォン用でも設定する事が出来ました。

＞楽天市場にて、タグの利用制限が正しく動作するよう
＞入力エラーチェックの強化を予定している、
■↑こちらなのですが、現在「スマートフォン用商品説明文 」の画像を下記の様に記載しています。
-----------------------------------------------------------------------------


　　　　　　　　　　・
　　　　　　　　　　・
　　　　　　　　　　・

-----------------------------------------------------------------------------
「 =""」は今後使用できなくなると考えていた方がいいでしょうか。

宜しくお願い致します。

Answer

ECマスターズの田中です。

> 「 =""」は今後使用できなくなると考えていた方がいいでしょうか。
はい、楽天市場が意識して抑止しようとしている行為ですので、
そうお考えいただきますようお願いします。

なお、スマートフォン用ページのリニューアルとともに、
スマートフォン用商品説明文に掲載できる画像枚数が
１０→２０枚に引き上げられる予定です。
下記サポートニュースをご参照ください。
https://mainmenu.rms.rakuten.co.jp/?act=supportnews&news_id=7050

楽天市場でも、可能な範囲で
制限を緩和しようとされているようですので、
RMSにて定められた仕様の中で、
ページづくりを行っていただきますようお願いします。

Answer

ご回答ありがとうございました。

長々とした質問にお付き合い頂きまして、感謝致します。
今後とも宜しくお願い致します。