Canvaでホームページを作ろう|初心者が3時間でウェブサイトを公開する手順

ウェブサイトデザインの知識は、ない

全くの初心者でも、簡単なウェブサイトを作成する方法はないのかなぁ?

こんな風に思ったことはありませんか?

実は、Canvaはウェブサイトを作成するためのベータ機能を無料で提供しています。

この記事は、初心者が3時間でCanvaでホームページが作成できるように、テンプレート探しからボタンやリンク付け方、最後には公開の手順までを画像付きで紹介しています。

シンプルで綺麗なホームページを簡単に作りたければ、このまま読み続けてくださいね。

 

この記事を書いた人
ビビアン:長野県在住のカナダ人。カナダ政府の仕事で来日⇒大手企業を経て⇒現在は動画クリエイター。「自由な人生を探求しながら」クリエイターの視点で夢を抱く人々を応援する情報を発信中。

Canvaでホームページを作成する手順



グラフィックデザインツールCanvaでホームページを作成するのは敷居が高いと思われるかもしれません。

しかし、機能的なだけではなく、人目を引き、クリック率やトラフィックを増加させるウェブサイトは、見た目で決められることが多いです。

 

つまり、グラフィックデザインツールから直接サイトを作ったほうが、綺麗なサイトができるということです!

Canvaは、初心者が数時間で簡単なホームページができるよう、様々なテンプレートを用意しています。

また、Canvaプロ(有料版)は今30日無料のトライアルを行っています。Canvaサイトの機能を無料、且つ無制限に試したいのであれば、「30日無料試す」をクリックしてみてくださいね。

プロの機能を30日無料で試す>>

 

Step 1:テンプレートを探す

まず、Canvaのホームページの検索バーに「ウェブサイト 」と入力しましょう。

Canva hp website

すると、様々なテンプレートが出てきます。

テンプレート一覧のページの左のバーにでは、スタイルやテーマでホームページのテンプレートをしぼることができます。

Canva website templates
Canva website templates

 

気になったテンプレートをクリックして編集してみましょう!

Step 2: ホームページのデザイン

テンプレートの文字や写真を削除する場合、それを選んでからページの右上にある「ゴミ箱」ボタンをクリックしてください。

Canva delete elements
Canva delete elements

 

もし、ページを削除したければ、左の「ゴミ箱」ボタンをクリックしてください。

Canva delete page
Canva delete page

写真や文字は今まで通りにCanvaの使い方です。

ビビアン
ビビアン
ホームページでは動画や動くグラフィック(素材)も追加できるので、強調したいところに使いましょう! 

Step 3: ボタンとリンクの追加

ボタンは大事なナビゲーションツールです!

他のページに移る時や、特定のアクション(例:メールに登録してください!)を起こさせたい時には特に便利です。

ボタンを追加するには、まず「素材」をクリックして「ボタン」で検索しましょう。

Canva button
Canva button

使いたいボタンのデザインを選び、ドラッグしましょう。

文字を入れる場合は、テキストをボタンの上に置くと完成!

Canva button with text
Canva button with text

その後はボタンのリンク先のURLをボタンとつなげばCTAが完了します。

Canva insert link
Canva insert link
ビビアン
ビビアン
URLはSNSや他のサイト、または表示したいホームページとリンクすることが可能ですよ

そして、eコマースをする場合、支払いリンクもボタンで埋め込むことが可能ですよ!



Step 4:YouTube動画やSNSをホームページに埋め込む 

Canvaは第三者のプラットフォームと連携しているので、YouTube動画の追加や各SNS、またはGoogle Map(店舗の位置)の追加も簡単にできます。

一番左のバーを最後までスクロールして、「…(もっと見る)」が出てきます。それをクリックすると連携したいプラットフォームと紐付けることができます。

Canva third party integration
Canva third party integration

例:

YouTubeに紐付けると、Canvaで直接動画を探すことができます。

