「Coyote」としても知られるBeaver Builder 2.9を紹介し、ワークフローを簡素化し、WordPressのデザインエクスペリエンスを強化するために設計されたエキサイティングな更新が満載されています。

Beaver Builder 2.9は、パフォーマンスの合理化と設計の柔軟性の向上に焦点を当てています。重要な更新には、基本モジュールからラッパーDivを削除し、「ボックス」などのコンテナモジュールがトップレベルのレイアウト要素として機能するようにし、高度なスタイリング用の強力なマルチレイヤーバックグラウンドフィールドを導入することにより、不必要なマークアップを削減することが含まれます。追加の改善により、カラーピッカーが向上し、アクセシビリティが向上し、パフォーマンスが最適化され、このリリースがデザイナーと開発者にとってもゲームチェンジャーになります。

このリリースの傑出した機能と、Webサイト構築プロセスをどのように変換できるかを詳しく見てみましょう。

ビーバービルダー2.9の紹介

Beaver Builder 2.8では、FlexBox、CSSグリッド、革新的なボックスモジュール内のレイヤーなどの強力なツールを導入しました。このアップデートにより、グローバルスタイルの使用が可能になり、ショートコードなしで北商業コンテンツを含めることが簡素化され、スムーズな編集体験のためにポップアップメーカーとの互換性が向上しました。

Beaver Builder 2.9に更新すると、クリーンマークアップ、マルチレイヤーの背景フィールドなどの高度な設計ツール、パフォーマンスの強化にアクセスできます。

ビーバービルダー2.9の新機能

Beaver Builder 2.9は、ワークフローを合理化し、創造的な可能性を拡大するために設計された次の新機能を紹介します。これらの拡張機能は、パフォーマンスを改善するだけでなく、柔軟性と制御を強化してデザイナーと開発者に力を与えます。

1。多層背景フィールド

Beaver Builder 2.9を使用すると、デザイナーは、マルチレイヤーの背景フィールドで遊ぶのが楽しい新しい機能を備えています。行、列、ボックスモジュールで利用できるこのツールでは、色、グラデーション、画像などのさまざまな背景をすべて1か所に積み重ねることができます。これにより、人目を引くデザインを作成するための多くの可能性が開かれ、レイアウトに余分な才能が追加されます。

これで、さまざまなバックグラウンドタイプを簡単に組み合わせて、ユニークで動的な効果を作成できます。微妙な階層化された外観であろうと大胆なデザインであろうと、この機能により、以前は達成が困難だった方法で背景をカスタマイズする柔軟性が得られます。

そして、途中でもっとあります！将来の更新では、これらの層状の背景Sを再利用のために保存できるようになり、設計プロセスがさらにスムーズで速くなります。わずか数回クリックして、さまざまなページやプロジェクトに一貫したバックグラウンドスタイルを適用できます。

2。真新しい色とグラデーションピッカー

Beaver Builder 2.9は、色とグラデーションのピッカーに大きなアップグレードをもたらし、これまで以上に強力にします。新しいカラーピッカーは、すべてのCSSカラー表現をサポートするようになり、必要な正確なシェードを選択する柔軟性を高めることができます。 HEX、RGB、HSL、またはその他のカラー形式で作業している場合でも、デザインに簡単に適用できるようになりました。

新しいグラジエントピッカーも同様に印象的です。無制限のカラーストップでグラデーションを作成できるため、滑らかで複雑なブレンドと完全なコントロールを作成できます。さらに、より多くのブレンドオプションを提供し、サイトの背景と要素に必要な外観を実験して実現できます。

3。ブロックエディターのブロックとしてのモジュール

バージョン2.9を使用すると、WordPressブロックエディターでビーバービルダーモジュールをさらに簡単に使用できます。モジュールの選択をブロックとして使用できるようになり、ブロックエディターエクスペリエンスへのシームレスな統合が可能になりました。この機能はオプションであるため、WordPress管理者のビーバービルダー設定を介して有効にすることができます。

