ウェブサイトデザインの知識は、ない
全くの初心者でも、簡単なウェブサイトを作成する方法はないのかなぁ?
こんな風に思ったことはありませんか?
実は、Canvaはウェブサイトを作成するためのベータ機能を無料で提供しています。
この記事は、初心者が3時間でCanvaでホームページが作成できるように、テンプレート探しからボタンやリンク付け方、最後には公開の手順までを画像付きで紹介しています。
シンプルで綺麗なホームページを簡単に作りたければ、このまま読み続けてくださいね。
Canvaでホームページを作成する手順
グラフィックデザインツールCanvaでホームページを作成するのは敷居が高いと思われるかもしれません。
しかし、機能的なだけではなく、人目を引き、クリック率やトラフィックを増加させるウェブサイトは、見た目で決められることが多いです。
Canvaは、初心者が数時間で簡単なホームページができるよう、様々なテンプレートを用意しています。
また、Canvaプロ(有料版)は今30日無料のトライアルを行っています。Canvaサイトの機能を無料、且つ無制限に試したいのであれば、「30日無料試す」をクリックしてみてくださいね。
プロの機能を30日無料で試す>>
Step 1:テンプレートを探す
まず、Canvaのホームページの検索バーに「ウェブサイト 」と入力しましょう。

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

気になったテンプレートをクリックして編集してみましょう!
Step 2: ホームページのデザイン
テンプレートの文字や写真を削除する場合、それを選んでからページの右上にある「ゴミ箱」ボタンをクリックしてください。

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

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

Step 3: ボタンとリンクの追加
ボタンは大事なナビゲーションツールです!
他のページに移る時や、特定のアクション(例:メールに登録してください!)を起こさせたい時には特に便利です。
ボタンを追加するには、まず「素材」をクリックして「ボタン」で検索しましょう。

使いたいボタンのデザインを選び、ドラッグしましょう。
文字を入れる場合は、テキストをボタンの上に置くと完成!

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


そして、eコマースをする場合、支払いリンクもボタンで埋め込むことが可能ですよ!
Step 4:YouTube動画やSNSをホームページに埋め込む
Canvaは第三者のプラットフォームと連携しているので、YouTube動画の追加や各SNS、またはGoogle Map(店舗の位置)の追加も簡単にできます。
一番左のバーを最後までスクロールして、「…(もっと見る)」が出てきます。それをクリックすると連携したいプラットフォームと紐付けることができます。

例:
YouTubeに紐付けると、Canvaで直接動画を探すことができます。
検索で動画は出てこない場合、直接動画のリンクをコピーして検索バーに入れると表示されます。

ホームページを作るのに必要なことを動画で詳しくまとめた講座がこちらです。
チェックしてみてくださいね^^
Step 5:公開前のチェック
ホームページを公開する前に、ファイルの名前を変更することを忘れないでください!
なぜかというと、ファイル名がそのままウェブサイトの名前として表示されるのでテンプレートの名前がサイトの名前になってしまいます。

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

ここで「ナビゲーションあり」と「ナビゲーションなし」の選択肢がありますが、短いワンページのホームページであれば、「ナビゲーションなし」でも十分です。
しかし、ページが多い場合、「ナビゲーションあり」で公開したほうが見やすい。



ホームページを公開する際には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のアカウントが必要ですか?