Divi機能の更新! 新しいカスタマイズ可能なビジュアルビルダーの紹介

公開: 2017-10-05

カスタマイズして相互作用する新しい方法
ビジュアルビルダーで

本日、Visual Builderでコンテンツを操作するためのまったく新しい方法と、VisualBuilderインターフェイスをカスタマイズするための新しい方法を紹介します。

それは地球上で最高のウェブサイトビルダーを構築するとなると、それは我々がビルダーがができるだけでなく、集中するだけでなく、それらのものを成し遂げる方法にすることが重要です。 Divi Builderインターフェースは、何十万人ものデザイナーが日々を過ごす場所です。 クリックするたびに、マウスを動かすたびに、すべてのインタラクションが私たちにとって重要であり、誰もが楽しめるインターフェイスを作成したいと考えています。

本日、Visual Builderの2つのまったく新しいインタラクションモードとともに、新しいインターフェイスのカスタマイズオプションを紹介します。 これらの設定により、コントロールを手に入れることができ、独自の好みに合わせて完璧な構築体験を調整できます。

2つのまったく新しいインタラクションモード

本日、Visual Builderにクリックモードとグリッドモードを導入し、モジュール、行、セクションを操作する2つの新しい方法を提供します。

クリックモードの紹介

デフォルトでは、VisualBuilderの主なインタラクション形式はホバーを中心に展開します。 モジュール、行、セクションにカーソルを合わせると、それらのコントロールが表示され、これらのコントロールをクリックできます。 これは、コントロールにすばやくアクセスするための優れた方法であり、ページを作成するための推奨される方法です。 そうは言っても、誰もがこの対話方法を楽しんでいるわけではなく、マウスが目的のコントロールをオーバーシュートし、クリックする直前にボタンが消えるとイライラする可能性があることを認識しています。

そのため、クリックモードと呼ばれるビジュアルビルダー用のまったく新しいインタラクションモードを構築しました。 ホバーモードとは異なり、クリックモードでは、要素にカーソルを合わせたときではなく、要素をクリックしたときにコントロールが表示されます。 要素がクリックされると、他の要素をクリックするか終了するまで、そのコントロールは表示されたままになります。

クリックモードでは、要素にカーソルを合わせると、すべての要素の概要が明確に表示されるため、ページ上の要素を簡単に見つけることができます。 これにより、特に一連の小さなモジュールを扱っている場合に、探している正確なアイテムを見つけてクリックするのがはるかに簡単になります。

グリッドモードの紹介

ホバーモードとクリックモードに加えて、グリッドモードも導入しています。 グリッドモードを有効にすると、ページ上のすべてのモジュール、行、およびセクションのコントロールが一度に表示されます。 クリックする必要も、ホバーする必要もありません。 要素の設定を開くと、グリッドが消え、デザインを調整している間、ページの鮮明な画像が表示されます。 グリッドモードが気を散らして使い続けることができない場合でも、モードのオンとオフを切り替えて、ページの構造を明確に把握することは非常に便利です。特に、多くのカスタムサイズと間隔を扱う場合は便利です。

改善されたホバーモード

2つの新しいインタラクションモードを追加しただけでなく、Diviのデフォルトのホバーモードも大幅に改善しました。 私たちの主な焦点は、小さなモジュールのホバーボタンの位置を改善し、特定のまれな状況でコントロールにアクセスすることを困難または不可能にする不要なボタンの重なりを取り除くことでした。 結果? 彼らはすぐ外、モジュールのネズミ捕りであり、ちょうど手の届かないので、あなたは、もはやアクセスホバーボタンに自分ができない見つけないでしょう!

ツールバーをカスタマイズして
インターフェイスの動作を制御する

これで、デフォルト設定を調整してエクスペリエンスを独自の設定に調整することにより、VisualBuilderインターフェイスの動作を制御できます。

ツールバーをカスタマイズする

Visual Builderツールバーがカスタマイズ可能になり、ページの作成中にどのビューモードとインタラクションモードに簡単にアクセスできるかを制御できるようになりました。 ワイヤーフレームモード、クリックモード、グリッドモード、ズーム、およびすべてのレスポンシブプレビューにワンクリックですばやくアクセスできます。 または、これらのモードをツールバーから削除して、使用する予定がない場合はスペースを解放することもできます。

