メインコンテンツにスキップ

サイドバーセクションの編集

セクションをサイドバーレイアウトにグループ化して、ページに異なる視覚的な構造とコンテンツ配置を作成できます。

サイドバーセクションの編集

セクションをサイドバーレイアウトにグループ化して、ページに異なる視覚的な構造とコンテンツ配置を作成できます。
​

サイドバーセクションでは、他のセクションをサイドバーレイアウトにグループ化できます。これによりコンテンツに異なる視覚的な構造を作成できます。
​

サイドバーセクションでできること

ページにサイドバーレイアウトを作成できます。
​

セクションを目立つエリアにグループ化できます。
​

標準のフル幅レイアウトからページ構造を変更できます。
​

関連コンテンツをサイドバー形式で整理できます。
​

サイドバーセクションを追加する

  1. メインナビゲーションのウェブサイトに移動します

  2. セクションを追加をクリックします

  3. リストからサイドバーを選択します

  4. 変更を保存をクリックします

サイドバーの仕組み

サイドバーセクションはコンテナです。サイドバーコンテンツを作成するために他のセクションを中に追加します。
​

正確な動作はテーマによって異なりますが、一般的には次のようになります。
​

メインコンテンツは大きいエリアに流れます。
​

サイドバーコンテンツはメインコンテンツの隣または周囲の狭い列に表示されます。
​

サイドバー内のセクションはフル幅のセクションとは異なる表示になります。
​

サイドバーに入れるもの

一般的なサイドバーコンテンツは次のとおりです。
​

クイックリンク
​ 連絡先情報
​ 重要な日付
​ 一目でわかる詳細
​ ナビゲーション
​ ハイライト
​

サイドバーはメインページコンテンツを補完するサポートコンテンツと考えてください。
​

サイドバーにセクションを追加する

サイドバーセクションを作成した後は次のとおりです。
​

  1. 通常通り新しいセクションを追加します

  2. 一部のテーマではセクションをサイドバーに特定的に割り当てられます

  3. またはサイドバーの直後のセクションが自動的にサイドバーに流れ込む場合もあります

これはテーマのデザインによります。テーマがサイドバーをどのように処理するか試してみてください。
​

サイドバーを使うヒント

シンプルに保ちましょう。 サイドバーは長い段落よりも簡潔なコンテンツで最適に機能します。
​

ナビゲーションに使いましょう。 他のページへのリンクリストやクイックアクセス。
​

重要な情報を強調しましょう。 一目でわかる日付、時間、場所。
​

詰め込みすぎないようにしましょう。 サイドバーに多すぎると圧倒されます。
​

モバイルでテストしましょう。 サイドバーはスマートフォンで縦に積み重なることがよくあります。それでも見栄えが良いか確認しましょう。
​

サイドバーを使うタイミング

長いページ。 サイドバーは多くの情報を含むページでコンテンツを整理するのに役立ちます。
​

情報が多いサイト。 共有する詳細が多い場合。
​

複数セクションのページ。 コンテンツタイプ間に視覚的な区別を作ります。
​

代替レイアウト。 標準のフル幅の見た目とは異なるものが欲しいとき。
​

既存のサイドバーを編集する

  1. メインナビゲーションのウェブサイトに移動します

  2. サイドバーセクションをクリックします

  3. 変更を加えます(サイドバー自体には多くの編集可能なフィールドはありません)

  4. 変更を保存をクリックします

ほとんどの作業はサイドバー自体ではなく、サイドバーに追加したり周りに配置したりするセクションで行います。
​

サイドバーを削除する

サイドバーセクションを完全に削除するには次のとおりです。
​

  1. サイドバー内のセクションを削除または移動します

  2. サイドバーセクション自体を削除します

詳細はセクションの削除に関する記事をご覧ください。
​

テーマの互換性

すべてのテーマが同じ方法でサイドバーをサポートしているわけではありません。一部のテーマは次のとおりです。
​

専用のサイドバーエリアがある。 セクションをサイドバーに特定的に割り当てます。
​

自動的にサイドバーを作成する。 セクションタイプや順序に基づいて。
​

サイドバーをサポートしない。 サイドバーセクションは特別なことをしない場合があります。
​

テーマのドキュメントを確認するか、試してみて、サイドバーがテーマとどのように連携するかを確認しましょう。
​

サイドバーセクションのカスタマイズ

次のカスタマイズも可能です。
​

上下の余白: サイドバーエリア周りのパディングを調整します。
​

カラー: サイドバーの背景やスタイリング。
​

プライバシー: サイドバーを全員に表示するか、特定のゲストのみに表示するかを設定します。
​

ページの割り当て: サイドバーを表示するページ。
​

これらのオプションはセクションエディタにあります。
​

サイドバーは、ウェディングウェブサイトにレイアウトの柔軟性を追加します。標準のレイアウトが合わないときにより興味深いページ構造を作成するためにぜひご活用ください。
​

関連記事

こちらの回答で解決しましたか?