Notionで画像にハイパーリンクを設定出来るようになりました！ #notion

ネクストモードのしんやです。

NotionのXアカウントにて、以下のような投稿が紹介されていました。

内容を見てみると、これはどうやら「Notionにアップロードした画像にハイパーリンクを埋め込むことが出来る」ようになった模様です！

ということで、非常に簡単な小ネタではありますが、実際にどうやって設定が出来るようになるのかを試してみたいと思います。

Notionページにアップロードした画像ファイルにハイパーリンクを追加する方法

「方法」と言っても手順は至ってシンプルです。まずはNoitonページに画像をアップロードします。

この時点では画像にマウスカーソルを合わせても何も変わりませんし、クリックしても画像が選択状態になるだけで変化は見られません。

画像を右クリックしてメニュー展開します。すると真ん中辺りに「リンクを追加」という項目がありますのでこれを選択。

テキストボックス付きのウインドウが表示されました。ここには任意のURL、またはNotionワークスペース内のページを指定することが出来るようです。

ここは、画像キャプチャの元である弊社ネクストモードの公式ページURL( https://nextmode.co.jp/ )を入力します。入力後はEnter押下。

画像へのハイパーリンク設定完了。設定後に画像に対してマウスオーバーすると、以下のようにURLに対応したページタイトルが表示されるようになりました。

この状態で画像の任意の場所をクリックすると、別タブで指定されたURLのページ(今回の場合はネクストモード公式サイトTOP)が開かれました。

今回のこの「画像に対するハイパーリンクが追加」出来るようになったことで、例えば以下のような形で画像を並べて配置させ、それら画像にリンクを追加することで「Notionデータベーステーブルをギャラリー表示させることでリンク展開させていたものを、画像＋ハイパーリンクだけでも実現出来る」ようになったりします。(※下記画像ではNotionページを別途用意した上で、画像に対してそのNotionページのリンクを割り当てた形としています。画像をクリックすると指定のNotionページに遷移します)

まとめ

というわけで、Notionでページにアップロードした画像に対してハイパーリンクが設定出来るようになったという情報の紹介でした。

この機能が使えるようになったことで、画像を活用したよりデザイン性に富んだページレイアウトや構成が組めるようになると思うので、是非色々なところに活用していきたいですね。