ADVERTISEMENT

【Notion】Notionページ幅が狭く表示される時のフル幅設定

【Notion】Notionページ幅が狭く表示される時のフル幅設定
🛡️ 超解決

【要点】この記事で確認すること

  • 最初に見る場所: ページ右上の「…」メニュー → 「フル幅」トグルスイッチ。ここをオンにするだけでほとんどの場合解決します。
  • 切り分けの軸: 個人設定(ユーザーごとの表示)とワークスペース全体の設定、ブラウザ版とデスクトップアプリ版、さらにデータベースビューの幅設定も確認します。
  • 注意点: 会社のテンプレートや共有ページで管理者が幅を固定している場合、個人でフル幅に変更できないことがあります。その場合は管理者に相談してください。

Notionでページを作成した際、左右に大きな余白があり、コンテンツが中央に細く表示されて見づらいと感じたことはありませんか。これはNotionのデフォルト表示が「狭幅(中央寄せ)」になっているためです。この記事では、ページ幅を画面いっぱいに広げる「フル幅設定」の方法を、原因の切り分けから具体的な手順、失敗しやすいポイントまで詳しく解説します。会社で共有しているワークスペースやデータベースページでも同様の設定が可能かどうかも併せて確認できるようにしています。

ADVERTISEMENT

フル幅設定の基本手順

まず、最もシンプルなフル幅への切り替え手順を説明します。この操作はページごとに個別に設定でき、変更は自分のアカウントにのみ反映されます(管理者による制限がない場合)。

  1. 対象のNotionページを開きます。
  2. ページ右上にある「•••」(三点リーダー)アイコンをクリックします。
  3. ドロップダウンメニューが表示されたら、「フル幅」のトグルスイッチをオン(青)にします。
  4. すぐにページの幅が画面いっぱいに広がることを確認してください。
  5. 元の狭幅に戻したい場合は、同じトグルをオフ(グレー)にします。

この設定は、ブラウザ版(Webアプリ)とデスクトップアプリ版の両方で同じ手順です。モバイルアプリでは「フル幅」設定は存在せず、画面サイズに合わせて自動で調整されます。

お探しの解決策が見つからない場合は、こちらの「Notionトラブル完全解決データベース」で他のエラー原因や解決策をチェックしてみてください。

フル幅が効かない原因と確認ポイント

「フル幅」トグルをオンにしてもページが広がらない場合、いくつかの原因が考えられます。以下のポイントを順に確認してください。

1. データベースビューの幅設定

Notionのデータベースページでは、個々のビュー(テーブル、ボード、カレンダーなど)に独立した幅設定があります。データベースを含むページのフル幅とは別に、ビュー自体の幅を「フル幅」に変更する必要がある場合があります。

  1. データベースページを開き、右上の「•••」メニューをクリックします。
  2. 「レイアウト」セクションにある「幅」オプションを確認します。
  3. 「狭い」「中程度」「広い」から選択できます。通常「広い」を選ぶと、ビュー内の列も画面幅に応じて広がります。

2. ブラウザの拡大率・スタイルシートの影響

ブラウザのズーム率が100%以外になっていると、意図した幅と異なる表示になることがあります。また、会社PCでインストールされているCSSカスタマイズ拡張機能がNotionの幅を制限している場合もあります。シークレットウィンドウや別のブラウザで開いて比較してみると原因を切り分けられます。

3. ワークスペース設定による制限

ワークスペースの管理者が「メンバーによるフル幅設定の変更を許可しない」設定にしている場合、ユーザーはトグルを操作できても実際には反映されないことがあります。この場合、管理者に設定変更を依頼する必要があります。

失敗パターンと注意点

フル幅設定を試す際に、よくある失敗や注意すべき点をいくつか紹介します。

パターン1: ページ全体ではなく一部のブロックだけ広げたい場合

フル幅設定はページ全体に適用されます。特定のテキストブロックや画像だけを広げたい場合は、該当ブロックをドラッグして幅を手動で調整するか、そのブロックだけを独立したページに切り出す必要があります。

パターン2: 共有リンクで他のユーザーにフル幅が反映されない

Notionのフル幅設定は各ユーザーのローカル設定(クライアント設定)であり、ページそのもののプロパティではありません。そのため、自分がフル幅で表示していても、他のユーザーがそのページを開くとデフォルトの狭幅で表示されます。共有ページの見え方を統一したい場合は、ワークスペース全体でデフォルト幅を変更する方法(後述)を検討してください。

パターン3: テンプレートで幅が固定されている

