HostGatorを使用してWebサイトを構築する方法

05/13 2021
インターフェース
(画像:©HostGator)

初心者にとって、ウェブサイトを構築するという考えは圧倒されるかもしれません。専門的な内容を聞くと誰もが怖がってしまい、代わりに専門家の助けを求めるのに十分です。Web デザイナーは大きな違いを生み出すことができますが、腕と足も必要になります。コーディング、Web デザイン、その他の技術的な知識がないからといって、成功への道を始めるために必要なオンラインでの存在感を得る機会を奪ってはいけません。

YouTube や他の多くのサイトのチュートリアルのおかげで、初心者でも Web サイトをゼロから構築できるようになりました。つまり、あらゆる新しいビジネスのベンチャーにおいて、コードや Web デザインに関する技術的な知識がなくても、ビジネスを運営するために必要なオンライン プレゼンスを獲得でき、可能になったらプロフェッショナルな Web サイトに投資できるということです。 

すぐに Web サイトが必要な場合は、以下のチュートリアルが思っているよりも役立つため、プロフェッショナルな外観の Web サイトをすぐに実行して収益化できるようになります。これは、HostGator のGator Website Builder (新しいタブで開きます)を使用して Web サイトを作成する方法のチュートリアルです。Gator Website Builder (新しいタブで開きます) は、初心者を念頭に置いて 作成された、最も簡単で最も有望なドラッグ アンド ドロップWeb サイト ビルダー(新しいタブで開きます) の1 つです。

ホストゲーターとは誰ですか?

HostGator は、世界中の 800 万以上のサイトをサポートすることで、Web ホスティング ビジネスで名を馳せています。また、HostGator 独自の使いやすい Web サイトビルダーである Gator も提供してくれました。 

Gator は、初心者が収入を生み出すことができる Web サイトを探索して作成できるプラットフォームを提供します。ドラッグ アンド ドロップ エディター、大量のテンプレート、Web サイトの開始と完成に役立つ無数の機能を備えています。Gator の強みの 1 つはソーシャル メディアの統合です。

HostGator の Web サイト ビルダーを使用して Web サイトを構築する方法は次のとおりです。

ホストゲーター

1. HostGator の Web サイトにアクセスします。

ページに移動したら、[ホスティング] の上にマウスを置き、[Web サイト ビルダー] を選択します。 

「Web サイト ビルダー」をクリックするとすぐに、推奨プラン (スターター、プレミアム、e コマース) とその価格と機能が表示されます。ほとんどの場合、スターター パッケージには、実際に動作する Web サイトのすべての機能が含まれています。または少なくとも現時点で必要なもの。何か大きなものを構築したい場合は、このオプションを再考する必要があるかもしれません。 

スターターパッケージ(新しいタブで開きます) には、無料のホスティング、ドメイン名、ドラッグ アンド ドロップ ビルダー、カスタマイズ可能なテンプレート、Web サイト分析、無料の SSL 証明書、24 時間年中無休のサポートが含まれています。 

2. パッケージを選択します

ニーズに応じて、各パッケージにはニーズを満たすための何かが用意されています。初心者の場合、通常はスターター パッケージで十分です。より高度なデザインのスキルと Web サイト構築の知識がある場合、または e コマース機能が必要な場合は、2 番目と 3 番目のパッケージ オプションを選択することもできます。 

パッケージを選択したら、「今すぐ購入!」をクリックします。パッケージ機能のすぐ下のボタン。 

ドメイン

3. ドメイン名を選択します

Web サイトに命を吹き込み始めています。最初のステップは、Web サイトに名前を付けることです。HostGator Web サイトにログオンする前にドメイン名を決定していれば、これには数秒しかかかりません。まだまったくアイデアがない場合は、オンラインで大量のアイデアと推奨ドメイン名を提供してくれるドメイン名ジェネレーターがオンラインにたくさんあります。 

