Diviプラグインのハイライト：Diviのバトルスーツ

Battle Suit for Diviは、Diviに新しい機能を追加するDivi Builderモジュール、Divi拡張機能、微調整、WordPressウィジェットなどのコレクションを提供するサードパーティのプラグインです。 これは、高度に拡張可能なモジュラーシステムです。 プラグイン自体は無料で、多くの無料およびプレミアムアドオンで拡張できます。

このDiviプラグインのハイライトでは、Diviのバトルスーツを見て、何が含まれているかを確認します。 プラグインはWordPressの保管場所で無料で入手できるので、主にプレミアムアドオンの例を紹介します。

ディビのバトルスーツ

Battle Suit forDiviをインストールしてアクティブ化します。 ダッシュボードメニューにDiviSenseiSuitという新しいメニュー項目が追加されました。

[設定]をクリックすると、Diviテーマオプションに移動します。 バトルスーツと呼ばれる新しいタブがDiviテーマオプションに追加されます。 ここで、機能とウィジェットを有効にできます。

アドオンを選択すると、いくつかの選択肢がある画面が開きます。 プレミアムアドオンはこちらから購入できます。 ツールセットforDiviでは、ツールセットビューとツールセットタイプをインストールする必要があります。 これには、プレミアムバージョンのツールセットが必要です。 このプラグインのハイライトでは、これら3つのアドオンすべてを使用します。

通常どおり、各プラグインをアップロードしてアクティブ化します。

ライセンスキーを追加し、アドオンを使用するためにライセンスをアクティブ化します。

Diviモジュールのバトルスーツ

多くの新しいモジュールがDiviBuilderに追加されました。 モジュールには、予想されるコンテンツ、デザイン、および詳細タブと機能が含まれています。 この画像は、Divi用バトルスーツの無料バージョンに付属するモジュールを示しています。 無料のモジュールは次のとおりです。

別の投稿–任意の投稿タイプの別の投稿のコンテンツを表示します。

バケット–宣伝文に似たモジュール。 ホバー効果が含まれています。 バケットリストの作成や商品の表示に最適です。

フッター–レイアウトの任意の場所にDiviフッターを表示します。 空白のページテンプレートまたはツールセットでフッターを表示するのに最適です。

ライブラリレイアウト–Diviライブラリからレイアウトを挿入できます。

組積造ギャラリー–さまざまなサイズの組積造レイアウトの画像を表示する新しいギャラリー。

投稿ボタン–これは投稿にリンクするボタンです。

投稿の抜粋–投稿の抜粋をカスタマイズして表示できます。

注目の画像を投稿–画像モジュールの設定で注目の画像を表示します。

ポストメタ–カスタマイズ可能なポストメタを表示します。

投稿タイトル–カスタマイズ可能なモジュールで投稿タイトルを表示します。

変換可能な画像–ホバー効果のある3D画像を表示します。

ビデオライトボックス–カスタマイズ可能なライトボックスにビデオを表示します。

プレミアムアドオンは、DiviBuilderにさらに多くのモジュールを追加します。 ここの画像には、私が使用しているプレミアムアドオンが含まれています。 開発者のWebサイトからさらにいくつか入手できます。 モジュールは次のとおりです。

カウントダウンタイマー–カウントダウンが終了したときにイベントを実行できるカスタマイズ可能なカウントダウンタイマー。

マテリアルの宣伝文–複数のボタンと標高オプションを備えた宣伝文。

コンテンツの投稿–特定のURLを表示します。 それをクリックするとリンクが開きます。

ツールセットボタン–特定のツールセットフィールドのボタンと特定のURLへのリンクを追加します。

ツールセットカウンター–これはツールセットコンテンツのカウンターです。

ツールセットギャラリー–特定のツールセットフィールドのギャラリーを表示します。

ツールセット画像–ツールセット画像を表示します。

ツールセットテーブル–レイアウトとセパレータのオプションを含むツールセットテーブルを表示します。 個々のアイテムのカスタマイズが含まれます。

ツールセットテキストフィールド–ツールセットテキストフィールドを表示します。

ツールセットビュー–ツールセットで作成されたデータベースビューを表示します。

Diviマテリアルデザイン例のバトルスーツ

Material Blurbは、1つの新しいモジュールを追加します。 この例では、著者のレイアウトからマテリアルの宣伝文句を使用して本の情報を再作成しています。 それらは元々、各本のテキスト、画像、ボタンモジュールの3つの個別のモジュールで作成されていました。 それらを単一のモジュールに置き換えることができます。 私は行くにつれていくつかのカスタマイズを行っています。 2つ目のボタンを追加し、境界線を調整し、通常とホバーの両方のシャドウをカスタマイズしました。 画像やアイコンを使用して、ホバーすると新しい画像やアイコンに変更できます。

これは、3つすべての宣伝文句を使用した結果です。 基本標高を5に設定し、ホバー標高を1に設定しました。右側の宣伝文にカーソルを合わせて、ホバーシャドウ効果を表示します。 ボタンはデフォルトのスタイルのままにしましたが、もちろん、Diviの他のボタンと同じようにスタイルを設定できます。

これについては、ホバー効果を再度調整しました。 基本標高を1に設定し、ホバー標高を0に設定しました。右端の宣伝文句にカーソルを合わせています。

ディビファイナルカウントダウンの例のためのバトルスーツ

カウントダウンタイマーも単一のモジュールを追加します。 カウントダウンタイマーで何ができるかを見てみましょう。 これは、フリップスタイルを使用したデフォルト設定です。 タイルが希望どおりに並ぶようにオフセットを調整できます。 タイトル、仕切り、ボタンを提供するリスク管理レイアウト内に配置しました。

