Notionの便利機能&自己紹介ページ作った☺️
2021.10.14 追記
🌱 notionで作られて企業サイト事例集
Twitterでちょくちょく見かけるNotion Tips 🚩
私もNotionはよく使うのですが、なんとなく感覚で使っていたので、たまに見かけるあれこれをどうやって実現できるのか簡単に調べて、自分が知らなかったことを抜粋しました・・・!
ちなみに、私もNotionでSNSや性格診断を記載した自己紹介ページと、日課として見るページを作成してみました✍️
🌼 自己紹介ページ 🌼
▼ 中身はこんな感じです
OGPが設定できないのでシェアすると微妙な感じですが、「Super」や「Anotion」などの有料ツールを使うと、独自ドメインやOGP/favicon設定、独自CSSの利用などができるそうです☺️
▼ 右側の「OUTLINE」という目次はGoogleの拡張機能
「Notion Boost」という拡張機能、目次を設定していないNotionの記事を閲覧するときなどは便利なので入れてみてください!
🌼 日課として見るページ 🌼
下記で解説しているウィジェットを使ってお天気やカレンダーを埋め込んでみました!たのしかった〜〜!
それでは本題へ🏃♂️💨 -----------------------------
Notionってなにができるの?どんなサイトと相性が良いの?みたいな話はこちらのスライドがとても分かりやすいです💡
知らなかったこと①:半角スラッシュ「/」コマンド
今までHeadタグの設定やデータベースの埋め込みなどしたい時(写真参照)、「+」ボタンをポチポチ押して使っていたのですが、半角スラッシュで呼び出せるとは😳
初心者すぎましたね・・・
半角スラッシュの例
・「/embed」:埋め込み
・「/num」:番号のリスト
・「/link to page」:Notion内の他ページへのリンク
・「/table of contents」: 目次
知らなかったこと②: ショートカットの利用
ショートカット例
・「command + shift + N」:Notionのウェインドウをもう一つ立ち上げ
・「command + shift + L」:ダークモード
・「command + D」:要素を下にコピペ
知らなかったこと③:「Indentity」など外部ツール連携
お天気⛅️とか時計⏰などをNotionに挿入している人を最近見かけますよね。
「Indentity」などの無料のウィジェット機能を使えばできます!(一部有料)
▼このYoutube、分かりやすい&Notionの便利機能も解説しているので超おすすめ!!
もう一つ、「apption.co」というウィジェット(外部ツール)も無料で使えるそうです!
apption.coでできること
・Twitterタイムライン
・折れ線グラフ
・マインドマップ
・Google Analytics
・ホワイトボード
▼ 「apption.co」と「Indentity」を比較した記事
知らなかったこと④:iOSのウィジェットに記事追加
favoriteに登録したNotionの記事を、iOS14のウィジェットに追加できるそうです!なんて便利な・・・
知らなかったこと⑤:Googleカレンダーの埋め込み
「Indentity」でも追加できるのですが有料なので、違う方法で追加できます!
仕上がりはこんな感じ🗓
(カレンダー側の設定で予定ありしか表示されていませんが・・)
知らなかったこと⑥:Propertyの利用とボタン設置
正確にはボタンではないですが(見た目はボタンっぽいが遷移先は他のページ)、これの実現方法をTwitterで教えてもらいました🙏
知らなかったこと⑦:テンプレートの登録方法
同じような構成のページを作りたいって思う時があれば、テンプレートを登録すると便利です!(少し難しい・・・)
📚 Notionで作ったサイト事例集
一つ目の記事なんか特におすすめで、下の写真のように、国内のNotionを利用したサイトがたくさん掲載されています😳
▼ ポートフォリオですが、のだかつきさんのNotionも参考にさせていただきました!
📎 その他の参考になる記事や動画
▼ このYoutube、こんなにNotionを活用している&細かくタスク管理しているのかとダブルで発狂しました・・
おしまい!!!
この記事が気に入ったらサポートをしてみませんか?