適切なドメイン名を選択することの重要性は、ビジネスに適切な名前を選択することと同様であると考えることができます。ただし、適切なドメイン名または希望するドメイン名のすべてが常に利用できるわけではないため、常にバックアップの選択肢を用意しておいてください。 

選択したドメインを入力したら、「ドメインを取得!」をクリックします。これにより、ドメイン名が利用可能かどうか Web 全体がチェックされます。お祝いのメッセージが表示されたらすぐに準備完了です。それ以外の場合は、そのまま別のドメイン名を入力してください。 

このページでは、どのプランを選択するかを再度尋ねられるため、ステップ 2 で最初に行った選択が必ずしも Web サイトのニーズを反映していないと思われる場合は、これが最終的な選択を行うチャンスです。 

4. アカウントを作成する

サインアップする他の Web サイトと同様に、HostGator アカウントのユーザー名を作成し、パスワードを設定するように求められます。同じページで支払いの詳細も入力します。VISA、Mastercard、American Express、または PayPal でお支払いいただけます。請求の詳細を入力すると、下部に注文概要が表示されます。割引コードをお持ちの場合は、ここに入力することもできます。購入が確認されると、次のステップにリダイレクトされます。

5. アプリを選択します

購入が完了するとすぐに、追加の毎月の定期料金を払って選択したアプリを追加できるようになります。その間、アプリを追加しないことも選択できます。 

ウェブサイトビルダー

6. ウェブサイトを作成する

ここからが本当の楽しみの始まりです。このページにアクセスするとすぐに、さまざまな素晴らしいテンプレートが表示され、そこから選択できます。これらのテンプレートにあるテキスト、画像、ビデオなどは完全にカスタマイズ可能であることに注意してください。これは、Web サイトを作成するときに行うことができます。

ヒント: 実際にテンプレートを選択する前に、テンプレートをプレビューできます。

7. 編集を開始する

このボタンは画面の右上にあります。このボタンをクリックするとすぐに、HostGator によって 15 秒間の短いツアーが表示されます。ツアーでは、ページの移動方法、ページの追加方法、モバイル エディター、さまざまな要素やボタンをサイトに追加する方法が説明されます。 

左側には、要素 (ソーシャル、画像、ビデオ、地図、図形、PayPal、サイト ナビゲーション、ボタン、連絡先、ファイル、HTML /ページの埋め込みなど) の追加、ページの追加など、編集のためのすべてのオプションが表示されます。ここでは、Web サイトのセクションを追加および削除するだけでなく、編集することもできます。これらのセクションをクリックすると、ページに変更を加えることができます。テキストを編集したり、画像やビデオを追加したり、さまざまなことができます。

要素の追加は、追加する要素を選択範囲からドラッグし、サイト上の希望の場所にドロップするだけで簡単です。何かを削除するのも、削除ボタンを見つけて削除するのと同じくらい簡単です。 

中央上部のモバイル ボタンを使用すると、サイトがモバイルでどのように表示されるかが表示され、Web サイトがモバイル フレンドリーになります。現在、世界中で何十億人もの携帯電話ユーザーがいることから、どの Web サイトもモバイル対応でアクセスしやすいことが不可欠です。これにより、サイトで適切に変換されます。ここから変更を加えることで、モバイルでも Web サイトがデスクトップと同じように印象的に見えるようにすることができます。 

任意のページ上の画像をクリックすると、そのスタイル、デザイン、サイズ、位置を編集したり、アニメーションを追加したりすることができます。「スタイルの変更」をクリックすると、背景、境界線、オーバーレイ効果、境界線の幅、丸み、不透明度を変更できるメニューが表示されます。画像のサイズや位置、要素の外観などを変更することもできます。ここでは、独自の画像をアップロードしたり、ストック画像 (使用可能) を使用したりすることもできます。 

WordPress のインストール

