サイドバーにリンクを設置する







サイドバーフリーエリア機能でもできます

こちらのページでご案内する方法は、サイドバーへ“簡単に”リンクを設置する方法です。
自由にHTMLを記述できるサイドバー用フリーエリア機能を使えば、同様のことができるだけでなく、
リンク文字の色や大きさを変えたりバナーにマウスを載せると画像が変わるなどのカスタマイズが可能です。

自由にカスタマイズをしたい場合は、サイドバー用フリーエリアを活用してください。

1 リンクを設定する

「リンクの設定」機能と、「リンク集の更新」機能をご案内しますので、必要に応じていずれか、もしくは両方をご利用ください。
リンクの設定:5つのリンクを作成でき、それぞれをサイドバーの各所へバラバラにレイアウトできる。テキストの代わりにバナー画像も可。
リンク集の更新:1か所にまとめて表示し、リンクはテキストのみ。リンク集に見出しをつけられる。

「リンクの設定」機能でリンクを作成する

■情報を入力します

  1. リンクを貼るテキスト(文字列)を入力します。
    画像リンクにした場合は、画像のALT属性(代替テキスト)に反映されます。
  2. リンク先のURLを入力します。
    「商品ページURL挿入」をクリックすると、別ウィンドウで登録済み商品の一覧画面が開くので、選択すると商品ページのURLを挿入できます。
  3. 「同ウィンドウ」は、現在のウィンドウのままリンク先へ遷移します。
    「別ウィンドウ」を選択すると、新たに別のウィンドウを開いて、リンク先を表示します。
  4. 「画像挿入」をクリックすると、画像選択画面が表示されるので、リンクを設定する画像を選択します。
    「画像削除」は選択した画像を削除する時に使います。

■設定を保存します

ページの最下部へスクロールし、「設定を保存する」をクリックして、入力した情報を保存します。

「リンク集の更新」機能でリンクを作成する

■情報を入力します

  1. リンク集がどういった内容のものであるかを表す見出しを入力します。
  2. リンクを貼るテキスト(文字列)を入力します。
  3. リンク先となるURLを入力します。
  4. 「同ウィンドウ」は、現在のウィンドウのままリンク先へ遷移します。
    「別ウィンドウ」を選択すると、新たに別のウィンドウを開いて、リンク先を表示します。
  5. 「リンクリストに追加」をクリックすると、下のリンクリストに入力した内容が表示されます。
②~⑤の操作を繰り返し、リンクリストを作成していきます。

■リンクリストを調整します

  1. 「上へ」「下へ」をクリックし、リンクの並び順を調整します。
  2. リンク情報を変更したい場合は、リンク情報を書き換えた上で、その右側にそれぞれある「変更」をクリックします。
    また、リンク情報を削除したい場合は、同じく「リストから削除」をクリックします。

■設定を保存します

「見出し」欄の下にある「設定を保存する」をクリックして、入力した情報を保存します。

2 リンクの表示設定とレイアウトを調整する

■サイドバーへの表示を設定します

「表示コンテンツ設定」の「リンクの設定」や「リンク集の更新」のところまで移動します。
  1. お店ページのサイドバーに表示させたいコンテンツを「表示」に切り替えます。
  2. お店ページの左側、右側のどちらに表示させるか選びます。
    カスタムテンプレートの場合は、左側のみ選択できます。
  3. 「↓表示レイアウト設定へ反映」をクリックすると、下の「表示レイアウト設定」に反映します。

■表示させる位置を決めます

「表示レイアウト設定」に反映した項目の位置を変更します。
  1. 表示位置を変更したい項目をクリックし、色を反転させます。
  2. 反転した項目を「上へ」「下へ」をクリックし移動させます。
  3. 表示位置が確定したら、「設定を保存する」をクリックします

■お店ページを更新します

  1. 管理画面の左上「お店ページの更新へ」をクリックします。
  2. 「注意事項に同意する」にチェックを入れます。
  3. 「編集中のテーマでお店を更新」をクリックします。
  4. 更新が完了したら、お店ページを確認します。


ベーシックテンプレートをご利用の場合は「更新を開始」をクリックします。


カスタムテンプレートをご利用の場合は、デザイン設定の左メニュー「テーマの選択」から「ヘッダとSEOの設定」までは、画面下部の「編集中のテーマでお店を更新」でお店ページに反映します。

編集中のテーマでお店を更新
テンプレートの切り替えや、HTMLやCSSのカスタマイズしたデザイン設定をお店ページに反映する時に利用します。「利用中のテーマ」から「編集中のテーマ」に切り替えて更新するため、注意事項に同意してから更新する必要があります。

利用中のテーマでお店を更新
トップページのお知らせの更新、フリーエリア、サイドバーの表示、商品カテゴリ表示などの反映ができます。また、お店運営中にカスタマイズしている「編集中のテーマ」があっても「利用中のテーマ」のまま、お店ページの更新をする際に利用します。


お店ページを更新しても反映されない場合の対処方法

  • キーボードの「Ctrl」+「F5」キーを押して最新の状態を読み込みます。
  • 画面上部の「利用中のテーマでお店を更新」をクリックしていないか、ボタンの下に表示される「最終更新日時」で確認します。