【Canva】ホームページ内でリンクを設定する手順!

  • ボタンを押したら別ページに移動させたい
  • メニューから特定のセクションへジャンプさせたい

と感じる場面は多いのではないでしょうか。

Canvaではテキストやボタン、画像にリンクを設定することで、ページ内・ページ外への遷移を簡単に実装できます。

ただし、リンクの設定方法を正しく理解していないと意図しない挙動になったり、デザイン崩れを起こすことがあります。

そこで本記事では、Canvaで作成したホームページ内にリンクを設定する基本手順から、よくあるつまずきポイントまで初心者の方にもわかりやすく解説します。

これから本格的にCanvaでサイトを作っていく予定の方は、ぜひ以下の記事を先に読んでみてください。

Kaji

サイトは作るのは簡単ですが、作った後のサイト引越しが非常に面倒です。なので慎重にツールは選ぶようにしましょう。

Service
【最安15万円〜】
全てセット料金のホームページ制作サービス

サイト企画〜公開まですべてセット料金になっており、「余計な料金は一切いただかない」というのをモットーにしています。

最安15万円〜からホームページが作れて、すべてオリジナルデザインで制作可能です。また自社管理できる「Studio」というツールを用いているので、プランによっては維持費0円で運営できます。

期間限定で制作費用の3万円割引キャンペーンもやっていますので、ぜひお気軽にご相談ください!

目次

Canvaでリンクを設定できる要素

リンクを設定する要素は、下記の4つあたりが主流です。

リンクを設定することの多い要素
  • テキスト
  • 画像
  • ボタン
  • カード全体

どの要素にリンクを設定する手順も、基本的には一緒です。

◼︎リンクを設定する手順

STEP
リンク設定したい箇所を選択する

リンクを設定したいテキスト・画像・ボタン・カードを1つ選択します。

STEP
右クリックして「リンク」をクリック

要素を選択できたら右クリックして、「リンク」をクリックします。

STEP
リンクを入力するか、他ページを選択する

外部ページに飛ばしたい場合は、直接リンクを入力します。

サイト内の別ページに飛ばしたい場合は、ページを選択します。

STEP
「完了」をクリックする

Canvaで作ったホームページにリンクを設定する手順

リンクといっても複数種類があり、外部サイトへ飛ばすリンク、サイト内の別ページへのリンクなど様々です。

それによってリンクの設定方法が変わりますので、それぞれ設定手順について解説します。

それぞれ具体的に解説します。

同一ページ内でリンクを設定する手順

同一ページ内でリンクを設定すると、イメージはこんな感じになります。

設定手順は、下記をご覧ください。

STEP
右クリックして「リンク」をクリック

要素を選択できたら右クリックして、「リンク」をクリックします。

STEP
サイト内のセクションを選択する

ページのプルダウンを開きます。

遷移先のセクションを選択します。

STEP
「完了」をクリックする

サイト内の別ページにリンクを設定する手順

サイト内の別ページにリンクを設定すると、イメージはこんな感じになります。

設定手順は、下記をご覧ください。

STEP
右クリックして「リンク」をクリック

要素を選択できたら右クリックして、「リンク」をクリックします。

STEP
リンクを入力するか、他ページを選択する

「この文書のページ」の中にある、遷移先ページを選択します。

STEP
「完了」をクリックする

外部サイトにリンクを設定する手順

外部サイトにリンクを設定すると、イメージはこんな感じになります。

設定手順は、下記をご覧ください。

STEP
右クリックして「リンク」をクリック

要素を選択できたら右クリックして、「リンク」をクリックします。

STEP
外部サイトのリンクを入力する

リンクの入力欄に、任意のURLを貼り付けます。

STEP
「完了」をクリックする

Canvaでホームページを制作するメリット・デメリット

Canvaは専門知識がなくても、誰でも簡単にホームページを作れるのが大きな魅力です。

テンプレートも豊富で短時間・低コストで公開できるため、まずは試しに作りたいという方には最適なツールと言えるでしょう。

一方で、Canvaはホームページ制作の専門ツールではないため、大きなデメリットも存在します。

Canvaでホームページを制作するデメリット
  • 細かなレイアウト調整ができない
  • 簡易的なSEO対策しかできない(集客を期待できない)
  • 外部サービスとの連携ができない

そのため事業が成長するにつれて「もう少し本格的に運用したい」や「集客につなげたい」と感じるケースも少なくありません。

Canvaでホームページをまだ制作してない方は、ぜひ先に以下の記事をご覧ください。

もし将来的にサイトを拡張していく予定があるのであれば、「Studio」のようなデザイン自由度が高く、コードを書かずに本格的なサイトを作れるツールがおすすめです。

またStudioであれば見せるだけのサイトでなく、検索から集客するサイトを作ることができます。事業が成長したタイミングでも、ツールの乗り換えをする必要がないので、無駄なコストが生じません。

本格的なホームページを作りたいと考えている方は、ぜひStudioについても調べてみてください。

Canvaのリンク設定に関するよくある質問

リンクを設定すると下線が付きますが、これは外せないですか?

リンクを設定すると自動で下線が付くようになっていますが、この下線は外せます。

STEP
テキストリンクを設定する
STEP
上部メニューの下線アイコンをクリック
リンク設定ができないのですが、どのような場合が想定されますか?

リンク設定ができないケースは、下記に該当することが多いです。

  • 複数の要素がグループ化されていて、個々の要素にリンク設定できない
  • 要素がロックされていてリンク設定できない

時たまにCanva側の不具合でリンクが設定できないこともあるので、ページの再読み込みは適宜行うようにしましょう。

ホームページ制作は「Terace」にお任せ!

Kaji

「デザイナー」と「フロントエンジニア」のフリーランス3名で運営中!

「ラク子」のサービスの特徴
  • ポッキリ価格でホームページを制作できる
  • 専属デザイナーが完全オリジナルのデザイン作成
  • 納品後1ヶ月間は無料の電話サポートあり
  • 自社更新できるホームページが作れる
  • ホームページ制作期間中は何度でも無料相談できる
  • 顔の出ているフリーランス3人が運営
  • 維持費0円でホームページを運営できる

また「ラク子」の料金プランは、下記のとおりです。

ポッキリ価格でホームページが作れるサービスであり、個人事業主中小企業からよく選ばれています。サービス利用者の声を聞きたい方は、ぜひ以下のインタビュー記事をご覧ください。

今だけ、毎月3組まで制作費用が3万円割引になるキャンペーンを行っています。

先着順で締め切るので、気になる方はぜひお早めにお問い合わせください!

送信中です

×

※コメントは最大500文字、5回まで送信できます

送信中です送信しました!

ebook
【無料のお役立ち資料】
初ホームページ制作のよくある質問集

ホームページ制作に関するよくある質問14選にすべて答えています。

「自作するべきなのか」か「Web制作会社に任せるべきか」など、これまでホームページ制作をやっていく中で1番よく受けた質問を厳選しています。

無料でダウンロードできるので、これからホームページを作成する予定の方はぜひ参考にしてみてください!

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!

この記事の執筆者

同志社大学を卒業後、新卒でレバレジーズ株式会社に入社。現在はメディア責任者をやりながら、Terace(テラス)のフロントエンドエンジニアとして活動しています。企業と提携してSEOコンサルなどもやっています。SEO検定1級保有

目次