編集やデザインを簡単に行うためのオプションがすべて用意されているため、希望する Web サイトのデザインを実現できるだけでなく、そのプロセスを楽しむこともほぼ確実です。テキストの追加、フォントのスタイルとサイズの変更、ビデオ/画像の追加、ページの追加/削除など、好きなように Web サイトの編集を続けることができ、あなたのブランドを反映した Web サイトを作成することができます。 

ヒント: 何かを追加する前に、ページ上にスペースを作成します。そうしないと、Gator では何かを追加するたびに既存のテキスト/要素が自動的に調整されないため、要素が重なってしまいます。ただし、要素を移動するのは簡単です。サイトをデザインするときに

作業に満足したら、サイトを公開することができます。「公開」ボタンをクリックするだけで簡単です。 

8. これで完了です

素晴らしい!画面左上のドロップダウン メニューをクリックすると、サイトを管理できるようになります。これは、サイトのドメイン名を申請または変更したい場合に特に役立ちます。HostGator は、選択できるドメイン名の候補をいくつか示します。どのプランを選択しても、このドメインは無料で含まれるため、利用可能な任意のドメイン名を選択できます。 

次に、ドメイン サブスクリプションの存続期間を選択するよう求められます。初年度は完全に無料であり、HostGator はそのことについて必ず言及します。ここでは、HostGator が無料ドメインの有効期限が切れるとすべてのプランが自動的に更新されると述べている場所でもあります。購入を確認すると、サイトを公開する準備が整います。 

提供されるテンプレートの選択肢のすべてではないにしても、ほとんどがモバイル対応であることに注意することが重要です。e コマース サイト、ブログ、ビジネス サイト、ポートフォリオ用のサイト、またはテクノロジー サイトから選択できます。また、HostGator を使用すると、サイトの分析がどのように行われているかを常に確認できるため、理解しやすくなります。ソーシャル メディア ツールを使用してソーシャル メディアへの関与を簡単に維持できるほか、生産性向上ツールを統合してサイトを簡単に監視できます。

HostGator は世界中で 800 万を超える Web サイトをサポートしており、Gator Website Builder を使用すると、簡単なドラッグ アンド ドロップ機能と、Web サイトの作成を容易にする見事なテンプレートにより、新人とベテランの両方の起業家が世界に参入することがさらに容易になりました。風。事前に構築されたテンプレートは基本的に Web サイトのフレームワークを提供し、数分の編集だけで Web サイトが公開されて収益化が開始されます。 

ドメイン移管

他の場所でドメインを購入し、HostGator を使用して移行したい場合、その移管も非常に簡単です。ただし、HostGator のプランにサインアップすると 1 年間無料でドメインが得られるため、これはお勧めできません。それが避けられない特定の状況では、そうすることは確実に可能であり、見た目ほど時間はかかりません。 

HostGator が提供する各テンプレートは専門的にデザインされており、モバイル対応です。ほとんどの Web サイトではモバイル フレンドリーな販売が必要であり、HostGator はこれを確実にカバーします。モバイル サイトを編集しても、サイトのデスクトップ バージョンにはまったく影響しないため、いつでも編集できます。 

HostGator Web サイトには、独自の一意のドメイン名 (無料) と無制限のストレージと帯域幅が与えられます。これは、Web サイトをさらにプロフェッショナルに見せるために追加する要素のサイズや、Web サイトに流入するトラフィックについて心配する必要がないことを意味します。これらのどれも速度を低下させることはありません。 

これがまさに、HostGator がポートフォリオ サイトやトラフィックの多い e コマース サイトに最適な理由です。画像、ビデオなどの膨大なギャラリーや交通量の多さは、心配する必要はなく、興奮するものです。 

ホストゲーター - サポート

ほとんどのホスティング プランと同様に、HostGator の 24 時間年中無休の電話、ライブ チャット、電子メール サポートもお楽しみいただけます。必然的に問題が発生した場合、Gator があなたのウェブサイトをすぐにバックアップして実行できるようにサポートします。