Notionでブロックを横並びに配置する方法

Notionでブロックを横並びにするには、デスクトップ版かブラウザ版で、移動したいブロック左の「⋮⋮」を持ちます。別のブロックの右か左へ動かし、青い縦線が出た位置で離すと列ができます。スマホでは横並びが1列に戻り、右側の内容が左側の下へ表示されます。

要点：青い縦線が列を作る合図です。青い横線の位置で離すと上下移動になるため、ブロックの右端か左端へ運びます。公開前にスマホの1列表示も確認し、上から読んで自然な順番にします。

Notionのブロックを横並びにする3ステップ

Notion公式ヘルプも、ブロックをドラッグし、青いガイドに沿って離す方法を案内しています。列の境目へカーソルを合わせ、灰色の縦線を左右へ動かすと幅も調整できます。

青い縦線が出ないときの確認順

複数のブロックをまとめて動かすときは、先に動かしたい範囲を選択してから「⋮⋮」を持ちます。移動後は見出しと本文が同じ列に入っているかを確認します。

スマホでは右列が左列の下へ並ぶ

Notion公式のモバイル案内では、モバイルに列はなく、デスクトップで作った列は1列に折りたたまれると説明されています。右側の列は、左側の列の内容に続いて下へ表示されます。

そのため、左に「結論」、右に「理由」を置くと、スマホでも結論から読めます。左右に同じ重要度の情報を置く場合も、1列になったときの順番を先に決めておくと、読む人が迷いません。

Inlineデータベースを横並びにする2つの方法

ドラッグ位置が見つかりにくい場合は、短いテキストブロックを2つ横並びにして列の枠を先に作ると、移動先が見えやすくなります。データベースの列数や表示項目が多い場合は、横幅を分けるより、ビューを切り替える設計も選択肢です。

列を使うか決める3つの基準

比較、選択肢、役割分担には横並びが合います。長い文章や項目の多いデータベースは、上下に置く方が読みやすい場面もあります。見た目より、読む順番と次の行動で決めます。

一次体験：PCの配置より、スマホの読む順番を先に決める

僕もNotionで情報を整理するとき、PCでは左右がきれいに揃っていても、スマホで開くと意図した順番と異なることがありました。それからは、左列を先に読んでほしい情報、右列を補足として置き、最後にスマホで上から読み直しています。

サイトや業務フローの設計でも同じです。配置を整えることがゴールではなく、見る人が次に何を理解し、何を選べるかまでつなげると、Notionが実際に使われるページになります。

次に読む記事

よくある質問

Notionでブロックを横並びにするにはどうしますか？

デスクトップ版かブラウザ版で、移動するブロック左の「⋮⋮」を持ち、基準ブロックの右か左へドラッグします。青い縦線が表示された位置で離すと列ができます。

青い縦線が表示されないときはどうしますか？

青い横線は上下移動の位置です。基準ブロックの右端か左端へゆっくり動かし、縦線へ変わった位置で離します。モバイルでは列を作らないため、デスクトップ版かブラウザ版で編集します。

Notionの横並びはスマホでも維持されますか？

スマホでは複数列が1列に折りたたまれ、右側の列は左側の内容に続いて下へ表示されます。公開前にスマホで読む順番を確認します。

Inlineデータベースも横並びにできますか？

先にテキストブロックで列を作り、各列へInlineデータベースを移すと配置先が見えやすくなります。データベースだけを分ける場合は、ページとして列へ置き、必要に応じてInline表示へ戻します。

作った列を元の1列へ戻すにはどうしますか？

右側の列にあるブロックを持ち、左側の列の上か下へドラッグします。青い横線がページ幅いっぱいに出た位置で離します。空の列は「⋮⋮」から削除できます。