ブロックを横並びに配置する方法について

NotionAdvent Calendar
Tomu Obata
📅2020/12/5

Notion Advent Calendar 5日目の記事になります。Inlineデータベースを横並びにする方法についても書いています。

はじめに

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

ブロックを横並びに配置する方法について

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

見出し1, 2とそれ対応する要素を示す様子
見出し1, 2とそれ対応する要素を示す様子

手順1. 見出し2の要素を選択し、見出し1に対して横並びにする

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

手順2. 見出し1に対応する要素を、見出し1内に移動させる

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

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

Inlineデータベースを横並びにする場合は

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

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

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

BASIC BLOCKS
BASIC BLOCKS

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

Inlineデータベースが2つあるページ
Inlineデータベースが2つあるページ

① BASIC BLOCKSで横並びにしてから、Inlineデータベースを移動する方法

1つ目の方法です。

1. BASIC BLOCKSで横並びにします

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

BASIC BLOCKSで横並びにしている様子
BASIC BLOCKSで横並びにしている様子

2. Inlineデータベースを移動させます

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

② Turn into pageでページに変換して、横並びにする方法

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

1. まず、Turn into pageでページに変換

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

2. 横並びにする

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

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

3. Turn into inlineでInline表示に戻す

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

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

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

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

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

さいごに

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

6日目の記事は「デスクトップ・ブラウザアプリの使い分けについて」になります。

SHARE

スポンサーリンク