Canvaでウェブサイトを作成するには?[完全ガイド]

反応する:

コメント

あなたは望んでいます コードの専門家でなくても自分のウェブサイトを作れる ? 既にご存知のグラフィックデザインツール「Canva」では、無料でウェブサイトを作成することができます。

この記事では、以下を順を追って説明する。 Canvaでウェブサイトに命を吹き込む方法.

ステップ1: ログインするか、Canvaアカウントを作成する。

当然、あなたは 機能を利用するにはCanvaのアカウントが必要です。 ツールの

  1. をご覧ください。 Canva公式ウェブサイト.
  2. ログインまたは登録 を数回クリックするだけだ。
このスクリーンショットは、Canvaに登録またはログインするためのインターフェイスです。わずか数秒でログインや登録のためのさまざまなオプションを選択できます。
このスクリーンショットは、Canvaへの登録またはログイン画面を示しています。数秒でログインまたは登録するためのさまざまなオプションから選択できます ©️ Karen pour Alucare.fr

想起 :  Canvaには無料アカウントと、さらに機能を追加できるプレミアムオプションがある。

  1. ログインしたら、次のことができます。 各種機能へのアクセス ツールによって提案されたもの。

ステップ2:Canvaで「ウェブサイト」カテゴリを選択する

  1. ホーム画面にアクセスしたら、 「ウェブサイト」を選択して、サイト作成ツールを開きます。 Canvaで。
このスクリーンショットはCanvaのメインインターフェイスを示しており、「ウェブサイト」は6番目の作成オプションに対応しています。
このキャプチャはCanvaのメインインターフェースを示しており、「ウェブサイト」は6番目の作成オプションに相当します ©️ Karen for Alucare.fr

「ウェブサイト」ボタンをクリックすると、直接 Canvaでウェブサイトを作成するための空白ページ 隅々まで。しかし、検索バーで「ウェブサイト」を検索すると、このツールが提供するすべてのウェブサイトテンプレートにアクセスできます。

  1. 空白のページが利用可能になります あなたのウェブサイトをAからZまで作成できるように。
このスクリーンショットは、Canvaでウェブサイトを作成するためのインターフェイスを示しています。
このスクリーンショットは、Canva を使用したウェブサイト作成インターフェースを示しています ©️ Karen for Alucare.fr
  1. インターフェースでは、3つのメニューにアクセスできます:
    • 上部には 青いツールバー 「ファイル」、「サイズ変更」、「編集」などのオプションを表示します。
    • 右側、 オプション 「プレビュー」、「ウェブサイトを公開」、「共有」が表示されます。
    • 画面の左側には、列が表示されています。 いくつかのデザインオプション「テンプレート」、「要素」、「テキスト」、「ブランド」、「インポート」、「デザイン」、「プロジェクト」を含む。

ステップ3:Canvaウェブサイトのテンプレートを選ぶ

Canvaは 幅広いサイトモデル一部は無料で利用できますが、プレミアム会員のみが利用できるものもあります。

このスクリーンショットは、Canvaでウェブサイトを作成するための「テンプレート」セクションに焦点を当てており、Proテンプレートは王冠で区別されています。
このキャプチャは、Canva を使用したウェブサイト作成のための「テンプレート」セクションに焦点を当てており、プロ用テンプレートは ©️ Karen の王冠マークで区別されています。Alucare.fr

あなたはできる カテゴリーでライブラリをブラウズする (Eコマース、ポートフォリオ、ブログなど)、または検索バーを使って特定のモデルを見つけることができます。

選んだウェブサイトテンプレートはCanva上でも同じように表示され、同時に7つのページを構成することもできます。
選択したウェブサイトテンプレートは、Canva上でも同じように表示され、同時に7ページを作成することもできます。©️ Karen for Alucare.fr

を選択した。 お客様のニーズに合ったウェブサイトモデル 次のステップに進んで、それを唯一無二のものにすることができます!

ステップ4:デザインのカスタマイズ