これは、デフォルト設定のブロックスタイルです。

これについては、何週間も何日も表示していません。 ラベルを一番上に移動し、サイズと色を変更して、すべてキャップにしました。 また、時計のテキストのサイズを大きくし、時計の背景の色を変更しました。 また、時計内でテキストの位置を移動したり、幅を調整したりするオプションもあります。

これはブロックスタイルを使用しています。 時計のフォントのサイズを大きくし、フォントをアラジンに変更して紫色にし、影の効果を与えました。 時計に薄い灰色の背景を追加したので、ほとんど目立たなくなりました。

Diviツールセットの例のバトルスーツ

Toolsetアドオンは、DiviBuilderに7つのモジュールを追加します。 ツールセットのプレミアムバージョンが必要です。 Divi Toolsetアドオンのバトルスーツは使いやすいと思いましたが、Toolset自体は別の話でした。 決して直感的なプラットフォームではないので、WordPressの初心者にはお勧めしません。

WordPressとDiviに精通している場合でも、Toolsetに精通していない場合は、YouTubeでToolsetとDiviを使用してカスタムタクソノミーアーカイブを構築する方法をご覧になることを強くお勧めします。 ツールセットのダッシュボードメニューはビデオの作成後に変更されているため、それを理解するにはさらにいくつかの手順が必要になる場合があることに注意してください。 これが私が取ったステップです。

ツールセットビュー

ツールセットでビューを作成します。 ビューを使用できるように、必ず投稿タイプの表示を選択してください。

ループウィザードをスキップして、コンテンツテンプレートを選択します。 ここでDiviを選択すると、テンプレートオプションにDiviが追加されます。 Diviテンプレートがwpv-loopタグ内にあることを確認してください。

DiviBuilderを使用してテンプレートレイアウトを作成します。 まず、このフィールドのオプションから選択して有効にし、クリックして編集します。

Senseiモジュールを使用してテンプレートを作成します。 テンプレートを公開し、ビューを保存します。

出力エディタは空のままにします。

Sensei ToolsetViewモジュールをページまたは投稿レイアウトに追加します。 モジュールの[コンテンツ]タブのドロップダウンから[ビュー]を選択します。

ページにツールセットレイアウトを使用していないことを確認してください。 ツールセットではなく、 Diviのバトルスーツでレイアウトを制御する必要があります（少なくともこの場合）。

Diviで作成したテンプレートを使用して、アーカイブループに投稿を表示します。 必要なタイプのレイアウトを作成できます。 表示をオフセット0の3つの投稿に制限しましたが、これはブログモジュールのように投稿スライダーなどと一緒に使用できます。投稿を一次および二次の順序で並べ替えることもできます。

これで、作成者レイアウト内にモジュールを追加しました。 レイアウトのフォントスタイルを使用しています。 モジュールにボックスシャドウも追加しました。

ツールセットカウンター

ツールセットカウンターを使用すると、カウントする数値を入力できます。 数字またはサークルカウンターの表示を選択できます。 また、予想されるすべてのカスタマイズも含まれています。 この例では、ボックスシャドウといくつかのパディングを含む背景を上下に追加しました。 それ以外はすべてデフォルトです（入力した番号を除く）。 数値カウンターは、数値または日付をカウントできます。

これが数字を数えるサークルカウンターです。 パーセントタイプのツールセットフィールドをカウントすることもできます。

DiviWordPressウィジェット用のツールセット

Battle Suit for Diviは、WordPressにBlurbという新しいウィジェットも追加します。 タイトル、画像、URL、説明を追加して、サイドバーのクリック可能な宣伝文を作成します。

タイトル、画像、リンクURL、説明を追加します。 必要に応じて、新しいウィンドウで開くことができます。 本へのリンクを作成するために3つのウィジェットを追加しました。

著者レイアウトのセクションにサイドバーを追加しました。 結果はDiviレイアウトで見栄えがします。

ディビ価格のバトルスーツ

Battle Suite for Diviは無料で、WordPressの保管場所で入手できます。 アドオンは、プラグインのメニューから利用できます。 アドオンの価格は次のとおりです。

• Divi用ツールセット– $ 19
• マテリアルデザイン– $ 9.99
• ファイナルカウントダウン– $ 9.99

詳細については、開発者のWebサイトを参照してください。

Diviのドキュメントとサポートのためのバトルスーツ

メールまたはメニューのリンクをクリックして、サポートに連絡できます。 プラグインのメニューのリンクをクリックすると、ドキュメントが提供されます。 各モジュールの詳細な概要が記載されているFAQおよび発行元のYouTubeチャンネルへのリンクを提供します。 メインモジュールのみが含まれます。

終わりの考え

Battle Suit for Diviは興味深いプラグインであり、DiviBuilderに多くの機能を追加します。 無料版でも多くの機能が追加されますが、プレミアムアドオンを使用してさらに拡張することができます。 必要なアドオンを正確に選択できるため、これはモジュラーシステムになります。

ほとんどのモジュールとアドオンに問題はありませんでしたが、開発者のWebサイトでそれらの使用方法の例をいくつか見てみたいと思います。 特に、ツールセットアドオンの例を見てみたいと思います。 それは私に問題を与えた唯一のアドオンです。

設計時間を簡単にするためにDiviBuilderに多くの新しいモジュールを追加することに興味がある場合は、Diviのバトルスーツを確認することを強くお勧めします。

我々はあなたから聞きたい。 ディビのバトルスーツを試しましたか？ コメントであなたがそれについてどう思うか教えてください。

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