Divi 3.0はあなたのための素晴らしいフロントエンドビルダーを備えています WooCommerce オンラインショップ

Divi それが来るとき私たちの選択のWordPressテーマです WooCommerce、そして新しい Divi 3.0 は、ユーザーインターフェース用の最新のJavaScriptライブラリであるReactを使用してゼロから再構築された完全に新しい「ビジュアルビルダー」(「フロントエンドエディター」とも呼ばれます)を導入しています。 この新しいビルダーにより、ユーザーはシンプルで美しいビジュアルコントロールを使用して、WebサイトのフロントエンドでWordPressページを編集できます。 Builderをアクティブ化すると、Webサイトのフロントエンドに表示されるのとまったく同じようにページが表示されます。

ただし、ビルダーがアクティブな場合、ページはを使用して編集可能になります Diviの膨大な数のコンテンツ要素とデザイン設定。 段落をクリックして入力を開始したり、テキストを強調表示してフォント、サイズ、スタイルを調整したり、要素の設定を開いてコンテンツ、外観、位置を変更したりできます。 要素のドラッグ、ドロップ、サイズ変更、コピー、貼り付け、削除、複製も簡単です。

すべてが自然で直感的な方法で操作できるため、ページが活気になり、各要素が具体的に感じられます。 デザインを変更したり、ページに新しいコンテンツを追加したりすると、これらの変更はすぐに反映されます。 これは、新しいビジュアルビルダーが従来の読み込みに依存していないため、ビルダーエクスペリエンスの大部分でページの更新またはAjax読み込みバーが必要になるためです。 これがWYSIWYGの未来です。

から新しいコンテンツを追加 Diviの40以上のモジュール

に新しいコンテンツを追加する Divi 3.0はシンプルです。 ページ上の目的の場所にカーソルを合わせ、「+」ボタンをクリックして新しい要素を追加します。 あなたはのリストで迎えられます Diviほぼすべての種類のWebサイトの構築に使用できる40以上のコンテンツモジュール。 中央ドックからコンテンツをドラッグアンドドロップする必要はありません。 Diviのコンテンツツールチップは、必要なときにいつでも利用できます。

インラインエディター-1

すべてを簡単にカスタマイズ

の美しさ Divi 3.0は、コンテンツのデザインを調整し始めると明らかになります。 すべてをカスタマイズすることができ、それらの変更が表示されるのを見ることができます リアルタイムで:

  • 数十のカスタムフォントから選択します。
  • テキストの色、サイズ、行の高さ、文字の間隔を調整します。
  • カスタムのパディングとマージンを追加します。
  • 列の構造と行の高さを変更します。
  • 背景色と画像を追加します。
  • 視差の背景とビデオの背景を有効にします。
  • コンテンツ要素をドラッグ、ドロップ、コピー、および貼り付けます。
  • レスポンシブブレークポイントごとに異なるデザイン設定を適用します。
  • ドラッグして行の高さと幅を調整します。
  • 美しいインライン編集体験をお楽しみください

新しいビジュアルビルダーがアクティブになると、ページ上のすべてのテキストが編集可能になります。 テキストの内容を調整するために要素の設定を開く必要はありません。 任意の段落をクリックして入力を開始してテキストを追加するか、任意のテキストを強調表示してフォント、サイズ、スタイル、間隔を調整するだけです。 彼らは、非常にスムーズで使いやすい独自のインラインエディターUIを作成しました。 標準のビジーなTinyMCEインターフェースに不満を感じたことがある場合は、使用すると驚くでしょう。 Divi 3.0

信じられないほどのスピードを体験

Divi 3.0のビジュアルビルダーは、おそらくこれまでに使用した中で最速のオンラインWebサイト構築エクスペリエンスです。 ページの更新やAjaxの読み込みバーはほとんどまたはまったくありません。 実際、ほとんどの構築プロセスでは、従来のロードはありません。 これは、JavaScriptがビルダーを強化し、ビルドエクスペリエンスが完全にブラウザーで行われるためです。

変更が発生するためにブラウザとサーバー間の通信に依存する代わりに、 Divi 3.0 Builderは、アプリケーションが各変更を計算するのにかかる時間だけ待つ必要があります。 適切なコンピューターと最新のブラウザーで使用すると、コンテンツを追加および調整すると、ほぼ瞬時に更新されます。 サーバーの負荷、サーバーの速度、インターネットの速度はもはや要因ではありません。

「非表示」でカスタマイズ可能なビルダーインターフェイス

カスタマイズ可能なインターフェイス2

彼らは、新しいビジュアルビルダーのデザインに「InvisibleInterface」というコードネームを付けました。 これは、彼らのコアデザイン哲学のXNUMXつであり、「優れたデザインは見過ごされがちです」というものです。 最高のUIは、邪魔にならないUIであり、意図を予測してソリューションを提供するUIです。 これが、インターフェースが真に「直感的」であることの意味です。 Divi 3.0は、不要なグリッド、線、ボタンであなたを攻撃しません。 画面の領域を奪うためのフローティングヘッダーやサイドバーや、視界を遮るオーバーレイはありません。 ビルダーを最初にロードしたときは、そこにあることすら知らないかもしれませんが、マウスでページを探索し始めると、コントロールが明らかになります。

Divi 3.0のビジュアルビルダーは、カスタマイズ可能なインターフェイスを提供する最初のWordPressページビルダーです。 これは、ビルダーのコントロールがどのように表示されるかに関して、特定のUI規則に夢中にならないことを意味します。 これらの設定をモーダルポップアップに表示するか、そのポップアップをページの横にスナップして「サイドバー」モードにするかを選択できます。 あなたは調整することができます
画面とページのコンテンツのサイズに基づいてスペースを最適化できるように、ポップアップとサイドバーのサイズと位置。

カタリン・ゾルジニ

私はウェブデザインのブロガーで、数週間かけて苦労してこのプロジェクトを始めました。 最高のeコマースプラットフォーム 自分自身のために。 私の現在をチェックしてください トップ10のeコマースサイトビルダー.

コメント 0応答

コメントを残す

あなたのメールアドレスは公開されません。 必須フィールドは、マークされています *

評価 *

このサイトはAkismetを使用して迷惑メールを減らします。 コメントの処理方法を学ぶ.

eコマースの専門家になる

パーティーを開始するにはメールアドレスを入力してください