一部のバージョン7.0テンプレートで、サイドバーを編集、スタイル設定、および非表示にします。

バージョン7.0の一部のテンプレートでは、レイアウトの一部としてコンテンツ サイドバーが表示されます。これらは、テキスト、画像、リンクなどを追加できる編集可能なエリアです。テンプレートによっては、ブログ ページなどの特定のコレクション ページにしか表示されない場合や、サイト全体に表示される場合があります。

一部のテンプレートでは、ナビゲーション リンクがサイトの上部ではなくサイドバーに表示されます。

このガイドでは、コンテンツのサイドバーにブロックを追加する方法と、サイドバーを提供するテンプレートについて説明します。

サイドバーは、バージョン7.0でのみ使用できます。

始める前に

• サイドバーのコンテンツはテンプレート間で転送されません。詳細については、「テンプレートを切り替える」を参照してください。
• ほとんどのテンプレートでは、モバイル端末で表示すると、コンテンツ サイドバーがページの下部に表示されます。Ishimotoでは、サイドバーはモバイル端末に表示されません。詳しくは、「サイトはモバイル端末でどのように表示されますか？」をご覧ください。
• フォント、色、その他のサイドバーのスタイルをサイト スタイルで変更します。

サイドバー エディターを開く

コンテンツのサイドバーを編集するには、サイト上でサイドバーが表示されるページを開きます。サイドバーにカーソルを合わせ、注釈の [編集] をクリックします。

画面が小さい場合、サイドバーがページの下部に表示される場合があります。編集する前に、コンテンツ エリアにカーソルを合わせて、注釈に [サイドバー] というラベルが付いていることを確認します。

ブロックにコンテンツを追加する

挿入箇所をクリックし、メニューからブロックを選択してサイドバーに追加します。サイドバーに最適なブロックの1つはアーカイブ ブロックです。これを使用すると、日付、カテゴリー、タグ、または投稿者別にテキストのみのコンテンツ リストを作成できます。

サイドバーの一般的なブロックには、次のようなものがあります。

• アーカイブ ブロック - コンテンツ リンクの整理されたリストを追加します。
• テキスト ブロック - カスタム テキストを追加します。
• ニュースレター ブロック - ニュースレターの読者登録フォームを追加します。
• タグ クラウド ブロック - タグのグラフィック クラウドを追加します。
• 線ブロック - ブロック間に仕切りを追加します。

必要なコンテンツをすべてサイドバーに追加するまで、ブロックを追加します。

レイアウトを作成する

サイドバーの幅を保つため、コンテンツ ブロックは互いの上に積み重ねる以外にできません。サイドバーのコンテンツの順序を変更するには、ブロックをクリックしてドラッグします。詳細については、「ブロックを移動する」をご覧ください。

[保存] をクリックして変更した内容を公開します。テンプレートに応じて、ページのサイドバーのブロックは次のように表示されます。

テンプレート別のコンテンツ サイドバー オプション

サイト スタイルでサイドバーの表示を変更するには、まずサイドバーを表示するページに移動し、次に [デザイン] パネルに移動します。そうすると、関連する微調整オプションが表示されます。

これらのテンプレート ファミリーのコンテンツ サイドバーを編集する方法は次の通りです。

ナビゲーション サイドバー

これらのテンプレート ファミリーはサイドバーのナビゲーションをサポートしています。詳細については、以下のリンクをクリックしてください。

• Aviator - オフセットまたは名刺レイアウトにすると、サイト全体のサイドバー ナビゲーションが作成されます。
• Bedford - ドロップダウンのページとインデックス ページにサイドバー ナビゲーションが表示されます。
• Five - [上部ナビゲーション位置: なし] を選択すると、ナビゲーション リンクがコンテンツ サイドバーに移動します。
• Supply - サイト全体のナビゲーション サイドバーが作成されます。
• Wells - 編集可能なコンテンツ エリアを備えたサイトのナビゲーション サイドバーが作成されます。

ナビゲーション サイドバーの表示内容を変更する方法は以下の通りです。

• [ページ] パネルでリンクを追加して再配置します。
• サイトのタイトル、ロゴ、タグラインがサイドバー ナビゲーションに表示される場合は、[ロゴおよびタイトル] パネルで調整します。

バージョン7.1では、商品カテゴリーのナビゲーションをページの上部またはサイドバーに表示できます。詳しくは、「ストア ページのスタイル設定」をご覧ください。