SharePoint のモダンページにセクションと列を追加する

SharePoint のモダンページにセクションと列を追加する

SharePoint のモダンページに列を追加して、魅力的で整理されたレイアウトを作成します。 コンテンツを並べて表示するには、各セクションに最大3つの列を追加することができます。 コミュニケーションサイトの一部であるページで作業している場合は、完全な幅の列を追加して、ページ全体 (その端を含む) にまたがる列を作成することができます。 複数のセクションを積み重ねて、さまざまな列の数を作成することもできます。 また、クイックリンク、連絡先、天気予報、カウントダウンタイマーなどを表示するのに最適な垂直断面を右側に追加することもできます。

次の例では、左側に 3 1 列セクション、右側に垂直セクションがあります。

垂直セクションを含むセクションで構成されるページ

注: 一部の機能は、対象指定リリース プログラム に参加している組織に段階的に導入されます。 つまり、この機能はまだ表示されない場合があります。または、このヘルプ記事で説明されている機能とは異なって見える場合があります。

ページに列を含むセクションを追加する

  1. 列を追加するページに移動します。

  2. まだ編集モードになっていない場合は、ページの右上にある [編集] をクリックします。

  3. ページのタイトル領域の下、または既存の web パーツの上または下のマウスをページの左端に移動します。このように、[ 新しいセクションの追加]というツールヒントを使用して、丸で囲まれた+と線が表示されます。

    Web パーツの下にマウスポインターを置くと、[新しいセクションの追加] ボタンが表示される

  4. [ [+ セクションの追加] ボタンを選択して新しいセクションを追加する ] をクリックします。

  5. [セクションレイアウト] で、必要な列数を選びます。または、コミュニケーションサイトの一部であるページを使用している場合は、ページ全体 (端を含む) に合わせて全角列を選ぶことができます。

    セクションのレイアウト

注: フル幅の列は、チームサイトに含まれているページでは使用できません。 この機能は、コミュニケーションサイトの一部であるページでのみ利用できます。

縦方向セクションを追加する

  1. 縦方向セクションを追加するページに移動します。

  2. まだ編集モードになっていない場合は、ページの右上にある [編集] をクリックします。

  3. ページのタイトル領域の下、または既存の web パーツの上または下のマウスをページの左端に移動します。次のように、[新しいセクションの追加]というツールヒントを含む線が表示されます。

    Web パーツの下にマウスポインターを置くと、[新しいセクションの追加] ボタンが表示される

  4. [ [+ セクションの追加] ボタンを選択して新しいセクションを追加する ] をクリックします。

  5. [セクションレイアウト] で、[縦方向のセクション] を選択します。

    セクションレイアウトウィンドウの縦方向セクション

注: 

  • 縦方向セクションは、現在、ページの右側でのみ使用できます。

  • 縦方向セクションの長さは、ページ上のコンテンツに基づいて調整され、縦でないセクション内のコンテンツの長さに応じて拡大または縮小されます。

  • 同じページに全角列と縦方向セクションを使用することはできません。

  • 狭いブラウザーウィンドウでは、縦方向セクションがページの下部に移動されます。 縦方向セクションは、ウィンドウの幅を広げるときに、ページの右側に戻ります。 これは、画面の幅が1024ピクセルより小さい場合にも発生することがあります。 [倍率とレイアウト] で、表示設定を調整してみてください。 たとえば、[テキスト、アプリ、その他の項目のサイズを変更する] の下のドロップダウンで、125% 以下の値を選びます。

既存のセクションを変更する

注: 2つ以上の列にコンテンツがあるときに、列の数を減らすと、一番右の列のコンテンツが左側の次の列に移動します。 1つの列に縮小した場合、2列目または3列目のコンテンツは最初の列の一番下に移動します。

  1. セクションを変更するページに移動します。

  2. まだ編集モードになっていない場合は、ページの右上にある [編集] をクリックします。

  3. ページの各セクションには点線のマークが付いています。 列を追加するセクションを選択し、ページの左側にある [セクションの編集] をクリックします。

    セクションの編集を開始するには、[セクションの編集] ボタンをクリックします。

  4. 右側のセクションツールボックスで、必要な列の数と種類を選びます。セクションを目立たせる場合や、ページの見栄えを良くする場合は、セクションの背景色を選びます。 使用可能な色は、サイトのテーマに基づいています。

    セクションレイアウトウィンドウ

注: セクションの背景色は、次に示すテキスト web パーツのように、ほとんどの web パーツを通じて表示されます (左側)。 その他の web パーツでは、セクションではなく、ページの背景が維持されます。 アクセシビリティのため、リスト、ドキュメントライブラリ、クイックグラフ web パーツでは常にページの背景が維持されます (たとえば、下の「クイックグラフ web パーツ」など)。 最終的には [サイトアクティビティ]、[Yammer の会話]、[Yammer のハイライト]、リストのプロパティ、[ページのプロパティ]、[グループ予定表]、[Bing ニュース]、および [Microsoft Power App] の順に表示することができるのは、最終的にセクションの背景についてのことです。 最適な結果を得るには、これらの web パーツを含むセクションに対してセクションの背景色を使わないことをお勧めします。

セクションの背景に表示されたテキスト web パーツとクイックグラフ web パーツの例

列にコンテンツを追加する

  1. まだ編集モードになっていない場合は、ページの右上にある [編集] をクリックします。

  2. コンテンツを追加する列に移動します。

  3. 列の上にマウスポインターを移動し、[ 最新の Web パーツをページに追加するために使用される丸付きプラス記号 ] をクリックします。

  4. 列に追加する web パーツを選び、web パーツにコンテンツを追加します。 Web パーツの使用方法について説明します。

ヘルプを表示

Office のスキルを磨く
トレーニングの探索
新機能を最初に入手
Office Insider に参加する

この情報は役に立ちましたか?

ご意見をいただきありがとうございます。

フィードバックをお寄せいただき、ありがとうございます。Office サポートの担当者におつなぎいたします。

×