Canvaホーム
ヘルプ

Canvaでテンプレートを使用して、または一からウェブサイトをデザインする


この記事は機械翻訳されました。誤りを見つけた場合はお知らせください。

用意されたテンプレートを使用して、Webサイトを作成します。組み合わせたり、ゼロから始めたりすることもできます。

Webサイトのテンプレートを使用

「Webサイト」を検索して、ホームページまたは[テンプレート]タブから直接CanvaのWebサイトテンプレートを閲覧できます。

  1. Canvaのホームページで、
    テンプレートをサイドバーから選択します。
  2. 検索バーに「ウェブサイト」と入力します。
  3. 利用可能なテンプレートをご覧ください。テンプレートを選択してプレビューを行い、[このテンプレートをカスタマイズ]を選択してエディターで開きます。
  4. テキスト、写真、色を変更します。エディターのサイドパネルにあるさまざまなタブを選択して、ライブラリーからコンテンツを追加することもできます。
  5. デザイン上のページ、テキスト、素材にアニメーションを追加するには、エディターの上部にあるツールバーに移動し、[アニメーション]を選択します。

Webサイトをナビゲートしやすくするために、ナビゲーションメニューを追加することもできます。

Webサイトをゼロからデザインする

Canvaのウェブサイトを一から作成したい場合は、空白のページから始めることができます。

  1. Canvaのホームページで、
    サイドバーからテンプレートを選択します。
  2. 推奨カテゴリーからWebサイトを選択してください。
  3. [空白のWebサイトを作成]を選択します。
  4. エディターのサイドパネルを使って、テキスト、写真、動画、グラフィック、グラフ、埋め込みをデザインに追加できます。
  5. ページ、テキスト、素材をアニメーション化するには、エディターの上部にあるツールバーに移動し、[アニメーション]を選択します。
  6. エディターの下部で、
    [セクションを追加]を選択して、同じページ内にブロックを追加します。
  7. [ページを追加]を使用して、新しいページを追加します。公開されると、各ページは同じWebサイト上に個別のスクロールアニメーションページとして表示されます。

Webサイトの設定にアクセスする

  1. 公開中[Webサイトを公開]を選択し、 [設定] を選択します。
  2. 公開済みのWebサイトの場合: Webサイトのデザインを編集し、 [公開][設定] の順に選択します。
  3. Webドメインから:
    [設定] >
    Webドメイン > 表示 の順に移動します。

サイト全体の設定

[サイト]タブに移動します。 これらの設定は、ウェブサイト全体に適用されます。

  1. Webサイトのファビコン:ファビコンは、ブラウザのタブ、しおり、検索結果に表示されます。
    1. [サイト]タブで、
      ファビコンを選択します。
    2. 画像をアップロードするには、(プラス)を選択してください。
    3. 正方形の画像を選択してください(280×280ピクセルを推奨)。
    4. [完了]を選択します。

: JPGおよびPNGファイルを最大25 MBまでサポートしています。

  1. ウェブサイトのタイトル:ファビコンの横にタイトルを入力します。 Webサイトのタイトルは、ブラウザのタブと検索エンジンの結果に表示されます。
  2. プライバシーと公開設定:ウェブサイトを閲覧できるユーザーを管理
    • 検索エンジンの表示:オフにすると、Googleや他の検索エンジンからサイトが非表示になります
    • パスワード保護:訪問者にパスワードを入力する必要があります
    • ナビゲーションメニュー:ウェブサイトにメニューを表示
    • モバイルでサイズを変更:モバイル画面用にデザインを自動的に調整
    • SNSリンクのプレビュー:サイトの共有時に表示される画像とテキストを設定します

個々のページをカスタマイズ

新機能:個々の設定で各ページをカスタマイズできるようになりました。

各ページについて、次のように設定します。

  • ページタイトル:ブラウザタブと検索結果に表示されるもの
  • カスタム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非営利団体、Canva教育版: 1ページにつき最大20セクションのWebサイトを公開できます。

Canva(無料版)を使用しており、Webサイトごとに10以上のセクションがページに含まれている場合は、次のいずれかの指示文が表示されます。

  • ページが10以上のセクションを削除するまでセクションを削除するか、
  • Canvaプランをアップグレードして、Webサイトを公開しましょう。

Canva(無料版)では、1ページにつき最大20セクションまでデザインを続行できます。ただし、Canvaの有料プランにアップグレードしない限り、公開は1ページにつき10セクションまでに制限されています。

ページのリンク

リンクは、複数ページのCanva Webサイトをナビゲートするのに役立ちます。

  1. テキストを強調表示するか、素材を選択します。
  2. 表示されたツールバーから、
    [リンク] アイコンをクリックします。表示されない場合は、まず
    [もっと見る] アイコンをクリックします。
  3. [この文書のページ] に移動し、リンク先のWebサイトページを選択します。
  4. [完了] をタップして変更を保存します。

Webサイトのデザインを公開

デザインがどのように表示されるかを確認するには、エディターメニューの

[プレビュー] をクリックまたはタップします。ここでナビゲーションメニューの表示方法を確認することもできます。

満足できるデザインが完成したら公開できます。詳しくは「Canva Webサイトの公開」をご覧ください。

既存のデザインのサイズを変更して、レスポンシブWebサイトとして公開できますか?

はい、できます。Webサイトテンプレートを使用していない場合は、Webサイトとして公開できるようにデザインのサイズを変更するよう求められます。

お役に立ちましたか?

高評価

低評価

こんな記事も読まれています