すべてのカテゴリ

キーワードだけではなく、価格などで条件を絞って検索出来たら、お客様も早く求める商品に辿り着けるに違いありません。せっかく楽天市場のたくさんのお店の中から選ばれて来てもらえたのに、「探すの疲れちゃった、もういいや」って離脱（そのページから離れること）されるなんて勿体なさすぎます。すぐに、楽に、目的の商品を見つけてもらいたいですよね。楽天市場出店者様必見！今回も画像たっぷりで分かりやすく解説します！よく分からなくても、解説読まずにコピペでOK！フォームは楽天RMS内でもGOLDのhtmlファイル内でも設置出来ます。 🙂　また、パソコン・スマホ両方で使えます。最終どんな検索窓が出来るのか？まず出来上がり見本htmlをコピペするでは早速！下記htmlを検索窓を置きたいところにコピペしてください。＊2行目のhttps:の後のスペースは詰めてください。<div　class="search02"><form method="get" action="https:　//esearch.rakuten.co.jp/rms/sd/esearch/vc" accept-charset="euc-jp"><input value="6" type="hidden" name="sv"><input value="★ショップの数字★" type="hidden" name="sid"><input value="★ショップID★" type="hidden" name="su"><input value="★ショップ名★" type="h

2023年下半期よりindex_sp.htmlが表示されなくなるという情報をサイトで拝見しました。【参考サイト】https:／／gk-post.com/10742#GOLDですが、名前を変えればindex_sp.htmlはそのまま使えるようですので早速一緒にやっていきましょう♪index_sp.htmlを引き続き使うために！まず、index_sp.htmlを別の名前に変えます。アンダーバーをハイフンにして、index-sp.htmlとかでもいいんじゃないかな？と思います、多分。そしてそれをGOLDサーバーに入れます。次にそのページへのリンクを貼ります。▼バナーでは無く文字のパターン<a href="〜 ここにはリンク先のURLを入れる 〜">新スマホページはこちら</a>もしもindex-sp.htmlという名前でGOLDサーバー一番上の階層（フォルダに属さないところ）に入れたら、リンク先のURLは下記のようになります。https:の後のスラッシュ2つは半角にしてください。https:／／www.rakuten.ne.jp/gold/ショップID/index-sp.html「新スマホトップページはこちら」とか「特集ページはこちら」とか表示させる文字はお好きに変更してみてください。▼画像にリンクをつけるパターン（バナー）もしRMS上でこんなふうに入力出来るところがあったら、画像のURLとリンク先URLを入れましょう。バナー画像自体を入れておくところはGOLDでもR-CabinetでもOK。altは画像が表示されなかった時に出る文字。画像がなくてもわかる文字

楽天市場に出店したら自動的についてくる楽天GOLDサーバー。料金にも含まれているんだから、せっかくなら使いこなしたいですよね。（申込は必要）使い方ですが、FFFTP（エフエフエフティーピー）とかFileZilla（ファイルジラ）というFTPクライアント？ソフト？なるものを使いますので、パソコンにダウンロードしておきます。以下FileZillaで説明していきますね。FileZillaを開くと、下記のような画面が出てきます。左下に自分のパソコンの中身が表示されて、繋いだら、右下にサーバー内の中身が表示されます。使ったことがなくて、初めて接続したら、真っ白なはずです。自分は接続したことないけど、賑わいシステムなどでGOLDを使ってるという方はここで見られるかと思います。では早速接続してみましょう！上の方にある、ホスト・ユーザー名・パスワード・ポートを埋めて、クイック接続を押します。ホスト：ftp.rakuten.ne.jpユーザー名：ショップIDパスワード：自分で決めたものポート：16910ホストとポートは全ショップ共通になります。クイック接続ボタンを押して、接続できたら、画面上部にあるメニューバーから、ファイル→「現在の接続をサイトマネージャーにコピー」と進んで、サイトマネージャーに登録しておくと、次回から毎回ホストやユーザー名を入れなくてすみます。（パスワード変更したら、こちらも忘れず変更してくださいね！）ファイルもフォルダに分けて整理しておくのがおすすめです。例えば、、、css関係はcssフォルダ。画像はimgフォルダへ。スマホページ関係はsp, smp, smartなどと名前