すべてのオプションを開くデフォルトで切り替えます

Visual Builderで設定ポップアップを開くと、すべてのオプションがグループに編成されます。 これらのグループはデフォルトで閉じられており、マウスをクリックするだけで開くように切り替えることができます。 本日、この動作を変更する新しい「すべてのオプションをデフォルトで切り替える」設定を導入します。 有効にすると、すべてのオプショングループがデフォルトで開かれ、すべてのオプションが一度に表示され、設定のリスト全体をスクロールできるようになります。

無効化されたモジュールを完全に非表示

Divi Builderを使用すると、一部またはすべてのブレークポイントでモジュールを非表示にできます。 Visual Builderでは、無効にされたモジュールは50%の不透明度で表示されます。 これは、アイテムが非表示になっていることを意味しますが、ビルダーでアイテムを表示できるため、コントロールにアクセスしてデザインを視覚的に変更できます。 ただし、フロントエンドでページがどのように表示されるかを正確に確認できないため、これは非常に気が散る可能性があります。 本日、無効化されたモジュールを完全に非表示にするオプションを導入します。 この設定を有効にすると、無効になっているモジュールはVisualBuilderプレビューから完全に削除されます。 このオプションのオンとオフを切り替えて、非表示のモジュールをプレビューし、必要に応じて調整することができます。

DiviBuilderインターフェイスアニメーションを削除する

Visual Builderインターフェースには、全体に微妙なアニメーションが含まれています。 古いコンピューターや古いブラウザーでは、これらのアニメーションによってパフォーマンスが低下し、ビルダーの応答性が低下する可能性があります。 本日、ビルダー内のすべてのアニメーションを無効にして、それらのユーザーの処理を高速化するオプションを導入します。

デフォルトのモーダル位置を選択してください

VisualBuilderの設定ポップアップはかなりカスタマイズ可能です。 あなたはそれらの位置、それらのサイズを変えることができ、そしてあなたはそれらをあなたのスクリーンの側面にスナップすることができます。 デフォルトでは、ビルダーは最後に使用したポップアップのサイズと位置を記憶し、次にモジュールを編集すると、それに応じてポップアップが表示されます。 本日、その動作をオーバーライドするデフォルトのモーダル位置を定義できる新しいオプションを導入します。 次にビルダーを有効にして設定ポップアップを開くと、定義したデフォルトの位置に表示されます。

制御履歴状態作成頻度

デフォルトでは、Visual Builderは、Builderで実行するすべてのアクションに対して保存された履歴状態を作成します。 その後、履歴設定ポップアップを使用して、この保存された状態に戻すことができます。 長い編集セッションの後、この復元ポイントのリストは少し過剰になる可能性があり、目的の復元ポイントを見つけるのが難しい場合があります。 本日、履歴状態の作成頻度を制限して、このリストをより管理しやすくし、古いコンピューターのパフォーマンスを向上させることができる新しい設定を導入します。

デフォルトのインタラクションモードを選択します

グリッドモードとクリックモードの導入により、Visual Builderは、コンテンツを操作するための3つの独自の方法を実現しました。 デフォルトでは、Visual Builderはホバーモードでロードされますが、他のモードのいずれかを使用する場合は、それをデフォルトモードとして定義できます。 次にビルダーを開くと、選択したインタラクションモードが自動的に有効になります。

今すぐ参加、更新、アップグレードして10%オフ!

Web上で最も熱狂的で愛情のあるWordPressテーマコミュニティに参加して、今すぐDivi3.0をダウンロードしてください。 新しいVisualBuilderを使用すると、信じられないほど高速で直感的なビジュアルインターフェイスにより、これまでになく高速にWebサイトを構築できます。 あなたはそれを信じるためにそれを見なければなりません!

今すぐ参加して10%オフ!
今すぐアカウントを更新して10%オフ!
今すぐアカウントをアップグレードして10%オフ!