水素パックのv1.3機能はゲームを変える

水素パックは、OxygenBuilderの必須プラグインです。 このツールはすべてのWebサイトプロジェクトで使用しており、おそらく数千時間の節約になります。 Oxygenの後、それは常に最初にインストールされるプラグインです。 キーボードショートカット、右クリックメニュー、コピー/貼り付け、サンドボックスモードなどが付属しています。

私たちが所有して以来の最初のメジャーアップデートで、Hydrogen Pack 1.3は、さらに時間を節約し、より優れたOxygenBuilderWordPressサイトを構築するために活用できるいくつかの重要な機能を出荷しました。 新しいツールを数時間いじった後、それらが何であるか、そしてそれらの潜在的なユースケースについて書きたかったのです。 まず、このプラグインに慣れていない場合は、機能レビューをお読みください。

https://isotropic.co/an-agency-review-of-hydrogen-pack-for-oxygen/

そのレビューは1.3に更新されていません—それがこの記事が話していることです。 余計な手間をかけずに、これらの新機能と、それらの使用方法を見てみましょう。

（この記事は基本的に、Clean PluginsサイトへのAbdelouahedの公式投稿を拡張したものであり、私、つまり1日10時間、週6日酸素を使用している人からのコメントがあります）

クラスロック

これはすでにOxyNinjaに含まれている機能であり、私が大好きになった機能です。 水素がそれを持っているので、私はおそらく、いくつかのより多くの機能を提供しながら、もう少しユーザーフレンドリーであるため、それらのユーティリティの使用に切り替えるでしょう。

クラスロックは、名前が示すとおりに機能します。 Oxygenの特定のクラスのすべての編集機能をロックします。 構築しているときに、スタイルを変更することを本当に意味しているときに、グローバルスタイルを誤って変更することは非常に簡単です（たとえば、サイト上の多くのボタンに適用されるボタンクラスがあり、誤って変更する場合）。要素のIDに関連付けられています。 クラスをロックすることにより、内部のスタイルが誤って編集されないようにします。

誤って編集したグローバル/ユーティリティクラスを特定するために、人生の何分も費やさなければなりませんでした。場合によっては、エラーが発生してから数日後です。 これでその問題は解決します。

OxyNinjaのセットアップは非常にうまく機能し、OxyNinjaクラスを使用している場合は良い考えですが、この機能のHydrogen実装は少しだけ優れているように見えます。

動的クラス

これが最大の機能であり、Oxygenができることを真剣に拡張できる機能です。 これも最も複雑な機能ですが、数分間いじった後、実際のユースケースをいくつか見ることができます。

まず、この機能を使用すると、CSSクラスを動的に任意の要素に割り当てることができます。 最大のユースケースはリピーターです。 リピーターのセクションに表示される個々の投稿の「タイトル」を設定して、HTMLのクラスとして適用できます。 「リピーターIDの重複」の問題を完全に解決するわけではありませんが、リピーターの特定のセクションにスタイルを適用することはできます。

ご覧のとおり、IDはまだ重複していますが、リピーターのセクションごとに一意のCSSクラスがあり、それぞれを具体的にスタイル設定できるようになっています。

ACFフィールド、およびOxygenBuilderバックエンドでアクセス可能な他のほとんどのデータからクラスを追加することもできます。 つまり、バックエンドでACFチェックボックスがオンになっている場合は、グローバルスタイルシートから条件付きでスタイルを適用できます。これにより、クライアントはWebサイトの実際のスタイルをより細かく制御できるようになります。 ACFは「ヘッダーを暗くしますか？」のようになります。チェックボックスをオンにすると、ヘッダーに.header-darkが適用され、CSSは背景をrgba（0,0,0,0）にスタイル設定できます。

詳細タブの状態を保持

これは「マイナーな調整」として分類できますが、複数の要素にわたって高度なタブの状態を保持する機能により、時間を大幅に節約できます。 もっと早く追加されたらいいのにと思います。

Oxygenでコンポーネントを編集している場合、適用する設定のほとんどは「詳細」タブセクションで行われます。 新しい要素をクリックすると（同じタイプであるかどうかに関係なく）、Oxygenエディターのネイティブの動作により要素が標準タブにリセットされます。 この微調整をオンにすると、それは起こりません。 1つの要素のレイアウトタブにいるとします。 [次へ]をクリックすると、新しい要素のレイアウトタブは開いたままになります。

これは、LocomotiveScrollやParollerなどのJavascriptライブラリのデータ属性を追加するときに便利です。 エフェクトを適用するすべての要素にいくつかの属性を追加する必要があります。 それは簡単に聞こえるかもしれませんが、何百もの要素になると、「詳細」をクリックし、「属性」までスクロールしてクリックする必要があります。これは時間がかかるだけでなく、物理的に疲れることがあります。

複合要素を無効にする

これまで、複合要素を使用したことはありません。 私はそれらを使用しないので、それらを無効にするこの機能は大歓迎です。クラッターをクリーンアップし、ビルダーのバックエンドからサードパーティのリクエストを削除して、読み込みを高速化します。 それらを使用する場合は、それらをオンに戻します。

3つの新しいキーボード/メニューショートカット

• テキスト要素の通常のテキストとリッチテキストを切り替えるためのメニュー項目とキーショートカット。
• 新しいリッチテキスト要素を作成するためのキーボードショートカット。

これは私が見逃していたものです。 時間を節約できるので、リッチテキストをよく使用します。 クライアントは通常、フォーマットされたWord文書を送信し、貼り付けるだけです。しかし、ページの構造を構築するためにショートカットを使用しているため、100万回クリックする必要がないため、このショートカットがないことに気付きました。 それが今ここにあるのを見てうれしいです！

• コードエディタの下にある[コードの適用]ボタンのキーボードショートカット。

これは、非常に歓迎されるもう1つの一見取るに足らない微調整です。 私はVSCodeと他のコードエディタを使用しています。 私はキーボードショートカットに慣れています。 Oxygenでコードを編集するときに、コードの適用を押すのを忘れたり、別の要素をクリックするとコードが消えたりすることがあります。 このショートカットを使用すると、コードの適用がすぐに筋肉の記憶になり、より効率的になります。

水素パックを購入する必要がありますか？

あなたが水素パックを持っていないなら、あなたは本当に逃している。 私の意見では、Oxygenは、チェックアウト時に実際のプラグインへの「アドオン」としてこれを提供する必要があります。 私が水素なしで何ヶ月もビルダーを使用していたという事実はまだ私を悩ませています。 この熱烈な推奨事項の背後にある理由は、それが私と私の開発者を何時間もの手作業で節約したという単純な事実です。そして今、v1.3アップデートはあなたの時間を節約することにさらに専念しています。

さらに説得力が必要な場合は、ここでレビュー全体を読み、コメントセクションまたは新しいFacebookグループで質問してください（500人のメンバーに達したときに無制限のライセンスを提供する可能性があります） 。