Notionでブロックを横並びに配置する方法｜Inlineデータベースの活用法も解説
Notion Advent Calendar 5日目の記事になります。
Notionのブロックを横並びに配置する方法を解説！Inlineデータベースを横並びにする2つの方法や、使い分けのポイントも紹介。
はじめにブロックを横並びに配置する方法について手順1. 見出し2の要素を選択し、見出し1に対して横並びにする手順2. 見出し1に対応する要素を、見出し1内に移動させるInlineデータベースを横並びにする場合は① BASIC BLOCKSで横並びにしてから、Inlineデータベースを移動する方法1. BASIC BLOCKSで横並びにします2. Inlineデータベースを移動させます② Turn into pageでページに変換して、横並びにする方法1. まず、Turn into pageでページに変換2. 横並びにする3. Turn into inlineでInline表示に戻すさいごに
はじめに
本記事では、ブロックを横並びに配置する方法について書いていきます📝
ブロックを横並びに配置する方法について
以下のような見出し1, 2とそれ対応する要素を横並びに配置する手順についてご紹介していきます。
手順1. 見出し2の要素を選択し、見出し1に対して横並びにする
手順2. 見出し1に対応する要素を、見出し1内に移動させる
上記の手順で横並びにすることが出来ます👌
Inlineデータベースを横並びにする場合は
Notion Advent Calendar 3日目の記事でも少し触れたのですが、Inlineデータベースは横並びにしたり、前後に情報を付与出来る点がFull pageと比較した際に優れています。
この節では、Inlineデータベースを横並びにする2パターンの方法についてご紹介していきます。
Inline にすることで埋め込み元のカスタマイズ性が担保出来る (3日目の記事より)
横並びは、のみ設定することが出来る仕様となっています。
そのため、以下のようなInlineデータベースを横並びにするのは以下どちらかの手順を踏む必要があります。
① BASIC BLOCKSで横並びにしてから、Inlineデータベースを移動する方法
1つ目の方法です。
1. BASIC BLOCKSで横並びにします
先ほどの手順でを横並びにします。
2. Inlineデータベースを移動させます
② Turn into pageでページに変換して、横並びにする方法
2つ目の方法は、Inlineデータベースを であるページに変換後、横並びにする流れになります。
1. まず、Turn into pageでページに変換
2. 横並びにする
変換したページを選択し、横並びにします
3. Turn into inlineでInline表示に戻す
手順1でページに変換しているため、Inline表示に戻す必要があります。
でInline表示に変換し、横並び完了です✨
上記の手順でInlineデータベースを横並びにすることが出来ます。
2つの使い分けとしては、Inlineデータベースに見出しなどをつけて区切りたい場合は1つ目の方法、Inlineデータベースのみを区切りたい場合は2つ目の方法を利用する感じです。
さいごに
今回は、横並びのやり方についてご紹介しました。
小幡 十矛（Obata Tomu）｜価値を共創するエンジニア
東京を拠点に、アプリ開発・新規事業立ち上げ・ブランドづくりに取り組んでいます。
2021年にサイバーエージェントへ新卒入社後、ABEMA Live や AmebaブログのiOSアプリ開発を担当。
現在はフリーランスとして、複数の新規プロダクトやリアル店舗の立ち上げに挑戦中です。
🎯 Mission｜人の挑戦を加速する仕組みをつくる
── アイデアを形にし、前に進める“土台”や“場”を共創する
📌 「リアルな場 × デジタル」の可能性を探求し、新しい挑戦が生まれる土壌を育てる
🔹 エンジニアリング × ビジネスの視点から、アイデアを形にし、成長を支えていく
🔹 実店舗オーナーを目指し、オーダースーツ・ドライヘッドスパ・セレクトショップの複合店舗の立ち上げにも挑戦中
👥 特に、社会人1〜5年目くらいで
「やりたい気持ちはあるけど、最初の一歩に迷っている」方へ。
「自分の可能性をもっと広げたい」
「モヤっとしたアイデアがあるけど、どう進めていいかわからない」
そんなフェーズにいる方と、一緒に考えたり、手を動かしたりできたら嬉しいです。
🌱 「挑戦したい20代」との出会いも、大切にしています。
「ちょっと話してみたいな」くらいの気持ちで、気軽に声をかけてもらえたら嬉しいです！🙌
🌐 詳しいプロフィールはこちら
https://obata-tomu.jp/