L 'Canvaの利点の一つは、そのシンプルさです。 あなたのコンテンツをパーソナライズするために使用することができます:

  1. 任意の 直接編集するためのテキストブロック.
  2. 定義済みのテキストを置き換える 独自のタイトル、説明、行動喚起で。
  3. 画像の場合は コンピュータからドラッグ&ドロップする または、Canvaの無料画像ライブラリを利用することもできます。
  4. 色とフォントの変更 あなたのブランドや個人的なスタイルにサイトを合わせることができます。
  5. あなたはできる お好きな色、またはコーポレート・アイデンティティの色をお選びください。 をクリックするだけで、サイトのすべての要素に適用できます。
  6. ロゴのインポート さらにカスタマイズできる。
  7. Canvaを使えば サイト構成が簡単 定義済みのブロックを使用する。
  8. セクションの追加と削除 お客様のニーズに応じて:画像ギャラリー、お客様の声、お問い合わせフォームなど。

各セクションは変更可能で、以下のような柔軟性があります。 サイトのコンテンツを整理する をご覧ください。

しかし、もし競合他社に差をつけたい、人目を引くロゴを作りたいとお考えなら、以下の記事をご覧ください。エス AIロゴジェネレーター10選.

Canvaの定義済みテンプレートの例です。画像を自分の作品に置き換えたり、説明文を変更したりすることができます。フォントや色の選択もお忘れなく。
Canvaの既定のテンプレートの例です。画像を自分の作品に置き換えたり、説明文を変更したりできます。適切なフォントと色を選ぶことを忘れないでください。©️ Karen pour Alucare.fr

ステップ5:インタラクティブ機能の追加

インタラクションのないウェブサイトは、入り口のないショーウィンドウのようなものです。Canvaを使えば、 CTAを追加するか Call-To-Action (「お問い合わせ」や「今すぐ購入」など)や、ソーシャルメディアやサイト内の他のページへのリンクを追加できます。動画、アニメーションGIF、サウンドを追加することで、サイトをよりダイナミックにすることも可能です。

右側にSNSのボタンがあり、左側のメニューから他の要素(写真や動画など)を追加することができます。
Canvaで作成中のコンタクトページの例です。右側にソーシャルメディアへのボタンがあり、左側のメニューから他の要素(写真、動画など)を追加できます。©️ Karen pour Alucare.fr

ステップ6:Canvaを使ってウェブサイトを公開する

出版前に、以下のことに時間を割く。 あなたのサイトをプレビューし、すべてが整っていることを確認する。.

Canvaを使えば あなたのサイトがさまざまなデバイスでどのように表示されるかを見る (コンピューター、タブレット、スマートフォン)で、レスポンシブであり、すべてのプラットフォームでデザインの一貫性を確保してください。

プレビュー」ボタンをクリックすると、Canvaで作成したサイトをプレビューできます。
「プレビュー」ボタンで、Canva ©️ Karen for Alucare.fr を使って作成したサイトをプレビューできます。

今は サイトのデザインに満足している公開する時が来た!

Canvaのサブドメインを使えば、無料でサイトを公開することができます。しかし、よりプロフェッショナルなサイトをお望みの方は、Canvaのサブドメインを取得する必要があります。 Canvaドメイン名 プロ版経由で。

このキャプチャは、Canvaの公式サイトにあるプレゼンテーションビデオからのもので、サイトの公開と無料ドメイン名の選択を示している。
このキャプチャは、Canvaの公式サイトにある紹介ビデオから取得したもので、サイトの公開と無料ドメイン名の選択を示しています。©️ Karen for Alucare.fr

注意 : 各ページがモバイル端末で正しく表示されることを必ず確認してください!

おめでとう!あなたは今 Canvaでウェブサイトを作成する方法。 あなたのサイトのドメイン名をお探しで、ペンネームを使用したい場合は、弊社の 疑似ジェネレーター.

気に入りましたか?シェアする

このコンテンツはもともと フランス語で (すぐ下のエディタを参照)。DeeplやGoogle翻訳APIを使用して様々な言語で翻訳・校正されており、できるだけ多くの国で利用できるようになっています。この翻訳には毎月数千ユーロのコストがかかっています。もし100 %が完璧でない場合は、コメントを残していただければ修正いたします。校正や翻訳記事の品質向上にご興味のある方は、お問い合わせフォームからメールをお送りください!
私たちは、私たちのコンテンツを改善するためにあなたのフィードバックに感謝します。ご意見・ご感想は、お問い合わせフォームまたは下記までお寄せください。 あなたのコメントは、私たちのウェブサイトAlucare.frの品質を向上させるために常に役立ちます。


Alucareは独立系メディアです。Googleニュースのお気に入りに追加して応援してください:

ディスカッション・フォーラムにコメントを投稿する