Notionに天気予報を埋め込む方法|WeatherWidget活用
Notion Advent Calendar 15日目の記事になります。Notionのページに天気予報を埋め込む方法を解説!WeatherWidgetを活用し、カスタマイズ可能な天気ウィジェットを簡単に追加する手順を紹介します。
はじめに
12日目の Notionのページ内埋め込み徹底解説! ではスラッシュコマンドからページ内埋め込み出来るコンテンツをメインにご紹介しました。
今回は、Notionのページ内埋め込みに適したコンテンツについて書いていきます📝
Notionのページ内埋め込みに適したコンテンツを複数紹介しているサービス:Apption
ApptionはNotion埋め込みに適したコンテンツを一覧で見ることがサービスになります。
様々なコンテンツを一覧で見ることが出来るので非常に便利です!
ジャンル検索も可能👌
WeatherWidget -レスポンシブお天気 Widget -
まずは、WeatherWidgetというページ内に綺麗にお天気情報を埋め込むことが出来るサービスを紹介します。
Notionに埋め込む際に必要な手順についてご紹介していきます。
手順1:WeatherWidgetからHTMLコードを取得
以下にアクセスし表示したい内容を設定した後、「GET CODE」をClickしHTMLコードを取得します。
WeatherWidgetの特徴:
- テーマなどカスタマイズ可能な内容が多い点が嬉しいです😄
Settingが終了した後は、「GET Code」をClickしHTMLコードを取得します。
手順2:Notion埋め込み用のURLを生成
以下サイトにアクセスし、手順1で取得したHTML Codeをペースト後、Generate URLボタンをClickします。
手順3:Notionにページ内埋め込みを行う
以下のスラッシュコマンドを使いEmbed linkに生成したURLを入力します。
/+embed
一例として、apption.co を埋め込んだ場合は以下のように表示されます。
さいごに
今回は、Notionのページ内埋め込みに適したコンテンツ紹介 その1ということでWeatherWidgetを取り上げてご紹介しました🌤️