開始するには、設定> Beaver Builderに移動し、 [ブロック]タブを選択して機能を有効にします。アクティブ化されると、ブロックエディターでさまざまなビーバービルダーモジュールを直接使用できます。

サポートされているモジュールの現在のリストには以下が含まれます。

• アコーディオン
• 箱
• カウントダウン
• アイコン
• アイコングループ
• 地図
• ナンバーカウンター
• 投稿
• カルーセルを投稿します
• スライダーを投稿します
• 価格表
• タブ

このリストは、将来の更新で引き続き成長し、ブロックエディターで作業し、デザインの可能性を拡大するためのさらに多くのオプションを提供します。

ビーバービルダー2.9の改善と強化

ワークフローの合理化に継続的に焦点を当てたこのアップデートには、レイアウトの作成を簡素化し、アクセシビリティを改善し、より柔軟な設計オプションを提供する機能が含まれています。これらの機能強化は、ユーザーがサイトをより強く制御できるようにしながら、効率とユーザーエクスペリエンスを向上させることを目的としています。

それでは、このリリースの傑出した更新のいくつかに飛び込みましょう。

1。ラッパーのないモジュール

Beaver Builderによるマークアップ出力を削減するための継続的な努力の一環として、すべての基本的なモジュールがラッパーDivを除外するために作り直されました。不必要なラッパーDIVSを削除することにより、このアップデートはクリーナーでより効率的なHTML出力を提供し、ページのパフォーマンスとユーザーエクスペリエンスの両方を強化します。

この変更は、現在では散らかったコードが少ない開発者にとって特に有益であり、外部システムとのカスタマイズと統合を簡素化しています。クリーナーマークアップは、ロード時間の速い時間にも寄与し、サイトのSEOランキングと全体的なユーザーの満足度を向上させることができます。

既存のモジュールの場合、Beaver Builderは、ラッパーDivをレンダリングし続けることにより、後方互換性を保証します。このアプローチにより、ユーザーは現在のレイアウトを破ることなく、更新された機能を最大限に活用できます。

