Notionでブロックを横並びに配置する方法｜Inlineデータベースの活用法も解説

2024/6/28 23:272025/3/13 0:04

Notion Advent Calendar 5日目の記事になります。

Notionのブロックを横並びに配置する方法を解説！Inlineデータベースを横並びにする2つの方法や、使い分けのポイントも紹介。

はじめに

本記事では、ブロックを横並びに配置する方法について書いていきます📝

以下のような見出し1, 2とそれ対応する要素を横並びに配置する手順についてご紹介していきます。

見出し2の要素を選択し、見出し1に対して横並びにしている様子 | 見出し2の要素を選択し、見出し1に対して横並びにしている様子

見出し1に対応する要素を、見出し1内に移動させている様子 | 見出し1に対応する要素を、見出し1内に移動させている様子

上記の手順で横並びにすることが出来ます👌

Notion Advent Calendar 3日目の記事でも少し触れたのですが、Inlineデータベースは横並びにしたり、前後に情報を付与出来る点がFull pageと比較した際に優れています。

この節では、Inlineデータベースを横並びにする2パターンの方法についてご紹介していきます。

💡

横並びは、のみ設定することが出来る仕様となっています。

そのため、以下のようなInlineデータベースを横並びにするのは以下どちらかの手順を踏む必要があります。

1つ目の方法です。

先ほどの手順でを横並びにします。

各見出しに対応するようにデータベースを移動している様子 | 各見出しに対応するようにデータベースを移動している様子

2つ目の方法は、Inlineデータベースをであるページに変換後、横並びにする流れになります。

Turn into pageでページに変換している様子 | Turn into pageでページに変換している様子

変換したページを選択し、横並びにします

変換したページを選択し、横並びにしている様子 | 変換したページを選択し、横並びにしている様子

手順1でページに変換しているため、Inline表示に戻す必要があります。

でInline表示に変換し、横並び完了です✨

Turn into inlineでInline表示に戻している様子 | Turn into inlineでInline表示に戻している様子

上記の手順でInlineデータベースを横並びにすることが出来ます。

2つの使い分けとしては、Inlineデータベースに見出しなどをつけて区切りたい場合は1つ目の方法、Inlineデータベースのみを区切りたい場合は2つ目の方法を利用する感じです。

今回は、横並びのやり方についてご紹介しました。