検索で動画は出てこない場合、直接動画のリンクをコピーして検索バーに入れると表示されます。

Canva youtube integration
Canva youtube integration

ホームページを作るのに必要なことを動画で詳しくまとめた講座がこちらです。
チェックしてみてくださいね^^

【Canvaの新機能・2022年版】プレゼンテーション、ウェブサイト、SNS予約投稿をCanvaひとつで!時間短縮とコスト削減のCanva活用方法
最大90%OFF不定期配布中>>

Step 5:公開前のチェック

ホームページを公開する前に、ファイルの名前を変更することを忘れないでください!

なぜかというと、ファイル名がそのままウェブサイトの名前として表示されるのでテンプレートの名前がサイトの名前になってしまいます。

Canva change file name
Canva change file name

 

Step 6:プレビューして公開

満足のデザインができたら、メニューバーの「プレビュー」ボタンをクリックして、最終チェックをしましょう。

Canva hp preview
Canva hp preview

 

ここで「ナビゲーションあり」と「ナビゲーションなし」の選択肢がありますが、短いワンページのホームページであれば、「ナビゲーションなし」でも十分です。

しかし、ページが多い場合、「ナビゲーションあり」で公開したほうが見やすい。

ビビアン
ビビアン
ちなみに、ナビゲーションのボタンに対応するページを調整したければ、グリッドビューをクリックしてスライドの名前を変えてくださいね。
Canva gridview 1
Canva gridview 1
Canva gridview 2.JPG
Canva gridview 2.JPG

ホームページを公開する際には3つのオプションがあります。

①無料のドメイン(Canvaのサブドメインを申請する)

②新しいドメインを購入する(別途支払いが必要)

③既存のドメインを使用する(APIでドメインのサーバーとリンクする必要がある)

準備ができたら②と③はとてもいいと思いますが、まだ準備ができていない時は①で公開したほうが良いです。

 

実はCanvaでサイトを作るのはコストの削減につながります。

私は長年ワードプレスを使っていますが、ドメインだけではなく、ホスティングの使用料も払っています。

ひとつのサイト(1年の使用権)を作るのに、1万円の投資が必要です。

 

ですが、Canvaプロでサイトを作れば、ドメインのお支払いだけで済むし、複雑な設定がないため、Wixやワードプレスよりコスパーが良いのです!

 

ホームページの機能はまだBeta(2022年7月の時点)なので、今後はさらに進化していくと期待できます♪

 

Canvaプロでは、写真や動画も使い放題です。

サイト作りの時に役立つ機能が多く、時間の短縮になります。

今は無料で30日のトライアルが可能なので、ぜひこの機会に試してみてくださいね。

プロの機能を30日無料で試す>>

まとめ・Canvaで無料ホームページを作成する方法に関するQ&A

①ウェブサイトを公開した後、Canvaが生成したリンクを短縮することはできますか?

Canvaが生成したリンクを短縮する唯一の方法は、Bitly.comのようなサードパーティサイトにアクセスすることです。リンクの名前はBitlyで変更することができます。

②Canvaのウェブサイトをオンラインストアとして使用する場合、ショッピングカートを追加することは可能ですか?

Canvaのウェブデザインの現在の機能は、ショッピングカートの追加をサポートしていません。

しかし、ボタンを使って、オンラインカタログをCanvaでデザインされたウェブサイトにリンクし、StripeやPaypalのリンクを張り付けば、オンラインで払いの仕組みができあがります。

 

③作成したウェブサイトを見るには、Canvaのアカウントが必要ですか?

ウェブサイトを作成するにはCanvaのアカウントにサインインする必要がありますが、閲覧者はアカウントを持っていなくても見ることができます。  

 

④Canvaのウェブサイトを公開するには、自分のホスティングアカウントが必要ですか?

Canvaでは無料でウェブサイトをホストすることができますので、ホスティングアカウントを所有する必要はありません。