この更新はデフォルトで有効になります。ただし、以前の構造を保持したい場合は、この設定を高度なオプションで切り替えることができます。 WordPressダッシュボードの[設定]> [Beaver Builderに移動し、 [詳細]タブを選択して機能を無効にします。

2。トップレベルの要素としてのコンテナモジュール

Beaver Builder 2.9では、ボックスモジュールなどのコンテナモジュールを、列や列の中に置く必要なく、トップレベルの要素として使用できるようになりました。この変更により、レイアウトを設計する際の柔軟性が高まります。

このアップデートを使用すると、必要な追加の行と列を切り取ることで、レイアウトをより簡単に作成できます。また、デザインをより適切に制御できるようになり、要素を必要な場所に正確に配置して整理することがより簡単になります。

3。パネルの改善の概要

Beaver Builder 2.9は、ページのナビゲーションをさらに簡単にするアウトラインパネルに便利なアップデートを導入します。これで、検索とフィルターオプションを使用して、探している要素をすばやく見つけることができます。これは、大規模なプロジェクトに取り組むときの実際の時間節です。

その上、アウトラインパネル内に直接インラインノードラベルを追加および編集できるようになりました。これは、あなたが行くにつれてあなたの要素にラベルを付けることができることを意味し、画面間でジャンプすることなく、整理されたままであり、すべてを追跡することを容易にします。それは小さな変更ですが、それは間違いなくあなたのレイアウトの管理をよりスムーズで効率的に管理します。

4。GoogleFontsリスト

Google Fontsリストには素晴らしいアップデートが表示されます。以前は、リストは新しいリリースが発表されたときにのみ更新されましたが、現在、WordPressがプラグインの更新をチェックするたびに自動的に更新されます。これは、次のビーバービルダーのリリースを待つ必要なく、常に最新のフォントにアクセスできることを意味します。

この変更により、フォントのオプションが常に最新であることを知って簡単に休むことができ、デザインを新鮮に保ち、最新のトレンドに合わせています。サイトのタイポグラフィをカスタマイズするのが大好きな人に大きな違いをもたらすのは、小さな改善です。

パフォーマンスの最適化

Beaver Builder 2.9を使用すると、いくつかの大幅なパフォーマンスが向上します。チームは、テーマモードとデバッグモードに関連するクエリを最適化しました。これは、特により複雑なサイトでのバックエンド操作が高速であることを意味します。これらの変更は、ビルダーがWordPressサイトとどのように相互作用するかを合理化し、不必要な遅延を削減し、全体的な効率を向上させるように設計されています。

大規模なサイトまたはより複雑なデザインを使用している場合、この更新により顕著な違いが生じ、負荷時間が短縮され、ユーザーエクスペリエンスが向上します。パフォーマンスの向上に焦点を当てることで、サイトが成長したり複雑になったりしても、ビーバービルダーが迅速かつ反応性が高いことを保証します。

Beaver Themer 1.5アップデート：ループモジュール

The Loopモジュールを導入できることを楽しみにしています。これは、動的なコンテンツデザインを次のレベルに引き上げるBeaver Themerへの強力な新しい追加です。試してみたい場合は、ループモジュールが機能に基づいて構築されているため、ビーバービルダー2.9とともにビーバーテーマ1.5をインストールしてください。

では、ループモジュールを特別なものにしているのはなぜですか？子モジュールの静的コンテナとして機能するボックスモジュールとは異なり、ループモジュールは、設定で定義されているクエリの各アイテムの子モジュールを動的に繰り返します。これにより、ニーズに合わせた完全にカスタムループレイアウトを構築できます。

このモジュールは現在、ACFリピーターや分類型ベースのループ（カテゴリやタグなど）などの新しいクエリオプションとともに、投稿モジュールと同じクエリタイプをサポートしています。さらに、ビーバーテーマのフィールド接続を使用すると、ループレイアウトのためにさらに多くのデータソースを引き込むことができます。

この機能は、コードに触れることなく、高度にカスタマイズされたポストグリッド、アーカイブレイアウト、または動的リストを作成したいユーザーに最適です。ループモジュールは、ビーバービルダーのコンテナベースのデザインの次の進化であり、コンテンツの表示方法をより柔軟に制御できます。投稿タイプのユニークなループレイアウトを作成することに興味がある場合は、試してみてください。ご意見をお聞かせください。

まだ何が来るの？

将来のビーバービルダーの更新のための地平線上には、いくつかのエキサイティングな機能があります。最も予想される追加の1つは、背景層を保存して再利用できることです。新しいマルチレイヤーの背景機能はすでにゲームチェンジャーですが、この今後の更新により、デザイナーは将来の使用のためにお気に入りの組み合わせを保存できるようにし、繰り返しのデザインで時間を節約できるようにすることで、さらに柔軟になります。

さらに、改良されたカラーピッカーの完全な統合が進行中です。現在、ほとんどのカラーフィールドで利用できますが、まだどこにでもありません。将来の更新により、すべてのカラーフィールドの完全なサポートが展開され、全面的にさらにスムーズで一貫したデザインエクスペリエンスが提供されます。これらの改善により、ビーバービルダーのユーザーは、より合理化されたワークフローを期待できるため、ユニークで洗練されたデザインを作成することがこれまで以上に簡単になります。

ビーバービルダー2.9にアップグレードします

Beaver Builder 2.9は、WordPressページビルダーのゲームチェンジャーです。よりクリーンなマークアップ、高度なバックグラウンドスタイリング、改善されたカラーツール、より良いアクセシビリティにより、このアップデートを使用すると、より速く、より視覚的に魅力的なWebサイトを作成できます。

完全なリリースノートと詳細については、Beaver Builderのドキュメントを確認するか、Changelogをご覧ください。