ファーストビューに検索窓の設置の仕方

Question

Meryで下記のタグを作成して、RMSの「ヘッダーコンテンツ」の一番上に下記のタグを張り付けたのですが、エラーになりました。
貼り付ける場所が間違っているのか、他に何かする事があるのでしょうか？

【Mery】



















【RMS】


ご確認お願い致します。
https://www.rakuten.co.jp/best-mobile/

Answer

ECマスターズの田中です。

https://www.rakuten.ne.jp/gold/best-mobile/rakutensearch.html
上記URL、つまり、楽天GOLDの一番上のフォルダに、
HTMLファイル「rakutensearch.html」がありませんでした。

楽天GOLDとは、いわゆるFTPサーバで、
パソコンのハードディスクと同じ要領でファイルを保存し、
それをインターネット上に公開することができる仕組みなのですが、

Meryにて編集後、
上書き保存、および楽天GOLDへの保存（アップロード）は
行われておりますでしょうか。

Answer

ECマスターズ　田中様

回答ありがとうございます。
行なっていません。

楽天GOLDの事が理解していなくて初歩的な質問ですがお願い致します。
楽天GOLDに保存（アップロード）はまだしたことがないと思うのですが、「Ribrary」の「アップロード」のボタンからすればいいのでしょうか？
どういう時に保存（アップロード）は必要でしょうか？

最初に楽天GOLDを登録する時に「Ribrary」の初期設定をして、最近RUxを見て「FFFTP」の初期設定をしました。
二つとも必要でしょうか？どちらか一つでいいなら、どちらがいいのでしょうか？

いくつも質問して申し訳ありませんが、よろしくお願い致します。

Answer

ECマスターズの田中です。

＞楽天GOLDに保存（アップロード）はまだしたことがないと思うのですが、「Ribrary」の「アップロード」のボタンからすればいいのでしょうか？

はい、「アップロード」ボタンを押して、
「rakutensearch.html」を選択していただくことで
アップロードを行うことができます。

＞どういう時に保存（アップロード）は必要でしょうか？

ファイルをインターネット上で公開する時に必要となります。

今回の場合、Meryを利用して
「rakutensearch.html」を作成していただきましたが、
上書き保存しただけですと、
ベストさんのPCの中にファイルができただけで、
インターネットの向こう側にある他の端末（PC、スマホ等）からは
見えない状態になっています。

楽天GOLDにファイルをアップロードしていただくことで初めて、
ファイルがインターネット上で見える状態になります。

＞二つとも必要でしょうか？どちらか一つでいいなら、どちらがいいのでしょうか？

楽天に限っての用途でしたら、
「Ribrary」の方が使いやすいので、「Ribrary」だけご利用いただければ結構です。

「Ribrary」は楽天専用のツールなので、
他のモールや自社サイト等でFTPを利用する際に、
「FFFTP」のご利用をご検討ください。

Answer

Ribraryにアップロードして検索窓を設置する事ができました。

色々と教えて頂きありがとうございます。
初めてフォーラムで質問しましたが、丁寧に教えて頂き理解できたので、助かりました。

検索窓について変更したい箇所がいくつかあるのですが、教えて下さい。
1：「検索」のボタンを下から右側に変更
2：「検索」のボタンを「商品検索」に変更
3：検索窓の場所を左端から真ん中
4：検索窓の周りを囲っているのを無くす、もしくわ下の余白部分を上と同じ余白にする

よろしくお願い致します。

Answer

ECマスターズの田中です。

rakutensearch.htmlの中で、
「検索」のボタンは　　のタグで、
検索窓は　　のタグで、
それぞれ表示されておりますので、
下記の変更を行った上で、表示をご確認いただけますでしょうか。

＞1：「検索」のボタンを下から右側に変更

を

と

で囲んでください。

＞2：「検索」のボタンを「商品検索」に変更

の
検索
を
商品検索
にご変更ください。

＞3：検索窓の場所を左端から真ん中

を

と

で囲んでください。

＞4：検索窓の周りを囲っているのを無くす、もしくわ下の余白部分を上と同じ余白にする

RMSに入れていただいたタグに、


↓


このように、「frameborder」属性を追加してください。

Answer

ありがとうございます。
確認したところ、できているのとできていないのがありました。

1：「検索」のボタンを下から右側に変更
右側にはいきましたが、検索窓の右隣に設置したい

2：「検索」のボタンを「商品検索」に変更
できました。

3：検索窓の場所を左端から真ん中
できていません。

4：検索窓の周りを囲っているのを無くす、もしくわ下の余白部分を上と同じ余白にする
できました。

「を

と

で囲んでください。」の理解が間違っているのでしょうか？
下記のタグを確認お願い致します。

Answer

ECマスターズの田中です。

＞1：「検索」のボタンを下から右側に変更
というのは、
＞検索窓の右隣に設置したい
ということですね。

それでは、

Answer

ありがとうございます。

1：「検索」のボタンを下から右側に変更
検索窓の右隣にできました。

3：検索窓の場所を左端から真ん中
はまだできていませんので教えて頂けますか。

設置してみてからの質問になってしまうのですが、
検索窓・検索ボタンからの余白を上のナビボタンと同じくらいに、
下のバナーとの間の余白を減らす事は可能でしょうか？
（下のバナーとの間隔を減らしたい）

よろしくお願い致します。

Answer

ECマスターズの田中です。

＞3：検索窓の場所を左端から真ん中
というのは、
実際に店舗に設置した際の位置、ということですね。

＞4：検索窓の周りを囲っているのを無くす
を適用する前の状態を思い出していただきたいのですが、
タグがその周りの囲いと同じ領域を占めておりますので、
この枠自体を、ページ中央に寄せたり、高さを縮めたりしていただく
必要がございます。

RMSに入れていただいたタグを

と

で囲んでいただき、


↓


このように、「height」属性を追加してください。
（heightの値を増減していただくことで、余白を調整することができます）

Answer

ありがとうございます。

思い通りの設置をする事ができました！
楽天GOLDとタグの事が少しだけ理解できるようになりました。

何度も質問してもご丁寧に対応頂きありがとうございます。

これからもよろしくお願い致します。