エディターとマイウィジェット
エディターで設定と外観を変更し、ライト / ダークをプレビューして、用途に合った形式で埋め込みリンクをコピーする方法。マイウィジェットでの編集・複製・固定・削除も説明します。
エディターを開く
- 新しく作る:ライブラリでウィジェットを開き、「ウィジェットを作成」をクリックすると、作成後にエディターが開きます。
- 作ったものを直す:右上のアバターメニュー →「マイウィジェット」(/manage)で、ウィジェットの「編集」をクリックします。
エディターでできること
左側:設定。「設定」にはそのウィジェット専用の項目(カウントダウンの日付、天気の地域など)、「外観」には外枠の枠線・角丸・影・余白などがあります。変更するとプレビューにすぐ反映されます。
右側:プレビュー。
- プレビューの右下をドラッグするとサイズを変えられます。Notion での実際のサイズは埋め込み枠の大きさで決まります。
- プレビューは「設定どおり / ライト / ダーク」を切り替えられます。プレビューだけが変わり、ウィジェットの設定は変わりません。ダークモードの見え方の確認に便利です。
- 表示がおかしいときは「プレビューを更新」をクリックします。
上部:タイトルと保存状態。左上でウィジェットの名前を変更できます(マイウィジェットで自分だけに表示されます)。変更は自動で保存され、右上に「保存済み」と表示されたら、Notion を再読み込みすると反映されます。
埋め込みリンクをコピー
「埋め込みリンクをコピー」は、Notion・FlowUs・Obsidian などで使えるいちばん一般的な形式です。横の矢印から別の形式も選べます。
| 形式 | 用途 |
|---|---|
| 一般的な使い方 | Notion、FlowUs、Obsidian、Logseq、Roam などのノートアプリ |
| 旧バージョンの使い方 | WoLai |
<iframe> での使い方 | WordPress などの Web サイト(動くアイコン) |
<img> での使い方 | GitHub、WordPress(動くアイコン・動く背景) |
| Markdown | GitHub README(動くアイコン・動く背景) |
マイウィジェット
「マイウィジェット」には、作成したウィジェット・動くアイコン・動く背景がすべて並び、種類で絞り込めます。それぞれ次の操作ができます。
- 編集:エディターで開きます。
- リンクをコピー:エディターを開かずに埋め込みリンクをコピーします。
- 複製:コピーを作って試せます。元のウィジェットはそのままです。
- 上部に固定:よく使うものを先頭に表示します。
- 削除:Notion などに貼ったリンクは使えなくなり、元に戻せません。「選択」から複数をまとめて削除することもできます。
無料アカウントは作成できる数に上限があり、ページ上部に使用数が表示されます。上限に達したら、使っていないものを削除するか、Pro にアップグレードすると無制限になります。