この記事には広告を含む場合があります。
記事内で紹介する商品を購入することで、当サイトに売り上げの一部が還元されることがあります。
Canvaは簡単に質の高いWebサイト(ホームページ)を無料から作れるおすすめなデザインツールです。
Webサイトを作成するのに必要な、
- ドメイン
- 画像
- テキスト
- リンクボタン
これらもすべてCanvaでできます。
CanvaでWebサイトを作成するのにあたり、HTML、CSSなどのWeb知識も一切不要です。
今回作成したCanvaのWebサイトがこちらです。
無料で作成しました!
- CanvaのWebサイトはどうやって作るの?
- Web知識がない初心者でもできるの?
このように思っている方に向けて、画像付きで丁寧に解説します。
この記事を参考にすれば誰でも失敗せずに安心してCanvaでWebサイトを作れるようになれます。
![](https://can-sil.com/wp-content/uploads/2021/07/papa-pattern-04.jpg)
Canva Japan認定講師
ぺち丸
日本初のCanvaJapan 認定講師|Canvaを超愛しているのでCanvaの便利機能、最新情報を伝えます
Canvaのことを知りたい方、始めてみたい方は下記の記事をご覧ください。
当サイトからCanva Proを登録しますと、30日間の無料お試し期間が適用されるのでお得です。
体験終了3日前にお知らせメールあり
CanvaでWebサイトを作成する方法を画像付きで解説
![CanvaでWebサイトを作成する方法](https://can-sil.com/wp-content/uploads/2022/09/04884da4e51b32885359ae5712ad23ec-1024x576.png)
CanvaでWebサイトを作る手順は以下のとおりです。
- テンプレートから探す
- タイトルを変更
- テキスト、画像、カラーを変更
- 作成したサイトを確認する(プレビュー)
- ドメインを選択
- Webサイトを公開する
![ぺち丸](https://can-sil.com/wp-content/uploads/2021/07/papa-pattern-04.jpg)
順番に解説するよ!
①Webサイトのテンプレートを探す
![Canva Webサイトテンプレート](https://can-sil.com/wp-content/uploads/2022/09/b705039d5a9e9ef14b216e7e752340d0-1024x458.jpg)
Canvaのホーム画面のカテゴリーもしくは検索窓に「Webサイト」と入力。
![Canva Webサイトテンプレート一覧](https://can-sil.com/wp-content/uploads/2022/09/23ce2272ee8fb8d1128354b760825bfa-1-1024x533.jpg)
様々テンプレートがあるのでお好みのテンプレートを選択しましょう。
![Canva Webサイトテンプレート](https://can-sil.com/wp-content/uploads/2022/09/6914ca78a08ae46da0b215f415422c5f-1024x467.jpg)
今回はこのテンプレートを使用します。
②タイトルを変更する
![Canva Webサイト タイトル変更](https://can-sil.com/wp-content/uploads/2022/09/efedeeca91a6d8854c1806600b9a809a-1024x506.jpg)
まずはタイトルを変更しておきましょう。
今後Canva内で検索するときに便利です。
③テキスト、画像、カラーを変更
TOPページのテキスト、画像、カラーを変更をしましょう。
![Canva Webサイトやり方](https://can-sil.com/wp-content/uploads/2022/09/3-1.jpg)
- 素材からWebサイトの画像を入れ替える
- テキストの変更※フォントの種類も日本語に変えること
- カラーの変更
▼スライドでビフォーアフターを確認できます。
![before画像](https://can-sil.com/wp-content/uploads/2022/09/0bd4ece8f43a11e0ab168908a219eede.jpg)
![after画像](https://can-sil.com/wp-content/uploads/2022/09/Home.jpg)
動画やアニメーションも挿入できる
Canva内にある動く素材(アニメーション)や動画も挿入することが可能です。
![Canva Webサイト 動画アニメーション使える](https://can-sil.com/wp-content/uploads/2022/09/42e38399f837884372eeb6be2a8975e2.gif)
ただし、アニメーションを入れすぎるとサイトの表示速度が遅くなってしますので注意してください。
④作成したサイトを確認する(プレビュー)
ここめちゃくちゃ大事です!
スマホで見る人が大半なのでスマホでもちゃんと見られるのか確認しましょう。
![Canva Webサイト プレビュー](https://can-sil.com/wp-content/uploads/2022/09/c6e58ae6f008239507415c904172d1b5-1024x648.jpg)
編集画面の右上に「プレビュー」があります。
ここをクリックしましょう。
![Canva Webサイト プレビュー](https://can-sil.com/wp-content/uploads/2022/09/6abda82b9d98f71f3e2aece585457dfd-1024x499.jpg)
PC画面、スマホ画面で見てレイアウトに問題ないか確認。
スマホ画面に最適化するかのチェックがありますが、基本入れておくと良いです。
![ぺち丸](https://can-sil.com/wp-content/uploads/2021/07/papa-pattern-04.jpg)
スマホ画面でレイアウトが崩れてないかはよく見ておこう!
⑤ドメインを選択
Webサイトのデザインを作成しましたらいよいよサイトを公開です。
公開するにあたり、ドメインを選択します。
- 無料ドメイン(これでOK)
- 有料ドメインの購入
- 既存のドメインを使用
無料ドメイン
1アカウントにつき、無料のサブドメインが1つ付与されます。
![Canva Webサイト 無料ドメイン](https://can-sil.com/wp-content/uploads/2022/09/df51f819dba70ce871277ae2bc743182-1-1024x791.jpg)
- 画面右上の「Webサイトを公開する」をクリック。
- 無料ドメインを選択
![Canva Webサイト サブドメイン](https://can-sil.com/wp-content/uploads/2022/09/5e2304ca463e93043031bbd3e127d0d4-1024x873.jpg)
サブドメインを入力します。
一度決めたサブドメインは基本変更できません。変更したい場合は、一度削除する必要があります。
すでにサブドメインが使われている場合は違うサブドメインを使う必要があります。
サブドメインの取得は早い者勝ちなので先にサブドメインを取得しておきましょう。
![Canva Webサイト 無料ドメイン](https://can-sil.com/wp-content/uploads/2022/09/6e6972747cc90ca47c18f5dfa50e9c5b-1024x704.jpg)
「collection」の部分が無料で付与されたサブドメインです。
my.canva.siteの部分は変更できません。
有料ドメイン購入
![Canva Webサイト 有料ドメイン](https://can-sil.com/wp-content/uploads/2022/09/3931be25110517e62085d8623b3635cf-1024x791.jpg)
サブドメインではなく、オリジナルのドメインを使いたい場合は「新しいドメインを取得」をクリックして購入してください。
Canvaでドメインを取得した場合は、海外の規約を確認する必要があるから正直おすすめはできません…。
▶︎詳しくはCanvaヘルプセンターにてご確認ください。
既存のドメインを使用
![Canva ドメイン](https://can-sil.com/wp-content/uploads/2022/09/5a7b68789fa36e60f5244a0935f85e42-1024x791.jpg)
元々あるドメインを紐付けさせたい場合は「既存のドメインを使用」をクリックしてください。
▶︎既存のドメインを紐づかせるためには少々手間がかかりますので、詳しくはCanvaヘルプセンターにてご確認ください。
![ぺち丸](https://can-sil.com/wp-content/uploads/2021/07/papa-pattern-04.jpg)
まずは無料ドメインを取得してWebサイトを発行しよう!
⑥Webサイトを公開する
最後にWebサイトを公開していきましょう。
![Canva Webサイト 公開](https://can-sil.com/wp-content/uploads/2022/09/71229cf2319174d6127c540adafb1515-1024x622.jpg)
内容に問題なければ「発行」をクリックしてWebサイトを公開させます。
![Canva Webサイト 公開](https://can-sil.com/wp-content/uploads/2022/09/f0eac7d6632e76ee8a744bf14d611c29-1024x650.jpg)
この画面が表示されたら無事にWebサイトが公開された証拠です。
無料会員だと5つまで、有料会員だと無制限のサイトを持てる
Canvaの無料会員でもWebサイトを無料で公開できますが、公開できるサイト数は5つまでとなっております。
Canva Proであれば公開できるサイトを無制限にできます。
無料のmy.canva.siteドメインでは、Canva FreeのユーザーはWebサイトを5つ、Canva ProユーザーはWebサイトを無制限に公開することができます。
参照:Canvaヘルプセンター
サイトに使用する素材もCanva Proの方が豊富なのと、素材に迷うことなく作成できるので時短にもなります。
当サイトからCanva Proを登録しますと、30日間の無料お試し期間が適用されるのでお得です。
体験終了3日前にお知らせメールあり
Canvaで作成したWebサイトを公開する前にやっておくこと
![Canvaで作成したWebサイトを公開する前にやっておくこと](https://can-sil.com/wp-content/uploads/2022/09/5.png)
先ほどの手順が終了した時点でWebサイトを公開できますが、公開する前にやっておくことがあります。
必須:ブラウザのタブ名、説明文を入れておく
- ブラウザのタブ名を分かりやすく書いておく
- どんなサイトかが分かる説明文に入れる
![Canva Webサイト URL](https://can-sil.com/wp-content/uploads/2022/09/4d722458133ddc9e8bb84dbd7ee004cd-1024x764.jpg)
何のタブを開いているかが分かりやすくなるので書いておきましょう。
![Canva Webサイト タブ名](https://can-sil.com/wp-content/uploads/2022/09/54c5ee0384ad56b125d1c0973e6d641f.jpg)
このように表示されます。
![Canva Webサイト 説明文](https://can-sil.com/wp-content/uploads/2022/09/275f1c64c6cf0401001a7ae945fdf39f-1024x764.jpg)
何のサイトなのか説明文に入れておきましょう。
![](https://can-sil.com/wp-content/uploads/2022/09/00917af8bb345270e3261f2d5bf53c28-1024x181.jpg)
今回のサイトではないですが、こんな感じで検索上に表記されます。
![ぺち丸](https://can-sil.com/wp-content/uploads/2021/07/papa-pattern-04.jpg)
いわゆるメタディスクリプションの部分だね!
できればやっておくこと:ナビゲーション(メニュー)、ファビコンの設定
- ナビゲーションの設定
- ファビコンの設定
![Canva Webサイト メニュー](https://can-sil.com/wp-content/uploads/2022/09/508f62a1522c8b6eff8690c7510c188b-1024x543.jpg)
ナビゲーション(メニュー画面)の設定はナビゲーションありを選択してください。
ナビゲーションに表示されるためには、各スライドにタイトルを入れる必要があります。
![Canva Webサイト メニュー](https://can-sil.com/wp-content/uploads/2022/09/5ea1c862f328addb41c7659ef1addd97-1024x576.jpg)
ナビゲーションを設定すると、このようにメニューが表示されます。
設定しておくとユーザーにとって親切なのでおすすめします。
![Canva Webサイト ファビコン](https://can-sil.com/wp-content/uploads/2022/09/533ee224cde59e9fc7cd1bd5bf956106.jpg)
ファビコンの設定をするにはペンアイコンをクリックします。
![Canva Webサイト ファビコン](https://can-sil.com/wp-content/uploads/2022/09/4b254ddd6d80ddc31fe58e75e80dec83-1024x854.jpg)
ファビコンに使用するロゴを設定します。
対応ファイルはJPG、PNGです。
サイズは180×180ピクセル以上280×280ピクセル以下。
![Canva Webサイト ファビコン](https://can-sil.com/wp-content/uploads/2022/09/38d11d55b4a0b0b442596bac6bbecfe7.jpg)
こんな感じで表示されます。
必要に応じてやること:パスワード、サイト非公開の設定
- パスワードの設定
- サイトの非公開設定
![Canva Webサイト パスワード](https://can-sil.com/wp-content/uploads/2022/09/ca16064b51240d845209a1401d0daa0e.jpg)
サイトを限定公開するときに設定できます。
パスワードはCanvaに登録したアドレスに送られます。
![Canva Webサイト 非公開](https://can-sil.com/wp-content/uploads/2022/09/5d66ae6fb09d7b8ac4e77d68d220a5c7-1.jpg)
サイトを検索上に載せないための設定です。
![ぺち丸](https://can-sil.com/wp-content/uploads/2021/07/papa-pattern-04.jpg)
これらは必要に応じて設定しよう!
Canvaで作成したWebサイトは、アカウント設定から非公開にできます。
![Canva Webサイト 非公開](https://can-sil.com/wp-content/uploads/2022/09/ea98ea96508951e98d21715bd3506ffd.jpg)
- アカウント設定
- メニューよりドメインを選択
- 非公開にしたいWebサイトから・・・をクリック
- リンクを解除で非公開
![ぺち丸](https://can-sil.com/wp-content/uploads/2021/07/papa-pattern-04.jpg)
お疲れ様です!今回作成したWebサイトはこんな感じになったよ!
CanvaのWebサイトできること3選(リンクの設定、インサイトの確認、共同編集)
![CanvaのWebサイトできること3選](https://can-sil.com/wp-content/uploads/2022/09/6.png)
テキストや画像にリンクを設定
![Canva Webサイト リンク](https://can-sil.com/wp-content/uploads/2022/09/2a7db60bb2c8392607ec316782295a75-1024x649.jpg)
- リンクにしたいテキストや画像を選択
- 画面右上のリンクのアイコンをクリック
- 各ページへ移動するためのリンクを設定できる(URLも直接入力できる)
公開したWebサイトのインサイトを確認できる(有料会員のみ)
![Canva インサイト](https://can-sil.com/wp-content/uploads/2022/09/a04a038cd1539ab76c2f12c25cfc0404-1024x683.jpg)
画面右上にあるグラフのアイコンをクリックするとインサイト(分析項目)が表示されます。
ただし各項目を見られるのはCanva Proである必要があります。
インサイトは、どこからどれだけ見られたかなどが分かります。
当サイトからCanva Proを登録しますと、30日間の無料お試し期間が適用されるのでお得です。
体験終了3日前にお知らせメールあり
共同編集ができる
編集可能のリンクを渡せば一緒にサイトを作れます。
Canvaの共有方法については下記の記事をご覧ください。
Canvaで作るWebサイトのメリット、デメリット
メリット
- 無料から使うことができる
- 素材が豊富
- 完全レスポンシブ対応であること
- 時間をあまりかけずにサイトを作れる
- 難しいコードが不要(ノーコード)なので自分でできる
デメリット
- 素材をたくさん使用するとサイト表示が遅くなる
- 細部をこだわったサイトを作れない
- ドメインに「my.Canva.site」が入っている
CanvaのWebサイトを作る上でのメリットは、ノーコードなうえに、直感的にデザインができることです。
無料でも素材を100万点数以上から使えますし、Canva Proであれば一億点数以上の素材を使えます。
デメリットとしては、大手企業にあるような綺麗で細かいサイトは作れないということです。
まずは無料のCanvaのWebサイトを作ってユーザーの様子を見てるのも一つの手です。
URLに「my.Canva.site」という表記が合っても問題ない。むしろ強力
URLにmy.Canva.siteという表記が気に入らないという人がたまにいますが、
- ドメインパワーが強いので検索上位に表示されやすい
- そもそもURLを細かくチェックする人があまりいない
![ぺち丸](https://can-sil.com/wp-content/uploads/2021/07/papa-pattern-04.jpg)
個人的にはむしろ強力なドメインパワーの恩恵がありがたい。
今回作成したWebサイトのドメインパワーを調べると36.0でした。
![](https://can-sil.com/wp-content/uploads/2022/09/2b421d49728e5a252c68b8e2162d041b.jpg)
同じドメインパワーを目指すには相当な努力が必要です。悩むくらいなら無料で強力なCanvaのWebサイトを作りましょう。
おすすめのWebサイトのテンプレートを紹介
Canva画像作成のコツん! さん
![](https://can-sil.com/wp-content/uploads/2022/09/459a3cc75417aca4bcb9f6762fe1f347.jpg)
![ぺち丸](https://can-sil.com/wp-content/uploads/2021/07/papa-pattern-04.jpg)
Canvaで圧倒的なデザインを作成しているコツんさん。
テンプレートだけではなく、素材も配布しているのでフォロー必須です!
日本に合った素敵な作品があれば随時UPします!
まとめ|無料で簡単に作れるWebサイトをCanvaで作ってみよう!
![無料で簡単におしゃれなWebサイトをCanvaで作ってみよう!](https://can-sil.com/wp-content/uploads/2022/09/7.png)
Canvaは簡単に質の高いWebサイト(ホームページ)を無料から作れるおすすめなデザインツールです。
Webサイトを作成するのに必要なこともCanvaであれば無料でできます。
![ぺち丸](https://can-sil.com/wp-content/uploads/2021/07/papa-pattern-04.jpg)
HTML、CSSなどのWeb知識も一切不要なのも嬉しいね!
Canvaは、ノーコードなうえに、直感的にデザインができること、無料でも素材を100万点数以上から使え、Canva Proであれば一億点数以上の素材を使えます。
当サイトからCanva Proを登録しますと、30日間の無料お試し期間が適用されるのでお得です。
体験終了3日前にお知らせメールあり
今回の記事を参考にCanvaでWebサイトを作り、自分だけのホームページを作ってみてはいかがでしょうか?
![ぺち丸](https://can-sil.com/wp-content/uploads/2021/07/papa-pattern-04.jpg)
何かわからないことがあれば気軽にコメントしてね!
▼ぺち丸LINE公式アカウント▼
![ぺち丸 LINE公式アカウント](https://can-sil.com/wp-content/uploads/2022/12/5bd439d75b9e07ccb5b809939c64fc5c.jpg)
お得なクーポン付き!
簡潔なWebサイト作成の手ほどき、感謝しております。
さて、質問なのですが、有料版を今年10月に取得して「ホームページ作成」に勤しもうと思った矢先、どうしても気になることがあります。私の設定に問題があるのかも知れませんので、ご教示下さい。Webサイトに投稿しますと最後のページ欄外に【Canvaを使用してデザイン】をクリックしますと私自身のCanva作成画面が表示されます。ホームページを公開して閲覧している人にも、その画面を操作できてしまわないのか、心配です。無料のホームページですから、ドメインのcanva明記は私自身は気にしませんが、この点だけは気になっております。
宮本様、コメントありがとうございます!
質問にご回答いたしますね。
僕の場合ですが【Canvaを使用してデザイン】を押しますとCanvaのホーム画面へと移行されますね。
おそらくですが、編集権を持っている人ではないと編集はできないはずです。
回答ありがとうございます。
追加で申し訳ありませんが、回答を頂けると助かります。
開いたときにCanvaのホーム画面が自分のホーム画面でなければ、問題はないですね。
自分のホーム画面になっていて、編集は制限されると言う場合は、掲載されているコ
ンテンツが【丸見え】となり、プライバシーもあったものではないと思います。
要は、Canvaの宣伝のためにWebサイトに案内されているだけだ、というのであれば
今後、Canvaのホームページ作成機能をドンドン使いこなしていきたい所存です。
開かれるCanvaの画面は宮本様と違いますのでご安心ください。
おっしゃる通り、ユーザーにCanvaを使ってほしいためそのような宣伝となっていると考えられます。
わかりやすい説明をありがとうございました!
1つ質問なのですが、CANVAPROを使用してWEBサイト公開したのですが、
「my.canva.site」の前にある名前を変更はできるのでしょうか?
初期に日付を入れてしまったようで
それ以降に作るサイトは全てその過去日付が入ったものができてしまいます。
例)https://sample20220901.my.canva.site/XXXXXX
my.canva.siteの後のURLは、毎回編集できるのですが
もしご存知であればご教授頂けると幸いです。
よろしくお願い致します。
結論から言いますと、変更できます。
ただし、一旦ドメインを削除する必要があります。
やり方はは記事に記載してある通りです。ドメインを一旦削除してもデザインは削除されませんのでご安心ください。