ウィジェット堂 - Notion 向けウィジェット・動くアイコン・スタートページ・マイページ

エディターとマイウィジェット

エディターで設定と外観を変更し、ライト / ダークをプレビューして、用途に合った形式で埋め込みリンクをコピーする方法。マイウィジェットでの編集・複製・固定・削除も説明します。

エディターを開く

  • 新しく作る:ライブラリでウィジェットを開き、「ウィジェットを作成」をクリックすると、作成後にエディターが開きます。
  • 作ったものを直す:右上のアバターメニュー →「マイウィジェット」(/manage)で、ウィジェットの「編集」をクリックします。

エディターでできること

左側:設定。「設定」にはそのウィジェット専用の項目(カウントダウンの日付、天気の地域など)、「外観」には外枠の枠線・角丸・影・余白などがあります。変更するとプレビューにすぐ反映されます。

右側:プレビュー。

  • プレビューの右下をドラッグするとサイズを変えられます。Notion での実際のサイズは埋め込み枠の大きさで決まります。
  • プレビューは「設定どおり / ライト / ダーク」を切り替えられます。プレビューだけが変わり、ウィジェットの設定は変わりません。ダークモードの見え方の確認に便利です。
  • 表示がおかしいときは「プレビューを更新」をクリックします。

上部:タイトルと保存状態。左上でウィジェットの名前を変更できます(マイウィジェットで自分だけに表示されます)。変更は自動で保存され、右上に「保存済み」と表示されたら、Notion を再読み込みすると反映されます。

埋め込みリンクをコピー

「埋め込みリンクをコピー」は、Notion・FlowUs・Obsidian などで使えるいちばん一般的な形式です。横の矢印から別の形式も選べます。

形式用途
一般的な使い方Notion、FlowUs、Obsidian、Logseq、Roam などのノートアプリ
旧バージョンの使い方WoLai
<iframe> での使い方WordPress などの Web サイト(動くアイコン)
<img> での使い方GitHub、WordPress(動くアイコン・動く背景)
MarkdownGitHub README(動くアイコン・動く背景)

マイウィジェット

「マイウィジェット」には、作成したウィジェット・動くアイコン・動く背景がすべて並び、種類で絞り込めます。それぞれ次の操作ができます。

  • 編集:エディターで開きます。
  • リンクをコピー:エディターを開かずに埋め込みリンクをコピーします。
  • 複製:コピーを作って試せます。元のウィジェットはそのままです。
  • 上部に固定:よく使うものを先頭に表示します。
  • 削除:Notion などに貼ったリンクは使えなくなり、元に戻せません。「選択」から複数をまとめて削除することもできます。

無料アカウントは作成できる数に上限があり、ページ上部に使用数が表示されます。上限に達したら、使っていないものを削除するか、Pro にアップグレードすると無制限になります。

解決しませんでしたか? islaohu@gmail.com

ヘルプセンター

はじめに

ウィジェット

マイデータ

アカウントとログイン

Pro とお支払い

よくある質問