Friday, September 20, 2024

CanvaウェブサイトビルダーとChatGPT AIでプロフェッショナルなウェブサイトを作成しましょう。

ドラッグアンドドロップメソッドを使用してプロのウェブサイトを作成する方法

追加のホスティング費用を支払う必要なしに、ドラッグアンドドロップメソッドを使用してプロのウェブサイトを簡単に作成する方法についてのチュートリアルをお探しですか?それなら、これ以上探す必要はありません!このチュートリアルでは、各ステップを案内し、最後の部分ではわずか数分で$1のプロフェッショナルドメインでサイトを公開する方法を紹介します。このチュートリアルのどの部分もスキップせずに進めるようにしてください。そうすれば、自分自身のウェブサイトを構築したり、プロのウェブサイト開発者になって収益を上げることができます。チャンネル登録、高評価ボタンのクリックをお願いします。それでは、始めましょう!

目次

1. ウェブサイトのコンテンツを生成する

2. Canvaウェブサイトビルダー

3. ページの編集

4. メニューと内部リンク

5. 外部リンクとメール

6. ウェブサイトのアニメーション

7. 背景ビデオ

8. ウェブサイトの公開

9. ドメイン名の購入方法

10. ドメインをCanvaに接続する方法

ウェブサイトのコンテンツを生成する

ウェブサイトのコンテンツを生成するために、Chat GPTやGoogle BardのようなAIチャットボットを使用することができます。この例では、Chat GPTを使用します。Chat GPTにビジネスや会社のウェブサイトコンテンツを作成してもらい、Chat GPTにコピーを生成してほしいメニューやページのリストも指定します。この例では、Chat GPTに会社のキャッチフレーズも生成してもらっています。ただし、詳細なウェブコンテンツをリクエストすることもできますし、このビデオの説明欄からプロンプトをコピーすることもできます。生成ボタンをクリックしてウェブサイトのコンテンツの作成を開始します。

Canvaウェブサイトビルダー

さあ、Canvaのダッシュボードを開きましょう。Canvaをお持ちでない場合は、このビデオの説明欄に提供するリンクを使用して30日間の無料トライアルを試すことができます。Canvaのダッシュボードから、デザインスポットライトのウェブサイトに移動し、Canvaウェブサイトの作成をクリックして続行します。次に、テンプレートリストからウェブサイトのテンプレートを選択します。ビジネスに最も適したテンプレートを選び、選択したテンプレートをすべてのページに適用するために「すべてのページに適用」ボタンをクリックします。次に、コンテンツの数を合わせましょう。ページを追加、複製、または削除することができます。この場合、このテンプレートから2つのページを削除する必要があります。現在のページデザインを削除するには、削除ボタンをクリックします。

ページの編集

さあ、Chat GPTが生成したコピーを使用してウェブサイトのコンテンツを編集しましょう。また、コンテンツに合わせてウェブサイトのグラフィックスも変更することができます。通常のCanvaデザインでデザインを作成するように、Canvaオブジェクトをウェブサイトに追加することができます。すべてのページに対してこれらの手順を行ってください。時間を節約するため、このビデオではすべてのページを編集しません。

メニューと内部リンク

さあ、ユーザーのナビゲーションを容易にするために、最初のページにナビゲーションメニューを追加しましょう。テキストメニューに移動し、好みのテキストスタイルを選択します。テキストのサイズを変更し、名前に変更します。このテキストを他のメニューやテキストにもコピーします。その後、最初のメニューを右クリックし、リンクオプションを選択します。このメニューがナビゲートするページを選択します。この例では、「About Us」は「Untitled」という名前の「About Us」ページを指すようにします。変更を適用するために「完了」をクリックします。すべてのメニューに対してこれらの手順を繰り返します。同じ手順を行うことで、任意のオブジェクトをハイパーリンクとして使用することもできます。さあ、別のページにジャンプするためにボタンを使用しましょう。すべてが設定されたら、メニューをクリックします。

外部リンクとメール

この部分では、ソーシャルメディアへの外部リンクの作成方法とメールボタンの作成方法を示します。連絡先ページに移動します。Instagramボタンを右クリックし、リンクオプションを選択し、InstagramページのURLを貼り付けます。変更を適用するために「完了」をクリックします。このテクニックを使用して、他のウェブサイトやページへの外部リンクを作成することもできます。さあ、メールボタンを作成して自動的にメールアプリを開き、新しいメールを作成しましょう。例として、事前に作成されたメールアドレスを使用します。メールアドレスを右クリックし、「リンクtoe」をクリックし、メールアドレスを続けます。

ウェブサイトのアニメーション

ウェブサイトをよりインタラクティブにするために、ウェブサイト上の任意のオブジェクトにアニメーションを追加してカスタマイズしましょう。ただし、この例では最初のページのみ変更を加えます。アニメーションを追加したいオブジェクトをクリックします。アニメーションボタンをクリックし、アニメーションスタイルと速度を選択します。

背景ビデオ

ページの背景としてビデオを追加することもできます。この例では、Canvaのストックビデオからビデオを選択します。好みのビデオを選択し、ビデオを右クリックし、背景を置き換えるオプションを選択します。

ウェブサイトの公開

すべてが設定されたら、ウェブサイトを公開しましょう。この部分は有料ドメインを使用したくない人向けで、Canvaから無料のサブドメインを使用します。ウェブサイトを公開するボタンをクリックし、無料ドメインオプションを選択し、続行ボタンをクリックします。今、サブドメイン名を入力し、続行をクリックします。ウェブサイトのSEOを向上させるためにページの説明を追加します。ウェブサイトのパスワード、検索エンジンの可視性、リンクプレビューオプションを追加するための高度なオプションも設定できます。公開ボタンをクリックしてライブにします。おめでとうございます、これでウェブサイトが完成しました!

ドメイン名の購入方法

この部分では、ウェブサイトをプロフェッショナルに見せるために$1のドメイン名を購入する方法を紹介します。このビデオの説明欄に提供するリンクを使用してName Cheのウェブサイトにアクセスします。ドメインメニューに移動し、ドメインオプションをさらに表示するために「さらに表示」ボタンをクリックします。任意のトップレベルドメインを選択できますが、このウェブサイトはデモ用なので、オンライントップレ