楽天RMSがCSSでいっぱいになってしまった！入力文字数が足りなくなってきそうだ！誤って触ってしまわないか心配だ！そんなときは思い切って（？）、GOLDに入れてしまうのもアリかと思います。ただ修正するときはGOLDにアクセスしなければいけないので、あまりいじらないものはGOLDに入れておくというのもいいかもしれません。やり方としては、<style>と</style>の間にあるコードをコピペして、.cssという拡張子で保存します。例えば、以前のブログの例で言うと、下記のようになります。(a)charset "UTF-8";.newyear2023 {border: 5px solid #000;text-align: center;padding: 10px;}.red {color: red;}このとき、1行目に、(a)charset "UTF-8";↑(a)のところはアットマークにしてください。と書いておくと、font-familyとかの日本語が文字化けしません。そしてこれを例えば、rms-style.cssという名前で保存して、GOLDにcssというフォルダーを作って、その中に入れたとします。そしたらこのCSSのURLは、https://　www.rakuten.ne.jp/gold/ ショップID /css/rms-style.css↑ブログで禁止ワードに引っかからないようにスペースを空けています。。。となります。そしてこのCSSをRMSで呼び出したい場合は、下記のようなコードを、ヘッダーコンテンツやフッターコンテンツなどに書けばOK。<li

楽天市場に出店すると、楽天GOLDサーバーが無料で付いてきます。楽天GOLDとは倉庫のようなもので、画像とか、イチから作ったページとか入れておきます。トップページとか特集ページとかを自由なレイアウトで作って、よりお客様に商品の魅力を伝えたいですよね。使用するためには申し込みが必要なので早速一緒にやっていきましょう！RMSからGOLDサーバーを申し込む！1. RMSにログインしたら、[店舗様向け情報・サービス] → [２ オプション機能利用申込・解約]2. 楽天GOLD欄の[申込]をクリックして申請しますGOLDのページとは？RMSとの違いRMSでは制限があってできなかったことがGOLDでは出来るようになったりします。たとえばRMSでJavaScriptが書けないので動きのあるサイトが作りづらかったりします。ですがRMSの方が、更新や管理が楽なこともあるでしょうし、必ずしもGOLDを使わなくてはいけないというわけではないので、使いやすい方、楽な方で使い分けたらいいと思います。▼そのページがGOLDにあるのかはURLを見ればわかります。GOLDの活用例GOLDの活用法はページ作成だけにとどまりません。賑わいシステムに使うこともあるかもしれませんし、ページの装飾のCSSファイルや画像を入れたっていいんです。RMS内がCSSの記述だらけでどこに何が書いてあるかわかりづらくなっていたりしませんか？CSS（ページの装飾）ファイルをGOLDに入れてRMSで読み込ませれば、記述は1行ですみます。滅多にいじらないところはGOLDに、よく修正するところはRMSに書くというやり方もありです。GOLD

以前、FileZilla（ファイルジラ）を使用してGOLDサーバーにアクセスするやり方を解説しました。今回は、FFFTP（エフエフエフティーピー）というFTPソフトを使用するやり方を画像たっぷりでご説明していきます。最後にアップしたものを確認する方法もお伝えします！FFFTPをダウンロードする下記サイトよりFFFTPをダウンロードしておきましょう。（https:の後のスラッシュは半角）▼「FFFTP」定番FTPクライアントソフト – 窓の杜https:／／forest.watch.impress.co.jp/library/software/ffftp/FFFTPを開いたら、今後のために設定しておくと便利です。1. [接続]→[ホストの設定]2. [新規ホスト]をクリック3. 基本タブ内の、ホストの設定名、ホスト名(アドレス)、ユーザー名、パスワードを入力【ホストの設定名】 自分がわかりやすい名前なんでもOK【ホスト名(アドレス)】 ftp.rakuten.ne.jp ←全店共通【ユーザー名】 ショップID　←店舗URLのrakuten.co.jp/の後のアルファベット【パスワード】　　←90日ごとに要変更4. 拡張タブ内の、ポート番号に16910と入力【ポート番号】 16910 ←全店共通GOLDサーバーに何かアップしてみよう！設定が終わって接続すると、下記のような画面になるかと思います。右側の紫で囲った部分がGOLD内です。左側は自分のパソコン内です。右側紫の枠の中に、ドラッグ＆ドロップでお手元の画像とか何か入れてみましょう。ブラウザーで表示を確認してみよう！例えばtest