"動きのある"Notionの自己紹介ページを作ろう！

まつけんです🐰

以前、Notionで自己紹介ページを作成して公開しよう！という記事を書きました！▽

簡単に自分のスキルやNotionのテンプレート、さらにはSNSのリンクも作成しました！

前回、加藤ちゃんがGIFについて触れた記事を書いていましたね！

そこで、GIFをNotionに組み込んで何か進化させたいな～と思っていたところ、｢自己紹介ページに動きを付けてみよう！｣となりました！

GIFに関する記事は加藤ちゃんの記事に任せるとして、この記事ではプロフィールページの改善点を示します！

百聞は一見に如かず！

Matsuken’s page | Notion

カバー画像にGIFを埋め込む！

背景が動いています！

やり方は簡単で、挿入したいGIFのリンクを入力する、もしくはgifファイルのアップロードを行うだけです！

1. ページ上部にカーソルを合わせると、｢カバー画像を追加｣が出てきます。(ランダムなカバー画像が選択されます。)

2. カバー画像の右上にカーソルを合わせると、｢カバー画像を変更｣が出てくるので、クリック。

3. アップロードもしくはURLリンクでGIF画像を挿入する！

4. done !

見出しに画像を埋め込む！

見出しにGIFを埋め込んで、ちょっと可愛くなりました (笑)

このやり方も簡単で、｢ブロックタイプの変換｣で｢コールアウト｣を選択します。本来のコールアウトは、文章を目立たせる意図で使われますが、コールアウトの左側にアイコンを設定する事ができます！

1. ブロックを指定し、｢ブロックタイプの変換｣で｢コールアウト｣を選択します。

2. コールアウトの左側のアイコンをクリックし、カスタムでURLを入力します。

3. コールアウト全体の色や文字の色を整える。

4. done !

おわりに

自身のページアイコンもGIFで動かせたらな～と思いました！🤗

画像からGIFを作る際に画質はかなり良くなるので、動画 to GIFではなく、画像 to GIFの方が良さそうです！

遊び心満載のNotionページやプロフィールページを作成してください！