ディビで見事なウェブサイトを構築する方法

WordPress Web サイトの構築は、難しい作業である必要はありません。 見事で高度に最適化されたサイトを作成するために、別の WordPress ウェブサイト ビルダー プラグインと別の WordPress テーマは必要ありません。 必要なのは、Web サイトの作成に必要なテーマと Web サイトビルダーが付属する包括的な WordPress ツールだけです。 検討できる最も人気のあるツールの 1 つは、Divi です。 この投稿では、Divi を使用して Web サイトを構築するための段階的なプロセスについて説明します。 詳細を見てみましょう。

ディビとは？

まず最初に、このツールの背景を確立しましょう。 Divi は、市場で最も人気のある Web サイトビルダーの 1 つです。 これにより、ユーザーはドラッグ アンド ドロップ メカニズムを使用して簡単に Web サイトを構築できます。 興味深いことに、Divi を使用して 250 万以上のサイトが作成されています。

非常に人気のあるテーマであることは間違いありません。 Divi テーマ ビルダーはすべてが含まれており、Divi テーマ ライセンスが 1 つあれば、無制限の Web サイト デザインを作成できます。 Diviには、Webサイトの作成に使用できる40を超えるモジュールが付属しています。

これは、年間ライセンスと生涯アクセス ライセンスの 2 つの異なるパッケージを備えたプレミアム ツールです。 どちらのプランでも、1 つのライセンスのみで無制限の Web サイトを構築できます。

Divi テーマ パッケージで利用可能な 157 を超える事前構築済みのテンプレートを調べて、Web サイトを作成できます。 最良の部分は、このツールが WordPress の他のテーマ プラグインと互換性があることです。 つまり、サードパーティのプラグインで Divi Builder を使用したい場合は、それが可能です。

Diviテーマを使用してWordPress Webサイトを作成する方法

これで、Divi ツールの概要が理解できたので、次は、Divi テーマを使用して WordPress Web サイトを作成する方法を確認します。 3 つのステップで、Divi テーマを使用してサイトを作成できます。 これらの手順は、以下で強調表示されています。

• WordPress サイトを起動します。

• WordPress サイトに Divi テーマをインストールして設定します。

• Divi テーマでサイトを構築します。

この投稿では、各ステップについて詳しく説明します。 市場で最高のツールの 1 つを使用して、Web サイトを構築する準備をしましょう。

WordPress サイトを立ち上げる

Divi テーマでカスタム WordPress サイトを作成する前に、まず WordPress サイトを立ち上げます。 これを行うには、次の手順に従います。

ステップ 1: Web サイトのホスティングを取得します。 構築する Web サイトの種類に関係なく、まずドメイン名とホスティングを取得する必要があります。 ホスティングのために探索できる優れたホスティング会社は数十あります。 WordPress メンテナンス サービスの一環としてホスティングを提供しています。

ステップ 2: サイトのドメイン名を取得します。 ほとんどのホスティング会社は、ホスティング パッケージの一部としてドメイン名を提供しています。 すでにドメイン名を購入している場合は、使用したいホスティング プラットフォームに移管できます。 各ホスティング プラットフォームには独自のセットアップ プロセスがありますが、多くの場合、従うのは簡単で簡単です。

ホスティング サイトのプロンプトに従って、ホスティングとドメイン名の購入のトランザクションを完了します。 ほとんどのホスティング プラットフォームには WordPress が自動的にインストールされますが、WordPress のワンクリック インストールを提供するものもあります。

このプロセスを問題なく完了するのは非常に簡単です。 ドメイン名とホスティングの設定、WordPress のインストールが完了すると、Web サイトが公開され、ブラウザでドメイン名を確認すると、次のようになります。

WordPress サイトで Divi テーマを構成する

Web サイトが公開され、カスタム Web サイトを構築する白紙の状態になったので、次のステップは、新しいサイトで Divi テーマをダウンロードして有効にすることです。 これを行うには、次の手順に従います。

ステップ 1: Divi テーマを購入します。 Divi テーマを購入すると、Monarch やその他の人気のあるプラグインやテーマなど、他のさまざまな製品にアクセスできます。 これを行うには、次の手順に従います。

• Elegant Themes の Web サイトにアクセスし、[価格設定] をクリックします。 これにより、利用可能なエレガント テーマの 2 つのパッケージが開きます。 要件と予算に基づいて、2 つのオプションのいずれかを選択できます。 ご希望のオプションの「Sign up Today」ボタンをクリックします。

• これにより、詳細、ユーザー名、およびパスワードを入力する必要がある別のページに移動します。 次に、「登録を完了する」をクリックします。

• 支払いセクションにリダイレクトされます。ここで、取引を完了するためにカードの詳細を入力する必要があります。 「89ドルを支払う」ボタンをクリックして支払いを完了します。 他のパッケージを選択した場合、金額は $89 ではなく反映されます。

• 支払いが完了したら、次のステップは Divi テーマをダウンロードすることです。 「Log in to Download All Our Available Products」をクリックします。

• ログイン情報を入力し、[ログイン] ボタンをクリックします。

• [Divi テーマをダウンロード] ボタンをクリックします。 これにより、コンピューター システムに Divi テーマの zip フォルダーがダウンロードされます。

ステップ 2: WordPress サイトに Divi テーマをインストールします。 これを行うには、WordPress ダッシュボードに移動し、以下の手順に従います。

