てくてくテック

【Notion】dividerの使い方!

たかぽん
どーも!たかぽんです!

今回はdividerの使い方をみていこうと思います!

dividerは仕切りの役割を果たしてくれるので、これが使えるだけでページがリッチになるんです!

是非この機会に使い方をマスターしてくださいね!

dividerとは・・・?

では早速ですが...

dividerとは、仕切りです。

例えば大きな見出しのしたにdividerをおくとこんな感じになります。

中央にうっすらと横線が入っている

僕はダークモードにしているのでちょっとわかりにくいですが、通常モードだとこんな感じです。

通常モードだとわかりやすい

こんな感じで仕切りを入れることができるんですね!

では早速使い方をみていきましょう!

dividerを追加する

さて、dividerを追加していきましょう!

追加したい場所にカーソルを合わせ、+ボタンか"/di"と入力すれば追加できます。

+ボタンから追加
コマンド入力で追加
追加された

組み合わせてみる

解説といっても追加するだけなので...

説明が短くなってしまった...w

ので...使い方も例を簡単に書いておこうと思います。

基本的にこのdividerは他の要素と組み合わせて使う前提の機能になっています。

特に、見出しの下にくっつけておくと見栄えがよくなるので、それだけ覚えておけば当分は大丈夫かなと思います(他になにかつかえるんだろうか...w)

見出しの下に線を引くと結構いい感じになる。

ではこの後上記の画像のように編集をしていく動画を置いておくので、参考にしてみてください!

動画解説

https://tektektech.com/wp-content/uploads/2019/10/ss-6.mov

途中でdividerを複製しているときに左端が切れてしまっているのですが...

Duplicate(複製)をしています。

そして複製したやつを見出し2のしたへといった感じです。

まとめ

divider自身は特に追加の機能等をもっていません...

しかし、見た目を整えることでみやすくなったり、なんか気分が良く...なるので!w

是非このdividerをたくさん使ってよりみやすいページ作りしていきましょう!

それでわ!

モバイルバージョンを終了