Canvaでテンプレートを使用して、または一からウェブサイトをデザインする
テンプレートを使ってWebサイトを作成できます。テンプレートを組み合わせたり、何もない状態から作成したりすることもできます。
Webサイトのテンプレートでデザインする
「Webサイト」を検索して、ホームページまたは [テンプレート]タブから直接、CanvaのWebサイトテンプレートを閲覧できます。
- Canvaのホームページで、テンプレートをサイドバーから選択します。
- 検索バーに「ウェブサイト」と入力します。
- 利用可能なテンプレートをご覧ください。テンプレートを選択してプレビューを行い、[このテンプレートをカスタマイズ]を選択してエディターで開きます。
- テキスト、写真、色を変更します。エディターのサイドパネルにあるさまざまなタブを選択して、ライブラリーからコンテンツを追加することもできます。
- デザイン上のページ、テキスト、素材にアニメーションを追加するには、エディターの上部にあるツールバーに移動し、[アニメーション]を選択します。
Webサイトを使いやすくするために、ナビゲーションメニューを追加することもできます。
Webサイトをゼロからデザインする
Canvaのウェブサイトを一から作成したい場合は、空白のページから始めることができます。
- Canvaのホームページで、サイドバーからテンプレートを選択します。
- 推奨カテゴリーからWebサイトを選択してください。
- [空白のWebサイトを作成]を選択します。
- エディターのサイドパネルを使って、テキスト、写真、動画、グラフィック、グラフ、埋め込みをデザインに追加できます。
- ページ、テキスト、素材をアニメーション化するには、エディターの上部にあるツールバーに移動し、[アニメーション]を選択します。
- エディターの下部で、[セクションを追加]を選択して、同じページ内にブロックを追加します。
- [ページを追加]を使用して、新しいページを追加します。公開されると、各ページは同じWebサイト上に個別のスクロールアニメーションページとして表示されます。
Webサイトの設定にアクセスする
- 公開時: Webサイトを公開を選択し、次に設定を選択します。
- 公開済みのWebサイトの場合:Webサイトのデザインを編集し、公開、次に設定を選択します。
- Webドメインから: 設定 > Webドメイン > Webサイトの横にある表示を選択します。
サイト全体の設定を行う
サイトタブに移動します。これらの設定はWebサイト全体に適用されます。
1. Webサイトのファビコン: ファビコンは、ブラウザーのタブやブックマーク、検索結果に表示されます。
- 「サイト」タブで、ファビコンを選択します。
- (+)を選択して画像をアップロードします。
- 正方形の画像を選択します(280 x 280ピクセルをおすすめします)。
- 完了を選択します。
注:25MB以下のJPGおよびPNGファイルに対応しています。
- Webサイトのタイトル: ファビコンの横にタイトルを入力します。Webサイトのタイトルは、ブラウザーのタブや検索エンジンの検索結果に表示されます。
- プライバシーと公開設定: Webサイトを閲覧できるユーザーを設定します。
- 検索エンジンでの表示: オフにすると、Googleなどの検索エンジンにWebサイトが表示されなくなります。
- パスワード保護:閲覧者にパスワードの入力を求めます。
- ナビゲーションメニュー:Webサイトにメニューを表示します。
- モバイルでリサイズ:モバイル画面に合わせてデザインを自動調整します。
- SNSでのリンクプレビュー:Webサイトを共有したときに表示される画像とテキストを設定します。
各ページをカスタマイズする
新機能:各ページの設定を個別にカスタマイズできるようになりました。
各ページで設定できる項目:
- ページタイトル:ブラウザーのタブや検索結果に表示されます
- カスタムURLパス:「about-us」や「contact」などのURLパスを入力します
- ページの説明:検索エンジン向けのSEO概要(150~160文字を推奨)
設定例:
ホームページ
- URLパス:[ホームページの場合は空白のままにしてください]
- タイトル:「John's Design Studio -クリエイティブサービスとポートフォリオ」
- 説明:「ブランディング、ウェブデザイン、マーケティング用素材を含むプロフェッショナルなグラフィックデザインサービス。 ポートフォリオをご覧になり、今すぐお見積もりをご確認ください。」
Canvaについてのページ
- URLパス:概要
- タイトル:「John's Design Studioについて-私たちのストーリーとチーム」
- 説明:「私たちのデザイン哲学を学び、クリエイティブチームに会い、クライアントがブランディングのニーズに合わせて私たちのスタジオを選ぶ理由を発見してください。」
ヒント:ページごとに内容を変えましょう。複数のページで同じタイトルや説明を使わないようにしてください。
ページとセクションを追加する
Canva Webサイトでは複数ページのレイアウトに対応しており、複数のページにコンテンツを整理して配置できます。
- Webサイトに最大45ページ追加できます。
- デザイン時に、各ページに最大20セクション追加できます。
公開時の上限
- Canva(無料版):1ページあたり最大10セクションのWebサイトを公開できます。
- Canvaプロ、Canvaビジネス、Canvaエンタープライズ、非営利団体向けプラン、Canva教育版:1ページあたり最大20セクションのWebサイトを公開できます。
Canva(無料版)を使用していて、1ページに10を超えるセクションがある場合、次のいずれかを選ぶよう求められます。
- ページ内のセクションが10個以下になるまでセクションを削除する、または
- プランをアップグレードしてWebサイトを公開する。
Canva(無料版)では、1ページにつき最大20セクションまでデザインを続行できます。ただし、Canvaの有料プランにアップグレードしない限り、公開は1ページにつき10セクションまでに制限されています。
ページへのリンク
リンクを設定すると、複数ページのCanva Webサイトを移動しやすくなります。
- テキストを強調表示するか、素材を選択します。
- 表示されたツールバーから、 [リンク] アイコンをクリックします。表示されない場合は、まず [もっと見る] アイコンをクリックします。
- [この文書のページ] に移動し、リンク先のWebサイトページを選択します。
- [完了] をタップして変更を保存します。
Webサイトのデザインを公開する
デザインの見え方を確認するには、エディターメニューの プレビューをクリックまたはタップします。ここでは、ナビゲーションメニューの表示も確認できます。
デザインに問題がなければ、公開できます。詳しくはCanva Webサイトを公開するをご覧ください。
既存のデザインのサイズを変更して、レスポンシブWebサイトとして公開できますか?
はい、できます!Webサイトのテンプレートを使用していない場合は、Webサイトとして公開できるよう、デザインのサイズ変更を求められます。
お役に立ちましたか?
高評価
低評価