見出し画像

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

まつけんです🐰

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

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

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

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

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


百聞は一見に如かず!

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

背景が動いています!

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

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

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

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

  4. done !

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

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

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

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

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

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

  4. done !

おわりに

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

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

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


いいなと思ったら応援しよう!

この記事が参加している募集