このテーマを使用してWordPressで独立したWebサイトを構築したことがある人なら、このテーマを知っている人が多く、その使用範囲は非常に広いです。そこで、この記事ではDiviテーマをベースに、このテーマのインストールと使用方法をすべての人に説明します。
Diviテーマの紹介:
まず、Divi テーマを見てみましょう。Divi テーマの最大の特徴は、独自のシステムを備えていることです。このシステムとは、独自のページ ビルダーを備えているだけでなく、このテーマ用の新しいプラグイン テーマやモジュールを開発し続ける多くの開発者がいるモールを備えていることを意味します。
一番下にそのマーケットがあります。ここにマーケットがあることがわかります。ここでは、多くのテーマ、いくつかのプラグイン、いくつかの拡張モジュールを提供しており、それらはすべて明確な販売があることがわかります。価格は高く、販売量は比較的多いため、Themeforestに似た独立したテーマ販売プラットフォームです。
もちろん、そのすべてのテンプレート スタイルやモジュールは Divi システムに基づいて開発されているため、Divi はテーマというよりは、より正確にはシステムであると言えます。もちろん、このシステムがどれほど強力であっても、WordPress に依存しています。
Divi テーマ モジュール:
Diviの無料版に加えて、無料版には200を超えるモジュール、2,000を超えるフレームワーク、店舗や企業などのさまざまな業界向けのテンプレートスタイルが含まれています。したがって、このテーマセットは、いくつかのグループの人々を対象としています。たとえば、最初のタイプはページ開発者であり、これを使用できます。店舗の所有者もいます。もちろん、モールを構築することもできます。フリーランサーもいます。誰でも使用できます。
さらに、その製品を見てみましょう。1 つ目は Divi です。Divi テーマは後でインストールします。2 つ目は独自のページ ビルダーである Divi Builder です。
3つ目は、多くの拡張テーマと、いくつかの電子メールプラグインやソーシャルメディア共有プラグインを備えています。これは、このテーマの内容の一部です。もちろん、このテーマは一般的に独自のものを持っているため、比較的高速です。ページビルダーテーマのコード容量は、そのテーマと非常に一致しているため、現時点ではそれほど多くの冗長コードを持つ必要がなく、比較的高速になります。
その利点のいくつかについても以下で説明します。最も重要なのは、コードを 1 行も書かずに、任意のスタイルのページを構築できることです。
Diviテーマのインストール:
このテーマについて私たちが知っていることはこれだけです。コンピューターのデスクトップにインストール パッケージを用意しました。このファイルは、Xuedian Web サイトから直接ダウンロードすることもできます。また、ここでバージョンを継続的に更新します。
最初に表示されるのは、現在 4.23 である Divi のメイン テンプレートです。このテンプレートにも多くのスタイルが含まれており、さまざまなページをインポートできます。
もちろん、皆様のためにPRO版のアクティベーションコードを用意しました。公式テンプレートに直接リンクし、アクティベーションコードを介してインポートすることができます。アクティベーションコードが失敗した場合は、ここでデザインテンプレートを使用するだけで済みます。また、プラグインもいくつかあり、今後もこのフォルダーで更新していきます。誰でも使用でき、中国語のパッケージもあります。
Diviテーマ設定:
次に、バックエンドに入り、テーマを見つけてインストールし、準備した Divi のメイン プログラムをアップロードして選択し、クリックして開いてインストールします。テーマが正常にインストールされたら、直接アクティブ化します。インストールが成功すると、左側の機能ボタンに Divi ボタンが表示されます。クリックして開きます。
ここで、これが Divi テーマの設定であることがわかります。ここでの設定項目は包括的で、サイトのロゴや調整可能な色も含まれています。また、パフォーマンス最適化機能も追加されるため、パフォーマンス プラグインをインストールする必要はありません。
もちろん、独自のヘッダー領域とページ ビルダーもあります。以前 Divi を紹介したとき、独自のページ ビルダーが付属しているとお伝えしましたが、この Divi テーマを使用する場合、このページ ビルダーではこのプラグインを別途インストールする必要はありません。一部のレイアウトを含め、このテーマに統合されています。サイトに広告として画像を追加したり、SEO プラグインを使用したりすることもできます。さまざまな TDK とさまざまな統合をページごとに設定できるため、インストールは不要です。
もう 1 つはアップグレード モジュールで、これには 2 つの機能があります。1 つ目は、後でテーマをアップグレードする場合にテーマをオンラインでアップグレードできるかどうかです。2 つ目は、テンプレートをインポートするときに、もちろん API キーを使用する必要があることです。これら 2 つの情報は、テーマ パッケージで提供されています。この場所にこれら 2 つの情報を直接入力するだけです。入力が完了したら、保存します。
2 番目のモジュールはテーマの構築です。これは以前使用したものと同じです。 アバダ 非常に似ています。さまざまなページテンプレートに使用できます。ヘッダー領域、本文領域、フッター領域を個別に設定できます。これについては、後で使用するときに詳しく説明します。
3 番目にもテーマのカスタマイズ設定がいくつかあります。カスタマイズ設定は基本的なものです。サイトのアイコンとフォントの背景色を変更できます。
もう 1 つはヘッダーです。これについては後で説明します。ここで説明したいのは、このテーマを正常にインストールすると、サイトを更新するとヘッダーが付属していることがわかるということです。はい、ヘッダー内のコンテンツのみを変更できます。複数のヘッダーを作成することはできません。これが制限です。ページ上の他のコンテンツについては、自由に変更できます。
したがって、このメニューのヘッダー部分を変更する場合は、他のプラグインをインストールする必要があります。たとえば、Divi スーパーメニューがあることがわかります。このメニューを変更できるのは、このようなプラグインをインストールした場合のみなので、これもシステムの一部であり、もちろん、他の機能もあります。
Divi テーマのデモのインポート:
通常どおり、ビジネステーマを使用する場合は、Diviテーマには多くのデモデータが含まれているため、最初にデモデータをインポートする必要がありますが、そのデモデータでは、たとえば、選択したストアのこれらのモジュールを確認したり、ページを開いて効果を確認したりすることもできます。プレビューしてみましょう。開いた後、このページは非常に美しいことがわかります。このページのすべてのコンテンツを編集および変更できます。メニューのコンテンツロゴとアイコンを変更できます。
さて、Divi のテーマ スタイルは、他のテーマ テンプレートとは異なります。ワンクリックでインポートできます。インポートできるのは 1 ページのみです。たとえば、サイトのホームページをデモする必要がある場合は、ホームページ モジュールをインポートするだけで済みます。次に、他のページを 1 つずつインポートする必要があります。これは主に、ページ ビルダーと Divibuilder のページ ビルダーで使用されます。それでは、アクセサリ ページに直接進みます。アクセサリでは、ホームページを作成できます。
ページに入ったら、まずタイトルを書きます。たとえば、ホームページを作成してから、まずそれを保存します。もちろん、ここでは提供されていないテンプレートでいくつかの選択を行うこともできます。テンプレートが多すぎるので、直接公開します。
公開したら、まずこのページをプレビューしてみましょう。もちろん、何も表示されていません。上部のメニューと下部のモジュールを除いて、ここで選択肢があります。1 つ目は Divi. Editor を使用すること、2 つ目はデフォルト設定を使用することです。
Divi ページエディター:
もちろん、ここでは Divi エディターを使用する必要があります。Divi ビルダーをクリックすると、ページ ウィザードが直接表示されます。ページにコンテンツを追加するには、3 つのチャネルがあります。1 つ目は、新しいモジュールを作成するだけです。これにより、自由に編集できるページ ビルダーでコンテンツが提供されます。
2 つ目は、以前に保存したレイアウト ページを選択することですが、以前に保存したことがない場合は、もちろんそこにはありません。3 つ目は、公式テンプレートの一部をインポートすることです。ここでは 3 つ目のテンプレートを直接使用し、クリックして選択し、インポートできる公式テンプレートの最初のテンプレートを入力します。
たとえば、ストアを作成したい場合は、オンライン ストアをチェックして、気に入ったスタイルを見つけます。このスタイルを選択した場合は、まずクリックして開き、プレビューしてニーズを満たしているかどうかを確認します。ニーズを満たしている場合は、インポートします。
ここでこのページを選択できます。たとえば、トップ ホームページをインポートする場合は、ホームページを選択してからレイアウトを選択すると、このページのインポートが開始されます。
インポートが成功したら、保存します。次に、ホームページに移動して更新します。ページ全体がインポートされていることがわかります。もちろん、これは選択したテンプレートなので、ワイドスクリーンがお好みの場合は、見つけることができます。ここでは、デモのみを示しています。次に、このページをホームページとして表示できます。ただし、今はドメイン名を入力して更新しています。ホームページは、私たちが作成したブログです。このページはまだホームページに追加されていません。WordPress のデフォルト設定では、設定に読み取りがあります。読み取りで、ページを選択し、ホームを選択して、保存します。
さて、サイトを更新すると、ホームページが先ほどインポートしたページになります。ホームページのみがインポートされるため、他のページもまったく同じ方法でインポートされます。では、まずバックエンドに戻りましょう。バックグラウンドに戻ったら、同様のページを作成し、同じテンプレートを使用して消費ページをインポートできます。
このテンプレートはこの方法でのみ使用できます。各ページは個別にインポートされます。これは、Divi テーマのインストールと、そのデータのインポート方法に関するものです。
