Canvaでホームページ・Webサイトを作成する方法を紹介します。

CanvaでホームページとかWebサイト作れるって聞いたけど本当?
本当だよ!Canvaで作れてしまいます。

この記事ではCanvaでホームページを作成する方法を書いていきます。

この記事で分かること
  • Canvaを使ったホームページの作り方
  • レスポンシブ対応
  • 作ったサイトのソースコード
  • 独自ドメインの利用

CanvaでホームページやWebサイトを作るのに興味がある方はどんな風に作ることができるのか参考にしてみてください。

CanvaでWebサイト作っていきましょう

Canvaでホームページを作る

早速Canvaでホームページを作成していきましょう。[Canvaでホームページを作成する]を選択。

Websiteテンプレートからそれっぽいテンプレートを選択してみます。(テンプレートはたくさんあるから、自分のイメージに合うテンプレートを選ぶといいです。)

テンプレートは1枚に見えるけど複数のページのテンプレートになっているので、適用するだけでこんな風になります。

これだけでそれっぽいWebサイトだね。
だよね、普通にありそうなデザイン。

テンプレートを適用しただけど、これだけでもうそれっぽいですよね。テンプレートの種類はたくさんあるから、自分の作りたいサイトのイメージに合うものを選んで使ってみるといいです。

Webサイトを公開する

Webサイトを公開する際には右上の[Webサイトを公開]ボタンから行うことができる。

公開する際のドメインも設定できるようですが、無料のドメインで試します。

無料のドメインだとcanvaのドメインのサブドメインを設定して公開することができます。サブドメインは自分の好きな文字列を入力してやりましょう。

後はWebサイトの説明を書いて発行します。

これでWebサイトが公開されました。表示されたURLから作成されたWebサイトを見ることができますよ。

URLにアクセスするとちゃんとCanvaで作成したデザインになっています。

おーちゃんとネットに公開されたね。
ボタンポチポチするだけだから簡単だね。

コードを全く書かないでCanva上でテンプレートや素材などを選んでは位置するだけでデザインを作成、後はボタンをポチポチすればサイト公開をすることができます。

レスポンシブ対応

レスポンシブ対応はどうなっているのかな?と思って作成されたサイトを伸び縮みさせてみるとこんな感じ。

すごいじゃん。
すごいよね、ちゃんとレスポンシブになっています。

ソースコードは・・・

ソースコードはまあこういう自動で作ってくれるようなソフトならありそうなコードだろうなあという感じです。

idやstyleはすごいことになっているかもしれないけど、正直自動で作ってくれてこれなら正直悪くないなっていうところです。

書き出したソースコードがもっとひどいとかあったりするものもあるので、これぐらいならありかと。

Webサイトを非公開にする

もし作成したWebサイトを見られたくなくなったら非公開にするといいです。まずはプロジェクトから作成したWebsiteを選択します。Websiteと書かれているものがそうなので、その中から外套のサイトを選びましょう。

[Webサイトを公開]をクリックして[Webサイトを非公開にする]を選択します。

[サイトを非公開にする]をクリックすればサイトを非公開にすることができますよ。

CanvaでWebサイトを作る上で知っておくこと

CanvaでWebサイトを作る上でしておいた方が良いだろうなということもあるので少し書いておきます。

1ページ1セクション

Canvaで扱う1ページがWebサイトの1つのセクションとして扱われます。

なるほど、1ページがWebページの1セクションね。
そうだね、複数のページを連ねると複数のセクションができるよ。

セクションっていう言葉が分かりづらいかもしれないけど、ソースコード的にはこんな感じです。

HTMLではsectionタグが使われていますね。このsectionがCanvaで作る1ページに相当します。

独自ドメインは使用可能

さっきは無料のドメインを使ったけど、Canvaで新しいドメインを取得したり他で取得したドメインを使うこともできます。

自分のサイト作る時にはドメイン取得してやるのがいいね。
そうだね!その時にはドメイン取ろう。

無料でも作れる

自分はCanvaProっていう有料のプランを使っているんですが、無料でもこのホームページを作る機能は使うことができます。無料でホームページやWebサイトを作ってみたかったら試しに使ってみるといいですよ。

テンプレートは使わなくても作れる

テンプレートはテンプレートでしかないので、使わずともWebサイトを作ることができます。どう作るのかというと、Canvaには図形やテキスト、写真などを挿入することができるのでそれらを使ってやります。

こうして作ったものも公開するとちゃんと公開されます。

テンプレートを使わずにやるとどこをどういじってやればいいか難しいので、テンプレートをカスタマイズして徐々に自分好みのサイトにしていくのがおすすめです。

テンプレートのテキストや素材は変更可能

テンプレートはテンプレートでしかないので、テンプレート内の画像やテキストなどは自分好みに変更していくことが可能です。

テンプレートの編集は簡単なので、好みのテンプレートを適用して自分のイメージするサイトに近づけていくといいですよ。

まとめ

Canvaでどんな感じでホームページ・Webサイトを作ることができるのかっていうことを書いたけど、かなり簡単に作成から公開まですることができました。

まとめ
  • CanvaでのWebサイト作成は簡単
  • 独自ドメインは利用可能

    簡単にWebサイトを作って公開したい方は試しに使ってみるといいですよ。