
#49 Canvaのハイパーリンク機能を使ってみよう~ポータルサイトの作り方~
どうも。こみっくです。
突然ですが、勝手にランキング!
Canvaを使っていて便利だと思う機能トップ3を発表します。
3位…PDFデータを取り込んで編集できる機能
2位…AIを使ってマジック生成できる機能
そして栄えある第1位は…
ハイパーリンク機能を簡単に使えるところ!です。
ハイパーリンク機能というのは一言で表すと
「クリックすると指定したリンク先に飛ぶことができる機能」です。
よくある、ここをクリックみたいなやつです。
(クリックすると僕のTwitterページにとびます。ついでにフォローしてください。)
このハイパーリンク機能を使うことでCanvaでWebサイトを作ることもできちゃいます。
あらやだ便利。
今回はそんなWebサイト(僕はポータルサイトって呼んでます)の作り方をざっくりお伝えしていきます。
ポータルサイトの作り方
まずはCanvaを開きましょう。
その後、検索バーの下にあるWebサイトをクリック。

たくさんのテンプレートが出てきますが、ここではシンプルなWebサイトを選んでみます。

すると、こんな感じ(↑)のページにとびます。
では、このページにyoutubeのリンクを貼り付けてみましょう。
まずは、貼り付けたいyoutubeリンクをコピーします。

共有ボタンをクリックするとページのURLが出てきます。
コピーをクリック。

さっき作ったCanvaに戻ります。
その後、左クリックor「Ctrl+V」で貼り付けをします。

すると、さっき貼り付けたyoutubeのリンクがCanvaに貼り付けられました。
真ん中の赤い再生ボタンを押すと動画が再生されます。
これがめちゃめちゃ便利。
しかも超カンタンにできちゃいます。
最後、これをWebサイトにしちゃいましょう。

画面右上にある「共有」の横「Webサイトを公開」を押すと、サイトのURLが出てきます。その下にある紫っぽい「Webサイトを公開」を押すと完成です。
だれかにこのサイトを共有したいときはURLをコピペして送ってあげるだけ。
セキュリティが気になるという方は「公開設定」をクリックしてみましょう。

すると、こんなページにとびます。
ここでパスワード設定をすることができますよ。
完成イメージはこんな感じ!
ポータルサイト作り、めっちゃ簡単です。
ぜひやってみてください。
というわけで、このハイパーリンク機能を使って体育授業に使えそうなコンテンツをまとめたポータルサイトを作成しました。

こんな感じです。
Canvaでは素材がたくさんあるので、僕みたいな超素人でもなんかいい感じ…!?なサイトが作れちゃいます。
慣れてくると30分かからずにこんなサイトが完成します。
以下にこのポータルサイトのテンプレデータを載せておくので、ぜひとも現場でご活用ください。
低学年用
中学年用
高学年用
おわりに
ここまで読んでいただきありがとうございました。
Canvaのハイパーリンク機能は本当に便利なので、是非使ってみてくださいね。
〇職員専用ポータルサイト
〇クラスの子どもたちが使うポータルサイト
〇会議で使うポータルサイト
など仕様目的は様々です。
(需要があれば)また今後もぼちぼちとCanvaに関する発信をしていこうと思います。