MuuMuu Sitesが対応しているNotionのブロックは以下の通りです。
ブロックに関する詳しい説明は Notionの公式ドキュメント をご覧ください。
テキスト
フォントカラー
デフォルト
グレー
ブラウン
オレンジ
黄
緑
青
紫
ピンク
赤
Notionの表示
フォント背景色
背景色：グレー
背景色：ブラウン
背景色：オレンジ
背景色：黄
背景色：緑
背景色：青
背景色：紫
背景色：ピンク
背景色：赤
Notionの表示
見出し
📝
MuuMuu Sitesでは、「見出し2」と「見出し3」のフォントサイズを同じにしたうえで、太字または下線をつけることで区別がつくように設計しています。
見出し1
見出し2
見出し3
Notionの表示
箇条書き
📝
現在の仕様では、2階層目以降にネストしたリストは表示されません。
- Item 1
- Item 2
- Item 3
Notionの表示
番号つきリスト
📝
現在の仕様では、2階層目以降にネストしたリストは表示されません。
- Item 1
- Item 2
- 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);
});