Diviプラグインのハイライト：Divi Machine

Divi Machineは、Diviのサードパーティプラグインであり、Diviに多くのカスタム投稿タイプ機能を追加します。 Advanced Custom Fieldsを使用し、Divi Builderに多くの新しいモジュールを追加して、カスタム投稿タイプの新しいレイアウトを作成します。 ACFには通常はない機能も追加されます。 この記事では、Divi Machineを見て、それがニーズに適したプラグインであるかどうかを判断するのに役立つことを確認します。

DiviMachineのインストール

通常どおりプラグインをアップロードしてアクティブ化します。 Advanced CustomFieldsの無料版またはプロ版のいずれかが必要です。 インストールしていない場合は、インストールするためのメッセージと、WordPressリポジトリのプラグインのページを表示するためのリンクが表示されます。 それをインストールすれば、準備は完了です。

Diviマシン設定

設定は、WordPressダッシュボードのDiviEngineメニューにあります。 設定により、ライセンスキーの入力、デバッグモードの有効化、カスタムCSSとJavaScriptの追加、設定のインポートまたはエクスポートが可能になります。 [ヘルプの取得]タブには、いくつかのビデオとドキュメントへのリンクがあります。

Diviマシンポストタイプの作成

[投稿の種類]タブには、作成したカスタム投稿の種類が一覧表示され、新しい投稿の種類を追加するためのボタンが表示されます。

Housesという新しい投稿タイプを作成しました。 タイトルを追加すると、すべてのフィールドに自動的に入力されました。 設定には、一般設定、ラベル、投稿の表示、および詳細オプションが含まれます。

一般設定には、投稿タイプ名、スラッグ、説明が含まれます。 ラベルを使用すると、各ラベルの名前を変更できます。 投稿の表示には、公開、管理サイドバー、位置、アイコン、管理バー、およびナビゲーションメニューが含まれます。 詳細設定には、分類法、サポートメタ、検索からの除外、アーカイブの有効化、カスタムアーカイブスラッグ、および階層が含まれます。

アイコン名をクリックすると、選択できるWordPressダッシュアイコンのリストが開きます。 Housespostタイプの家を選択しています。 これは通常マルチサイトで使用されますが、とにかく使用しています。 名前をコピーして、投稿タイプ設定のアイコン名フィールドに貼り付けるだけです。

投稿タイプを公開すると、サイドバーメニューに名前が表示され、設定したアイコンが表示されます。

ACFでのフィールドグループの作成

Divi Machineで投稿タイプを作成したら、高度なカスタムフィールドを使用して投稿タイプのフィールドグループを作成します。 WordPressダッシュボードで、[カスタムフィールド]に移動し、[新規追加]をクリックします。

これにより、フィールドグループを作成するエディターが開きます。 そのフィールドに必要な情報で[フィールドとファイルの追加]を選択します。 フィールドごとにこれを行います。

各フィールドをそれぞれの属性で作成します。

フィールドは、作成した順序で表示されます。 それらをドラッグアンドドロップして、順序を並べ替えたり、各フィールドを編集したりできます。 これは、投稿タイプページの下部に表示される順序です。 投稿の種類ごとに異なります。 出版社は、このプロセスを順を追って説明する詳細なビデオを提供しているので、ここではこれらの詳細については説明していません。

これで、Houses postタイプを使用して新しい家を追加すると、すべてのフィールドが使用可能になります。 投稿を作成したら、DiviMachineのモジュールを使用して投稿を表示できます。

Diviマシンモジュール

Divi Machineは、DiviBuilderに15の新しいモジュールを追加します。 モジュールは次のとおりです。

1. ACFアイテム
2. アーカイブループ
3. カテゴリループ
4. 投稿をフィルタリングする
5. ギャラリー
6. 注文者
7. ポストカルーセル
8. コンテンツを投稿する
9. ポストメタ
10. ポストスライダー
11. 記事のタイトル
12. リピータ
13. 投稿を検索
14. サムネイル
15. 投稿を表示ボタン

これらのモジュールを使用して、投稿タイプページ、カテゴリページ、アーカイブページなどのカスタムレイアウトを作成できます。

各モジュールには、[コンテンツ]、[デザイン]、および[詳細]タブを備えた標準のDivi機能が含まれています。 これらには、レイアウト、ループ設定、グリッドオプション、要素設定などを選択するためのオプションが含まれています。 これらのサブ要素または子を持つモジュールは、VisualBuilderにコンテンツを表示しません。