会社で使用しているテンプレートに、CSSや特定のレイアウト制限が埋め込まれている場合、フル幅トグルが機能しないことがあります。テンプレートを作成した管理者に確認し、テンプレート自体の幅設定を変更してもらう必要があります。

ADVERTISEMENT

管理者/共有ページでのフル幅設定の扱い

ワークスペースの管理者は、メンバーのフル幅設定を制御できるオプションを持っています。また、すべてのメンバーに一律でフル幅を適用したい場合の設定方法も説明します。

管理者向け: ワークスペース全体のデフォルト幅

管理画面(Settings & Members → Settings → Page defaults)で「Default page width」を変更できます。ここで「Full width」を選択すると、新しく作成されるすべてのページが自動的にフル幅になります。ただし、既存のページは個別に変更が必要です。

共有ページの注意点

ゲストや外部共有リンクで公開するページは、そのユーザーのローカル設定に依存します。管理者が「デフォルト幅」を設定しても、ゲストが独自にフル幅に切り替えることは可能です(制限しない限り)。機密性の高いページでレイアウトを固定したい場合は、PDF出力や埋め込みオプションを検討してください。

状況別比較表

フル幅設定の影響を、異なる状況で比較した表を以下に示します。

状況 狭幅表示 フル幅表示 備考
通常のテキストページ 中央寄せ、左右余白大 画面いっぱい トグルで即時変更可能
データベース(テーブルビュー) 列幅が狭く、横スクロールが発生しやすい 列が広がり、スクロールが減る ビュー別の「幅」設定も併用推奨
ブラウザ版(Chrome) デフォルト狭幅 フル幅可 拡張機能により制限される場合あり
デスクトップアプリ版 デフォルト狭幅 フル幅可 ブラウザ版と同一操作
モバイルアプリ版 自動調整、狭幅固定 該当設定なし 画面サイズに依存
ゲスト共有ページ ゲストのローカル設定依存 ゲストが各自で設定可 管理者は制限可能

よくある質問(FAQ)

Q: フル幅に設定しても、データベースの列幅が狭いままです。

A: データベースのビューごとに「幅」設定が独立しています。画面右上の「•••」メニューから「レイアウト」→「幅」を「広い」に変更してください。また、テーブルビューでは個々の列の幅をドラッグで調整することも可能です。

Q: モバイルアプリでもフル幅にできますか?

A: モバイルアプリには「フル幅」設定はありません。画面の幅に合わせて自動的にレイアウトが調整されるため、基本的にコンテンツは画面いっぱいに表示されます。どうしても狭く感じる場合は、端末の画面回転で横向きにするか、デスクトップ版の利用をおすすめします。

Q: フル幅にしたらページが崩れて見えます。

A: フル幅にすると、画像や埋め込みコンテンツが画面幅いっぱいに拡大されるため、元のデザインが崩れることがあります。特に、テキストの行長が長くなりすぎて読みづらくなる場合は、適度なカラム(段組み)を活用するか、画像の最大幅を設定することを検討してください。Notionでは、画像をクリックして「画像の幅」を調整することもできます。

Q: 会社のワークスペースでフル幅が使えません。

A: 管理者が「メンバーによるフル幅設定の変更を許可しない」設定にしている可能性があります。その場合は、トグル自体は表示されていても操作が無効になります。管理者に連絡して、ワークスペース設定の変更を依頼してください。管理者でないと変更できません。

Q: 一度設定したフル幅をすべてのページに一括適用できますか?

A: 現時点では、一括で全ページにフル幅を適用する機能はありません。ただし、ワークスペースのデフォルト幅を「フル幅」に設定することで、新規作成ページには自動適用されます。既存ページは個別に変更する必要があります。

まとめ

Notionのページ幅が狭くて困ったときは、まず「•••」メニューから「フル幅」をオンにしてみてください。それでも改善しない場合は、データベースビューの幅設定やブラウザの拡大率、ワークスペースの制限を確認しましょう。フル幅設定は各ユーザーのローカル設定であるため、共有ページで表示を統一したい場合は管理者によるワークスペース設定の変更が必要です。適切な幅設定で、Notionでの作業効率を向上させてください。


ADVERTISEMENT

この記事の監修者
✍️

超解決 第一編集部

疑問解決ポータル「超解決」の編集チーム。正確な検証と、現場視点での伝わりやすい解説を心がけています。

🧩
Notionトラブル完全解決データベース 共有、権限、データベース、Notion AI、インポートで止まる問題を横断的に確認できます。

ADVERTISEMENT