サイドバーにリンクを設置する サイドバーフリーエリア機能でもできます

サイドバーにリンクを設置する
<目次>
1 リンクを設定する ・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・ 2
「リンクの設定」機能でリンクを作成する
「リンク集の更新」機能でリンクを作成する
2 リンクの表示設定とレイアウトを調整する
・・・・・・・・・・・・・・・・・・・・・・・・・・・・ 3
サイドバーフリーエリア機能でもできます
こちらのページでご案内する方法は、サイドバーへ“簡単に”リンクを設置する方法です。
自由に html を記述できるサイドバー用フリーエリア機能を使えば、同様のことができるだけでなく、
リンク文字の色や大きさを変えたりバナーにマウスを載せると画像が変わるなどと言った、より複雑なカスタマイズを自由にできます。
自由にカスタマイズをしたい場合は、サイドバー用フリーエリアを活用してください。
1/5
1 リンクを設定する
「リンクの設定」機能と、「リンク集の更新」機能をご案内しますので、必要に応じていずれか、もしくは両方をご利用ください。
リンクの設定 : 5つのリンクを作成でき、それぞれをサイドバーの各所へバラバラにレイアウトできる。テキストの代わりにバナー画像も可。
リンク集の更新 : 1カ所にまとめて表示し、リンクはテキストのみ。リンク集に見出しをつけられる。
「リンクの設定」機能でリンクを作成する
■情報を入力します
① リンクを貼るテキスト(文字列)を入力します。
画像リンクにした場合は、画像の代替テキストになります。
② リンク先となるURLを入力します。
「商品ページ URL 挿入」ボタンを押すと、別ウィンドウで登録済み商品
の一覧画面が開くので、選択すると商品ページのURLを挿入できま
す。
③ 「同ウィンドウ」は、現在のウィンドウのままリンク先へ遷移します。
「別ウィンドウ」を選択すると、新たに別のウィンドウを開いて、リンク
先を表示します。
④ 「画像挿入」ボタンをクリックすると、画像選択画面が表示されるの
で、リンクを設定する画像を選択します。
「画像削除」は選択した画像を削除する時に使います。
■設定を保存します
ページの最下部へスクロールし、「設定を保存する」ボタンをクリックして、
入力した情報を保存します。
2/5
「リンク集の更新」機能でリンクを作成する
■情報を入力します
① リンク集がどういった内容のものであるかを表す見出しを入力しま
す。
② リンクを貼るテキスト(文字列)を入力します。
③ リンク先となるURLを入力します。
④ 「同ウィンドウ」は、現在のウィンドウのままリンク先へ遷移します。
「別ウィンドウ」を選択すると、新たに別のウィンドウを開いて、リンク
先を表示します。
⑤ 「リンクリストに追加」ボタンをクリックすると、下のリンクリストに入力
した内容が表示されます。
②~⑤の操作を繰り返し、リンクリストを作成していきます。
■リンクリストを調整します
① 「上へ」「下へ」ボタンをクリックし、リンクの並び順を調整します。
② リンク情報を変更したい場合は、リンク情報を書き換えた上で、その右
側にそれぞれある「変更」ボタンをクリックします。
また、リンク情報を削除したい場合は、同じく「リストから削除」ボタンを
クリックします。
■設定を保存します
「見出し」欄の下にある「設定を保存する」ボタンをクリックして、入力した情
報を保存します。
3/5
2 リンクの表示設定とレイアウトを調整する
■サイドバーへの表示を設定します
「表示コンテンツ設定」の「リンクの設定」や「リンク集の更新」のところまで
移動します。
① お店ページのサイドバーに表示させたいコンテンツを「表示」に切り
替えます。
② お店ページの左側、右側のどちらに表示させるか選びます。
カスタムテンプレートの場合は、左側のみ選択できます。
③ 「↓表示レイアウト設定へ反映」をクリックすると、下の「表示レイアウ
ト設定」に反映します。
4/5
■表示させる位置を決めます
「表示レイアウト設定」に反映した項目の位置を「上」「下」ボタンで移動しま
す。
① 表示位置を変更したい項目をクリックし、色を反転させます。
② 反転した項目を「上下」ボタンで、移動させます。
③ 表示位置が確定したら、「設定を保存する」をクリックします
設定を保存する前に表示位置を確認したい場合、「プレビュー」をクリック
すると、お店ページへの表示位置を確認できます。
この作業は省略しても問題ありません。
■お店ページを更新します
① 左メニューの「お店ページを更新する」をクリックします。
② 「編集中のテーマでお店ページを更新する」ボタンをクリックします。
ベーシックテンプレートの場合は「更新を開始する」ボタンが表示され
ているので、そちらをクリックします。
カスタムテンプレートをご利用の場合、デザイン設定の左メニュー「テー
マの選択」から「ヘッダとSEOの設定」までのいずれかで設定を変更する
と、「編集中のテーマでお店ページを更新する」ボタンが表示されます。
編集中のテーマでお店ページを更新する
テンプレートの切り替えやお店ページ全体のデザイン変更など、利用中
のテーマから編集中のテーマに切り替えてお店ページを更新する場合に
利用します。
利用中のテーマでお店ページを更新する
お知らせやフリーエリア、フリーページの更新など、利用中のテーマのま
まお店ページを更新する場合に利用します。
5/5