Web知識がなくても短時間で作れるCanvaホームページ

まふゆ

2025年6月7日 11:14

こんにちは、まふゆです。
本日は久々に近くの公園にお散歩に行ってきました。
比較的早い時間でしたが、お散歩しているわんちゃんたちにたくさん出会って癒されました…わんちゃんは尊い…

そしていろいろと活動を始めているので、情報をまとめておくためにも簡単なLP的なページが欲しいなぁと思い、今回はCanvaで「ホームページを作る」ということに挑戦してみました。

実際制作したサイトはこちら
(Kindleなどのページは閲覧注意）

🎨 そもそもCanvaとは？

**Canva（キャンバ）**は、誰でも簡単にデザインができる無料のオンラインツールです。パソコンやスマホがあれば、プロのような画像や資料を作ることができます。

🔑 主な特徴

1. 直感的に使える操作画面

ドラッグ＆ドロップで簡単に配置や編集ができる
専門ソフトのような難しい操作は不要

2. 豊富なテンプレート

チラシ、名刺、ポスター、SNS画像、プレゼン資料、動画、Webサイトなど
デザインの知識がなくてもおしゃれに仕上がる

3. ブラウザ＆アプリで利用可能

パソコンのブラウザ、iPhone、Androidなど、どこでも使える
作業データは自動でクラウド保存

4. 日本語対応＆商用利用も可能

メニューやテンプレートが日本語対応
無料素材でも一部は商用利用OK（※注意事項あり）

5. 無料でも十分使える

無料プランでも多くのテンプレート・画像・フォントが使える
有料プラン（Canva Pro）ではさらに多くの機能や素材が利用可能

🧩 何が作れるの？

種類具体例SNS投稿画像Instagram、X（旧Twitter）、YouTubeのサムネなど印刷物チラシ、名刺、ポスター、メニュー表などプレゼン資料PowerPointのようなスライド動画短い動画、プロモーション動画ホームページランディングページ、イベントページなど書類レポート、履歴書、請求書など

📌 Canvaが人気の理由

デザイン初心者でもすぐに作れる
チームでの共同編集も可能
無料で始められる

🔰 Canvaはこんな人におすすめ

デザインは初めてだけど、自分で作ってみたい人
SNSやブログをおしゃれに見せたい人
名刺・チラシなどを手軽に自作したい個人や小さなお店
外注コストを減らしたい企業や個人事業主

私もデザインのお仕事で使わせていただくこともありますし、企業様からのご依頼が「Canvaで作成」という時もあります。
昔はAdobeツール一択みたいな状況だったのが、Canvaのおかげで制作窓口やデザインツールが広がった感じがありますね。

✅ Canvaのホームページ制作機能の特徴

本題に入る前に、まずCanvaでのホームページ制作機能についてまとめておきます。

1. コード不要で誰でも簡単に作成可能

ドラッグ＆ドロップ操作で直感的に編集可能
HTMLやCSSの知識が不要

なんといってもこれです。私もコード知識は皆無ですが、そもそもコードを打つ必要もなく、キャンバス上ですべてが完結します。

2. 豊富なテンプレート

ビジネス、ポートフォリオ、イベント、個人用などの目的別テンプレートあり
スマホ、パソコンどちらにも使えるテンプレートが豊富

3. 独自ドメイン or Canvaドメインで公開

Canvaが提供する無料ドメイン（例：yourname.my.canva.site）で即公開可能。無料ドメインではホームぺージを5個まで公開可能
有料プランで独自ドメイン接続も可能

4. レスポンシブ対応※

自動でPC・スマホ・タブレットに最適化されて表示される（下記に別記あり）

5. 多様なコンテンツ配置

テキスト、画像、動画、地図、リンクボタンなどを簡単に配置可能
アニメーション付きのデザインも挿入可

6. 1ページ完結型（ランディングページに最適）

基本的にシングルページ構成
長めの縦スクロール型ページとしてデザインされる

7. 公開・編集が非常に簡単

編集後に「公開ボタン」をクリックするだけで即座に反映
URLをシェアすればすぐに他人にも見せられる

🔄 向いている用途

短期間のイベントサイト
商品やサービスのランディングページ
個人のポートフォリオ・自己紹介ページ
キャンペーンやプロモーション用特設ページ

⚠️ Canvaホームページのデメリット

ページ数が多い本格的なWebサイトには不向き
SEOやブログ機能、eコマース機能は他のCMS（例：WordPress、Wixなど）の方が優れている
レスポンシブデザイン（スマホ・パソコンどちらも対応できるデザイン）を作るのは大変

上記のデメリットで特に感じたのは「レスポンシブデザイン」について。
レスポンシブデザインとは、見る人の画面サイズに合わせて、自動で見やすく表示を調整するウェブデザインのことです。
このレスポンシブデザインを採用することで、パソコン用のホームページもスマホで見たときに見やすくすることができます。
たまに古いホームページでこれを採用していない時期のものは、スマホで見るとパソコン画面用になっているので、見づらかったりしますよね。
そんなお悩みを解消してくれるデザインです。
しかし、Canvaだとその設定が直接できるわけではないので、慣れるまではテンプレートの使用が必須になってきます。
この点が、デザインを自由に設定しづらいデメリットではあります。