※無料テンプレート(バージョン1.2)をGOLDサーバに設置後、
パスワードを求められる場合は、各htmlの中の 全てのURL を修正して下さい。
▼修正部分▼
<title>トップページ | 楽天テンプレート</title>
<meta name=”description” content=”トップページの説明文を記入する”/>
<meta name=”keywords” content=”メインキーワード,サブキーワード,店舗名,楽天,楽天市場”>
<meta name=”viewport” content=”width=device-width, initial-scale=1.0″>
<base href=”/” /> ←この base の部分を修正し、以下のhtmlのURLも全て修正して下さい。
<link href=”/images/favicon.ico” type=”image/vnd.microsoft.icon” rel=”shortcut icon” />
………
……
…
ご迷惑をおかけして申し訳ありません。
今後とも宜しくお願い致します。
UP楽天Gold デザイン テンプレート とは?
楽天市場では「RMS」に加え「gold」と言うサーバーエリアを使用する事ができます。
サーバーエリアゆえに、RMSで出来る簡易的な操作ではなく、html等を一から構築しなければなりません。
そこで弊社で開発したものが「UP楽天gold テンプレート無料版」です。
このテンプレートは、楽天gold エリアにデータを放り込むだけで見た目が整います。
また内部の調整も、URLと店名に変えるだけである程度までが作り込まれている仕様となっています。
レスポンシブ仕様となっていますので、スマートフォンページを作成する事はありません。
このテンプレートは無料でご利用いただけます。
ダウンロード先は→「こちら」から。
楽天gold デザイン テンプレート 無料版 の設定
楽天gold テンプレート無料版を、本ストア、商品ページからダウンロード後、
FTPソフトを使用して自店舗の楽天gold サーバーに「楽天gold テンプレート」をアップしましょう。
1.FTPソフトのダウンロード
FTPソフトとは、File Transfer Protocol(ファイル・トランスファ・プロトコル)の略で、「サーバー(楽天サーバー)」と「クライアント(PC)」という2台のコンピュータ間で、ファイルを転送する為のプロトコル(通信上の決まりごとの一つ)を利用し、Webサイトからデータをダウンロードまたはアップロードする際に使われるシステムです。
このFTPソフトを使用し、自身のPCと楽天サーバーを繋がなければなりません。
FTPの設定はWindowsでもMacでも変わりません。
2.FTPソフトの設定
- ホスト名:ftp.rakuten.ne.jp
- ポート:16910
- ユーザー名:店舗名(URL記載のもの)
- パスワード:任意
の4つとなります。(※ソフトによっては表示が少し違う場合があります)
FTPソフトのインストールが終わり、上記設定を行うと下図の様な表示になります。
左側が自身のPCになり、右側は楽天サーバーになります。
この右側に楽天gold テンプレート無料版のデータを全てアップします。
3.ファイルをアップロードする
下記一覧がアップロードするファイルのデータ全てになります。
- index.html(トップページ)
- company-profile.html(会社概要ページ)
- privacy-policy.html(プライバシーポリシーページ)
- specified-commercial-transaction-law.html(特定商取引法ページ)
- questions-and-answers.html(Q&Aページ)
- shopping-guide.html(お買い物ガイドページ)
- item-size.html(アイテムサイズページ)
- event.html(イベントページ)
- evidence.html(エビデンスページ)
- js フォルダ(設定フォルダ)
- images フォルダ(画像フォルダ)
- css フォルダ(デザイン設定フォルダ)
全てのデータを右側のエリアにアップロードし、ご自身の楽天GoldページのURLを見てみましょう。
URL:http://www.rakuten.ne.jp/gold/店舗名/
テンプレートをアップした状態では、表示が一旦崩れています。
htmlデータの中の表示を一度修正しましょう。
4.楽天 gold デザイン テンプレート 無料版のhtmlデータ修正
各htmlデータのヘッダーエリアの記載を修正しましょう。
赤色の部分を自店舗用に書き換えましょう。
修正する前
<title>トップページ | 楽天テンプレート</title>
<meta name=”description” content=”80文字程度の説明文“/>
<meta name=”keywords” content=”5つくらいのキーワード“>
<meta name=”viewport” content=”width=device-width, initial-scale=1.0″>
<base href =”https://ecmedia-lab.com/” />
<link href=”https://ecmedia-lab.com/images/favicon.ico” type=”image/vnd.microsoft.icon” rel=”shortcut icon” />
修正した例
<title>トップページ | サンプルショップ 楽天市場店</title>
<meta name=”description” content=”サンプルショップ 楽天市場店です。皆様の必要な商品を取り揃えております。“/>
<meta name=”keywords” content=”サンプル,ショップ,サンプルショップ,楽天,楽天市場“>
<meta name=”viewport” content=”width=device-width, initial-scale=1.0″>
<base href =”http://www.rakuten.ne.jp/gold/店舗名/” />
<link href=”http://www.rakuten.ne.jp/gold/店舗名/images/favicon.ico” type=”image/vnd.microsoft.icon” rel=”shortcut icon” />
その他のhtml修正
また、各ページの中には「URLリンク先」や「テキスト」「店舗概要」などを修正しましょう。
【アンカーティストリンクの例】
<a href=”https://ecmedia-lab.com/shopping-guide.html”>
↓↓↓↓
<a href=”http://www.rakuten.ne.jp/gold/店舗名/shopping-guide.html”>
(※絶対パス(URL全てを記載)で設置しましょう。楽天市場ではRMSとGoldでURLが違います)
【イメージ画像リンクの例】
<img src=”images/logo.png” alt=””>
↓↓↓↓
<img src=”images/logo.png” alt=””>
(※相対パス(省略されたURL)で設置している場合は、自店舗の楽天サーバーimageフォルダが接続されます)
htmlデータの修正が終わりましたら「完了」です。
間違いが無いか再度確認をしておきましょう。
楽天 gold デザイン テンプレート 無料版の全データの再確認
- index.html(トップページ)
- company-profile.html(会社概要ページ)
- privacy-policy.html(プライバシーポリシーページ)
- specified-commercial-transaction-law.html(特定商取引法ページ)
- questions-and-answers.html(Q&Aページ)
- shopping-guide.html(お買い物ガイドページ)
- item-size.html(アイテムサイズページ)
- event.html(イベントページ)
- evidence.html(エビデンスページ)
- js フォルダ(設定フォルダ)
- images フォルダ(画像フォルダ)
- css フォルダ(デザイン設定フォルダ)
確認後、問題が無ければこれで「楽天gold テンプレート無料版」の設定が完了です。
UP楽天 ゴールド テンプレートの改良版が販売されました!(ヤフートリプルにも使えます!)
【ブロック要素】で構成されている為『ヘッダー・レフトナビ・フッター』の共通部分が簡素化されています!全てのページを変えずとも『ヘッダー』1つ、『レフトナビ』1つ、『フッター』1つを変えるだけで全てのページが共通データとして変更されます。
※またこのテンプレートは「ヤフートリプル」にも対応しています。一つのテンプレートで【楽天市場】【ヤフーショッピング】に設定できる優れものです!!