Oxygen Builder V 4.0レビュー-設計、機能、ワークフロー
公開: 2022-04-10Oxygen Builder 4.0がここにあります。この記事では、新しいバージョンに付属するすべての新機能、変更点、およびワークフローについて説明します。 Oxygenは、テーマシステムを完全に置き換える、有名で愛されているWordPressページビルダーです。
過去数年間、バージョン3であり、CSSグリッド、完全なMetaBoxの追加、追加の速度最適化、フロントエンドとバックエンドの両方などの優れた追加が見られました。 比較的よく設計されたユーザーインターフェイスに大量のパワーが詰め込まれているため、人々はそれを気に入っています。また、コアWebバイタルに最適な高速読み込みWebサイトを作成するために、信じられないほどクリーンなコードを配置します。
OxygenBuilderの4回目の反復での見出しの機能は次のとおりです。
真新しいユーザーインターフェース
Oxygenのバックエンドビルダーを再設計または再スキンするサードパーティプラグインのコレクションが増えています。 ツールの背後にいるチームは、UIが少し古くなっているというヒントを持っている必要があります。これが、このリリースのヘッドライン機能です。
上のスクリーンショットから、「要素の追加」パネルが再作成されて画面に要素が追加され、ブレークポイントがトップバーの独自の位置に追加され、元に戻るなどの他のトップバー機能が追加されたことがわかります。やり直し、スタイルシートの切り替えなどが移動されました。
行われたことは次のとおりです。
- 機能強化：より大きなブレークポイントから継承された値がプロパティペインフィールドに表示されるようになりました（＃3665）
- 機能強化：モーダルは、アニメーション化するのと同じAOSアニメーションを使用してアニメーション化するようになりました（＃3550）
- 機能強化：デザインセットのページ、ブロック、および個々のセクションのカスタムスクリーンショットをアップロードできるようになりました（＃3574）
- 機能強化：プロパティペインで要素の名前をダブルクリックして名前を変更できるようになりました（＃3547）
Webサイトの構造をナビゲートしやすくするための優れた方法。
- 機能強化：プロパティペインフィールドがクラスまたはIDのどちらでスタイル設定されているかを視覚的に示す機能を追加しました（＃3548）
- 機能強化：セレクターペインの検索フィールドを追加（＃4037）
Oxygenで大量のCSSクラスを管理している場合、これにより、それらをすばやく見つけて、Webサイトでグローバルな変更を加えることができます。
- 機能強化：複製、保存、削除、コピー、貼り付けのためのキーボードショートカットを追加しました（＃3951）
これは非常に歓迎される拡張機能であり、ビルダーインスタンス内で要素を複製、保存、削除、コピー、および貼り付けることができます。 彼らは右クリックメニューを追加しませんでしたが、そのためのステージを述べ、メニューに期待されるキーボードショートカットを介して多くの機能を追加しました。
マージンやパディングの処理方法など、ビルダー全体で他のさまざまなユーザーインターフェイスの変更があります。 今では、開発ツールのエクスペリエンスに非常に似ています。
また、ビルダー内の実際の色が変更され、さまざまなグレーの色合いに非常に焦点が当てられていることにも気付くでしょう。
全体として、新しいUIと追加の使いやすさの強化により、ツールがバージョン3.0のWebサイトを構築するためのより効率的な方法になっていることがわかりました。 これらの変更はすべて大歓迎です。一部のユーザーにとっては、Hydrogen Packを購入する必要がなくなる場合もあります（現在、キーボードショートカットがあるため）。
リピーターの重複IDを修正
信じられないほど歓迎される修正-リピーターは、表示する個々の投稿間でIDを複製しなくなりました。 これは3.0の最大の問題の1つであり、SEOの問題を引き起こしただけでなく、単にベストプラクティスに従わなかった。
実際のマークアップは次のとおりです。各IDの後に番号が付いていることがわかります。これにより、特定のセルのスタイルを設定したり、SEOに適さない繰り返しIDを削除したりできます。
PHP8のサポート
これはFacebookグループでの大規模なリクエストであり、ツールはPHPバージョン8をサポートするようになりました。 バージョン3.0は、この新しいバージョンのPHPでは機能またはロードされません。 これにより、速度の向上を利用できるようになりました。
PHP8が優れている理由は次のとおりです。
Builderの読み込み速度の向上
重複するSVGの読み込みの削除や、サポートされている最新バージョン（＃4031）であるAngularJS 1.8.2への更新など、ビルダーの読み込み速度に直接影響するいくつかの拡張機能もあります。
読む：OxygenBuilderバックエンドローディング時間テスト
データを保存する新しい方法
以前は、酸素ページとテンプレートはショートコードとしてバックエンドに保存されていました。 これはセキュリティにとっては素晴らしいことでしたが、物事を行うための最も効率的な方法ではありませんでした。 バージョン4.0では、新しいページはJSONとして保存され、はるかに高速で効率的です。 3.0で構築されたサイトとの下位互換性があるため、重大な変更について心配する必要はありません。
アップグレード後、ショートコードを辞任すると、新しいJSON形式に変換されます。
追加のWooCommerce要素と変更
これは、コアビルダーの新しいリリースと並行して行われます。 酸素WooCommerce2.0。 ミニカートとクロスセル/アップセルコンポーネントを含む2つの新しい要素があります。
いくつかの新しいWoo固有の条件の追加は素晴らしいものであり、特定のeコマースの状況に応じてサイトをさらにカスタマイズできるようになります。
また、テーマに精通している場合は、カスタムプラグインを実行して、Connorsがこれらのテンプレートオーバーライドを検索する場所を再ルーティングする代わりに、事前に指定されたフォルダーからWooCommerceテンプレートをオーバーライドできるようになりました。
OxygenV4.0に関する注意事項
このブログ投稿で取り上げたかったことがいくつかあります。 1つ目は、何かが壊れてしまう可能性があるため、アルファ版とベータ版の両方を本番Webサイトで使用しないでください。 RC（またはリリース候補）または実際のバージョン4.0がリリースされるまで待つ必要があります。 Facebookには、バージョン4.0に更新した後、Webサイトが壊れたという投稿が大量にあります。これは、アルファ版またはベータ版を使用している場合に予想されることです。
UIが変更されたため、CSSも変更されました。つまり、ブラウザのキャッシュをクリアしてCSSを再生成しないと、問題が発生したように見えます。
最後の注意点は、この新しいバージョンが原因でサードパーティのプラグインが破損する可能性があることです。 コンポーネントの追加やCSSスタイルの点では少し異なりますが、ほとんどの主要な酸素ビルダーのサードパーティ開発者は、RCがリリースされるまでにプラグインに互換性があると予想しています。
参考文献：
- 酸素ビルダーの詳細なレビュー（エージェンシーの視点）
- OxygenBuilderサイトを移行する方法
- Divi Builder VS Oxygen Builder-2021年に誰が勝ちますか？
結論
Oxygen Builderの4番目のバージョンは、要素をコピーして貼り付けるためのキーボードショートカット、新しいイージー＆デザイン、PHP8サポート、WooCommerceの改善など、待望のユーザーエクスペリエンスを提供します。 このリリースでは、右クリックメニューやバックエンドの速度のさらなる強化など、追加のネイティブツールの準備が整うはずです。