• [外観] をクリックしてから [テーマ] をクリックします。

• [新規追加] をクリックしてから [テーマのアップロード] をクリックします。

• [Choose File] をクリックして、システムからダウンロードした zip ファイルを選択します。 次に、「今すぐインストール」をクリックします。

ステップ3：Diviテーマを有効にする

• WordPress ダッシュボードの左側のメニューに移動し、Divi を選択します。 次に、Diviテーマオプションで「アップデート」を選択します。

• ユーザー名と API キーを入力します。 API キーを見つけるには、[マイ アカウント] に移動し、[API キー] というラベルの付いたセクションを探します。 API キーをコピーして API キー ボックスに貼り付け、[変更を保存] をクリックします。 これにより、WordPress サイトで Divi テーマが有効になります。

Divi テーマでサイトを構築する

Divi テーマを使用すると、さまざまな機能を探索して、完璧な Web サイトを作成できます。 以下の簡単な手順に従って、Divi テーマを使用して Web サイトを構築します。

ステップ 1: 既存のレイアウトでホームページを作成します。 ホームページは、訪問者が Web サイトにアクセスしたときに最初に到達する場所です。 したがって、それは可能な限り魅力的でなければなりません。 魅力的なホームページを作成するには、次の手順に従います。

• サイトの上部にある [+ 新規] メニューをクリックし、[ページ] を選択します。

• ページ (ホーム) のタイトルを追加し、[Diva Builder を使用] をクリックします。

• 次のページで 3 つのオプションから選択できます。 それらは、「ゼロからページを作成する」、「既製のレイアウトを選択する」、および「別の既存のページを複製する」です。 このガイドでは、ゼロからページを作成する方法と、事前に作成されたレイアウトを使用する方法について説明します。

既製のレイアウトを使用してホームページを構築する方法

• [作成済みレイアウトの選択] セクションに移動し、[レイアウトの参照] をクリックします。

• 好みのレイアウトを選択し、[このレイアウトを使用] をクリックします。 さまざまなレイアウトをクリックしてプレビューし、サイトでどのように表示されるかを確認できます。

• レイアウト内のテキストを変更およびカスタマイズするには、テキストをダブルクリックして選択し、使用するテキストを入力します。 ページ上のすべてのテキストを選択して自分のテキストに置き換えることで変更できます。

• サイト上の画像を変更するには、置き換えたい画像をダブルクリックし、画像をクリックします。 次に、システムから好みの画像をドラッグ アンド ドロップして、画像を置き換えます。

• 変更が完了したら、[公開] ボタンをクリックし、サイトの上部にある [Visual Builder を終了] をクリックします。

• このプロセスに従って、サイトに他のページを作成できます

ゼロからホームページを構築する方法

• [+新規] をクリックしてから [ページ] をクリックします。

• ページのタイトルを入力し、「Divi Builder を使用」をクリックします。

• [Build from Scratch] を選択してから、[Start Building] を選択します。

• 開始するには、ページの中央にある「+」アイコンをクリックします。これにより、Specialty、Fullwidth、Regular の 3 つのオプションが表示されます。

• 選択によって、作成する各セクションの構造が決まります。 全幅セクションの場合は、「全幅」をクリックします。 これにより、全幅からページに追加できるアイテムのリストが表示されます。

ヘッダーを作成するには、「全角ヘッダー」をクリックします。 これにより、全角ヘッダーがサイトに挿入されます。 テキストを選択して新しいテキストに置き換えることで、テキストをカスタマイズできます。 ページのセクションごとにこれを行うことができます。

「レギュラー」と「スペシャリティ」をデザインにミックスして、ユニークなデザインを作成することもできます。 結果に満足したら、[公開] ボタンをクリックしてから [ビジュアル ビルダーを終了] をクリックします。これらの手順に従って、Web サイトの他のページにデータを入力してデザインすることができます。

ステップ 2: メイン メニューを作成する

• サイト名をクリックし、「テーマ カスタマイザー」を選択します。

• 開いた領域から [メニュー] をクリックし、[新しいメニューの作成] をクリックします。

• 作成するメニューの名前を入力し、メニューを表示する場所を選択します。 「プライマリ」、「セカンダリ」、または「フッター」メニューのいずれかです。

• 希望する場所を選択したら、[次へ] をクリックします。

・「＋項目追加」をクリックすると、メニュー項目に追加できるページ一覧が表示されます。

• 「+」アイコンをクリックして、任意のページをメニュー要素として追加します。 同じボタンを使用して、必要な数の項目を追加できます。

• 完了したら、[公開] ページをクリックして、行ったすべての変更を保存します。

ステップ 3: サイトのロゴを変更します。 デフォルトの Divi ロゴを削除してビジネス ロゴに変更するには、次の手順に従います。

• WordPress ダッシュボードに移動し、サイド メニューから [Divi] をクリックします。

•Diviテーマの「一般」タブの下にあるロゴオプションに移動します。

• [アップロード] をクリックし、ビジネス ロゴをデフォルトのロゴがあった場所にドラッグ アンド ドロップします。

• [変更を保存] をクリックし、Web サイトを更新して、行った変更を確認します。

結論

それだ！ Divi を使用して Web サイトを正常に構築しました。 Diviを使用する場合、Webサイトを作成するためにコーディングやショートコードは必要ありません. これは、プロセスを簡単かつシームレスにする単純なドラッグ アンド ドロップ メカニズムです。