一部の設定では、カスタム投稿タイプとループに関する知識が必要です。 初心者は最初はイライラするかもしれませんが、提供されているレイアウトは大いに役立ちます。 DiviMachineモジュールで作成されたいくつかのサンプルページを見てみましょう。

無料のDiviマシンレイアウトパック

出版社は、DiviBuilderとDiviThemeBuilderのページを含むいくつかの無料のレイアウトパックを提供しています。 それらは出版社のウェブサイトからダウンロードできます。 この記事では、不動産業者のレイアウトを使用します。

Houses postタイプのDiviレイアウトは、不動産業者に焦点を当てています。 それらには、投稿が見つかりません、単一のプロパティページ、およびループレイアウトが含まれます。

Houses投稿タイプのテーマビルダーのボディレイアウトには、All Houses、All Houses Category Pages、およびHouses ArchivePageが含まれます。

レイアウトをテーマビルダーにアップロードすると、レイアウトが自動的に割り当てられます。

すべての家

All Housesのレイアウトは、テーマビルダー用に設計されました。 宣伝文、テキスト、仕切り、連絡フォーム、および多くのDiviMachineモジュールを利用します。

すべての家のカテゴリとアーカイブページ

All Houses CategoryとArchiveページのレイアウトには、タイトル、投稿フィルター、モジュールごとの順序、およびアーカイブループが表示されます。

不動産業者のループレイアウト

これがエステートループのレイアウトです。 投稿タイトル、AFCアイテム、サムネイル、投稿メタなどのモジュールが含まれています。

単一のプロパティ

単一のプロパティレイアウトには、サムネイル、投稿タイトル、およびACFアイテムが表示されます。

単一の投稿ページ

テーマビルダーで作成された単一の投稿ページを見てみましょう。 視差のある背景に注目画像付きのタイトルを表示します。 サイドバー要素はフロートし、次の要素が画面上でその場所に配置されるときにのみスクロールして離れます。 その他のプロパティは、ページの下部にカードとして表示されます。

Divi MachineAJAXの機能

Divi Machineには、ユーザーがページをリロードせずにページ上の情報を更新できるようにするいくつかのAJAX機能があります。 これは検索とフィルターに最適です。

投稿をフィルタリングする

最も興味深いAJAX機能の1つはフィルターです。 ドロップダウンボックスから必要なものを選択すると、ページをリロードせずに結果が表示されます。 フィルターは高速です。 これは、DiviMachineによって作成されたコンテンツに対してのみ機能します。

フィルタの各要素は、サブ要素として追加されます。

さらにボタンを読み込む

アーカイブループモジュールには、さらに読み込む機能が含まれているため、ページの読み込み時に表示される投稿の数を制限できます。 ユーザーは、新しいページを読み込まずに、より多くの投稿をすばやく読み込むことができます。

Orderby

Orderbyモジュールを使用すると、投稿と結果を並べ替えるときにユーザーがアクセスできる順序付けオプションを選択できます。 orderbyアイテムを作成するので、完全に制御できます。

ギャラリー

無料版のACFにはギャラリーオプションが含まれていなくても、ギャラリーを作成することもできます。 ギャラリーモジュールを使用すると、ギャラリーグリッドまたはスライダーを作成し、ACFギャラリータイプを選択できます。

ドキュメンテーション

ドキュメントは、書面とビデオの両方の形式で提供されます。 詳細なビデオチュートリアルは、開発者のWebサイトの製品ページのポップアップメニューにリンクされています。 私はそれらがかけがえのないものだと思いました。 ACFの使い方もカバーしています。

価格

Divi Machineは、DiviEngineから入手できます。 いくつかの購入オプションがあります。

年間

• 1サイト£18
• 2〜5サイト£42
• 無制限の£85

一生

• 1サイト£63
• 無制限の£260

ライセンスが有効である限り、1年間のサポートとアップデートが含まれます。

終わりの考え

これがDiviMachineの見方です。 このプラグインは、Advanced CustomFieldsとDiviの両方に多くの機能を追加します。 カスタム投稿タイプは、新しいユーザーにとっては少し難しいかもしれませんが、このプラグインは、私がDiviで使用したカスタム投稿タイププラグインと同じくらい簡単に使用できます。 ビデオは投稿タイプの設定に非常に役立ち、レイアウトはDiviを使用して投稿タイプページをデザインする際の優れた出発点です。 Diviでカスタム投稿タイプを使用することに興味がある場合は、DiviMachineが簡単に選択できます。

我々はあなたから聞きたい。 Divi Machineを試しましたか？ コメントであなたがそれについてどう思うか教えてください。

PODIS /shutterstock.com経由の注目の画像