Notionのブロック

MuuMuu Sitesが対応しているNotionのブロックは以下の通りです。

ブロックに関する詳しい説明は Notionの公式ドキュメント をご覧ください。

テキスト

フォントカラー

デフォルト

グレー

ブラウン

オレンジ

ピンク

Notionの表示

フォント背景色

背景色:グレー

背景色:ブラウン

背景色:オレンジ

背景色:黄

背景色:緑

背景色:青

背景色:紫

背景色:ピンク

背景色:赤

Notionの表示

見出し

📝
MuuMuu Sitesでは、「見出し2」と「見出し3」のフォントサイズを同じにしたうえで、太字または下線をつけることで区別がつくように設計しています。

見出し1

見出し2

見出し3

Notionの表示

箇条書き

📝
現在の仕様では、2階層目以降にネストしたリストは表示されません。
  • Item 1
  • Item 2
  • Item 3
Notionの表示

番号つきリスト

📝
現在の仕様では、2階層目以降にネストしたリストは表示されません。
  1. Item 1
  2. Item 2
  3. Item 3
Notionの表示

To Doリスト

📝
チェックボックスの背景色は、サイトのカスタマイズで「本文のテキストの色」に指定した色で塗りつぶします。
📝
文字の打ち消し線の色は、サイトのカスタマイズで「本文のテキストの色」に指定した色を50%透過して表示します。
Item 1
Item 2
Item 3
Notionの表示

トグルリスト

📝
現在の仕様では、2階層目以降にネストしたリストは表示されません。
List
Notionの表示

引用

あのイーハトーヴォのすきとおった風、夏でも底に冷たさをもつ青いそら、うつくしい森で飾られたモリーオ市、郊外のぎらぎらひかる草の波。
Notionの表示

区切り線

Notionの表示

コールアウト

📝
背景色は、サイトのカスタマイズで「本文のテキストの色」に指定した色を80%透過して表示します。
📝
現在の仕様では、Notionで設定した「カラー」や「背景色」の指定は反映されません。
📝
あのイーハトーヴォのすきとおった風、夏でも底に冷たさをもつ青いそら、うつくしい森で飾られたモリーオ市、郊外のぎらぎらひかる草の波。
Notionの表示
📝
あのイーハトーヴォのすきとおった風、夏でも底に冷たさをもつ青いそら、うつくしい森で飾られたモリーオ市、郊外のぎらぎらひかる草の波。
Notionの表示
📝
あのイーハトーヴォのすきとおった風、夏でも底に冷たさをもつ青いそら、うつくしい森で飾られたモリーオ市、郊外のぎらぎらひかる草の波。
Notionの表示
📝
あのイーハトーヴォのすきとおった風、夏でも底に冷たさをもつ青いそら、うつくしい森で飾られたモリーオ市、郊外のぎらぎらひかる草の波。
Notionの表示

シンプルテーブル

📝
罫線の色は、サイトのカスタマイズで「本文のテキストの色」に指定した色を90%透過して表示します。
📝
見出しのセルの背景色は、サイトのカスタマイズで「本文のテキストの色」に指定した色を80%透過して表示します。
Cell 1
Cell 2
Cell 3
Cell 4
Cell 5
Cell 6
Cell 7
Cell 8
Cell 9
Notionの表示
Cell 1
Cell 2
Cell 3
Cell 4
Cell 5
Cell 6
Cell 7
Cell 8
Cell 9
Notionの表示
Cell 1
Cell 2
Cell 3
Cell 4
Cell 5
Cell 6
Cell 7
Cell 8
Cell 9
Notionの表示
Cell 1
Cell 2
Cell 3
Cell 4
Cell 5
Cell 6
Cell 7
Cell 8
Cell 9
Notionの表示

データベース

📝
データベースのスタイルは、サイトのカスタマイズで「ギャラリービュー」と「リストビュー」の2種類から指定できます。以下に表示するサンプルでは「ギャラリービュー」を選択しています。
📝
MuuMuu Sitesは、リンクドデータベースには対応しておりません。
📝
データベースの仕様に関する詳しい説明は Notionのデータベース を参照ください。

Notionの表示

カラムレイアウト

📝
画面の幅が580px以下の場合は、左の要素から順番に上下へ1列でレイアウトされます。

2列

Column 1

Column 2

3列

Column 1

Column 2

Column 3

4列

Column 1

Column 2

Column 3

Column 4

5列

Column 1

Column 2

Column 3

Column 4

Column 5

メディア

Webブックマーク

MuuMuu Sites — Notionでつくろう、あなたらしいWebサイト。 | ムームードメイン
名刺のかわりになるような、あなたらしいWebサイトをつくりませんか。NotionとMuuMuu Sitesの組み合わせなら、お手軽です。公開に必要なのは、ドメインだけ。利用料金は無料です。
https://muumuu-domain.com/muumuu-sites/

コード

📝
現在の仕様では、シンタックスハイライトは適用されません。
document.addEventListener("DOMContentLoaded", function() {
  const h1Element = document.createElement("h1");
  h1Element.textContent = "Hello World!";
  document.body.appendChild(h1Element);
});

動画

埋め込み

ツイート(ポスト)