【初心者向け】Canvaを使ったホームページの作り方を簡単解説!

CanvaはWebデザインの知識がなくても
簡単にクオリティの高いデザインが作れるツールです。

ソフトのインストールが不要な上に、
無料で使うことが可能です。

Web制作の知識がなくても
Canvaのホームページ作成機能で
簡単にポートフォリオ型のホームページを作ることが出来ます。

今回は1ページ式のシンプルなホームページを
一緒に手を動かしながら作っていきましょう。

Canvaは無料でスタートすることが出来ますが
Canva Proだとデザインの幅が広がります。

▼Canva Proの45日間無料クーポンはこちらをチェック▼

 

1.レッスンスタート

ホーム画面 → テンプレート →ビジネス →ホームページの手順で
様々な形のテンプレートが出てきます。

今回は「グレー ホームファニチャーと装飾 オンラインストア ウェブサイト」
というテンプレートを選びます。

「このテンプレートをカスタマイズ」をクリックして
編集画面でページを編集するだけなので
かなり簡単にWebサイトを作ることが出来ます。

2.文字の編集

まずは文字を変更していきましょう。

「古谷の家具」と「手作り家具と装飾」が
セットになっている状態です。

この状態でクリックすると文字を編集出来ます。

文字同士がグループになっているため
くっついていて見辛いかもしれません。

そのような場合は
右クリック → グループ解除することで
見やすくなる上に
文字をそれぞれ編集することが出来ます。

「古谷の家具」の部分に
自分のショップ名を入れてみましょう。

英語で編集すると全部が大文字になってしまう場合は、
テキスト → 本文を追加をクリックすることで
文字を小文字で入力し直せます。

色を変更したい場合は
文字を選択した状態でAをクリックします。

Canva Proだと自分の好きな色をあらかじめ登録出来るので
色を統一したい場合に便利です。

フォントを変更したい場合は
「フォント」のプルダウンから選択します。

これで1ページ目の完成です。

▼Canva Proの生産性をアップさせるためのコツを知りたい方はこちらの記事をチェック▼

【無料?有料?】生産性が劇的アップするCanva Pro 有料版の優秀な機能13選

3.写真の編集

2ページ目の写真を変更してみましょう。

写真 → 検索で様々な写真が出てきます。

王冠マークがついている写真は
Canva Proユーザー限定の写真となります。

写真を編集画面にドラッグするだけで
簡単に変更出来ます。

次はメッセージ文の編集です。

右クリック → グループ解除をクリックしてから
あいさつ文を入れましょう。

ラインなど掴みにくい部分は
上下左右のカーソルを押すと
簡単に移動出来ます。

文字が小さくて見辛い場合は
編集画面の下部にあるスライダーを動かしてみましょう。

文字が詰まっている場合は
「スペース」をクリックして
行間間隔を広げます。

4.モックアップの作り方

今までに作ったサイトをモックアップとして掲載してみましょう。

まずはサイトの画面のスクリーンショットを
Canvaにアップロード後に
編集画面に貼り付けます。

エフェクト → Smartmockups →すべて表示をクリック後に
コンピューターのLaptop15を選択します。

するとサイトの画面のスクリーンショットが
PCの画面に挿入されて
モックアップ完成です。

同じフォーマットでページを増やしたい場合は
「ページを複製」をクリックします。

▼Canva Proの商用利用やPDFの最新機能について知りたい方はこちらの記事をチェック▼

【最新機能紹介】Canva 商用利用や著作権ってどうしたらいいの?

5.お問い合わせフォームへリンク

Canvaでお問い合わせフォームを作ることは不可能なので
外部サイトにリンクします。

無料のお問い合わせフォーム作成サービスの中でも
私のおすすめは「form run」です。

form runで作ったお問い合わせフォームのURLにリンクしてみましょう。

①Canvaの編集画面に「お問い合わせはこちら」の文字を配置

②素材 → 線と図形 → 四角を選択 → 長さや色を調節 →ボタンを配置

③ボタンに「Contact」の文字を配置

④form runのお問い合わせフォームのURLをコピー

⑤Canvaの編集画面に戻ります。

 

もっと見る → リンク → お問い合わせフォームのURLをペースト → 適用

これで「Contact」の文字の下部に線がついて
お問い合わせフォームへのリンク完成です。

これで全てのページが完成しました。

最後に編集画面の上部にある
ページ名の入力欄に
Webサイトのタイトルを入力しておきましょう。

また、ページごとにそれぞれタイトルを設定することも可能です。

6.Webサイトとして公開

①編集画面の右上にある「ウェブサイトとして公開」をクリック

②Webスタイルを「プレゼンテーション」から「スクロール」に変更

③「ウェブサイトを開く」をクリック

これでWebサイトとして公開することが出来ました。

今回作ったWebサイトのURLを
プロフィールリンクに貼ると
自分のポートフォリオサイトとしてリンク出来ます。

10~15分で簡単にWebサイトを作れるところが
Canvaのホームページ作成機能の魅力です。

ぜひ皆さんもCanvaでポートフォリオサイトを作ってみて下さい。

▼Canva Proの45日間無料クーポンはこちらをチェック▼

 

解説動画:【初心者向け】Canvaを使ったホームページの作り方を簡単解説!

 

 

0 Shares:
You May Also Like