均一な要素の高さのためのセレクターベースのWordPressプラグイン
damiaritaによるSame Heightは、レイアウトの整列を改善するために行とグリッドアイテムの高さを均等にするWordPressプラグインです。これは、ダッシュボード設定ページに入力されたCSSセレクタを使用して、製品ボックス、ポストカード、またはブレークポイント間のフィーチャーカラムなどのターゲットコンテナの垂直サイズを一致させます。このプラグインは、複数の独立したグループとレスポンシブな均等化をサポートし、ランタイムのフットプリントを小さく保ちます。テーマテンプレートを編集せずに一貫したレイアウトを望むサイトオーナーやデザイナーに適しています。
Same Heightが一貫した垂直サイズを適用する方法
プラグインは、レイアウト構造を推測するのではなく、セレクター入力を通じて要素をターゲットにすることによって高さを均等化します。設定ページにクラスまたはIDを入力すると、Same Heightはページレンダリング時にそれらのノードを読み取り、隣接するカードや列が同じ高さを共有するように一致する垂直寸法を設定します。このアプローチは、製品リストやブログカードの内容の長さが異なることによって引き起こされる不均一なグリッドに対処します。
どれだけの制御を与えるか
制御はグループベースでセレクター特有ですので、同じページ上で別々の要素セットを定義できます。複数のセレクターは独立した均等化グループを作成でき、機能列の1行が製品ボックスのセットと異なることを可能にします。使用例にはカードコレクションや機能列の整列が含まれます; プラグインは各ケースのためにカスタムJavaScriptを作成する必要を排除します。
Same Heightはサイトのパフォーマンスやモバイルレイアウトに影響を与えるか
パフォーマンスへの影響は意図的に小さいです。開発者は軽量なフットプリントと最小限の読み込みオーバーヘッドでプラグインを設計しました。また、レスポンシブサポートを宣伝しているため、均等化はブレークポイントに応じて適応します。モバイルページでは、ユーザーはセレクターがレスポンシブクラスの変更と一致することを確認する必要があります。なぜなら、正しいセレクターの選択が小さい画面で均等化が適用されるかどうかを決定するからです。
セットアップはデザイナーやサイトオーナーにとってアプローチしやすいか
セットアップはシンプルな設定画面を介してWordPressダッシュボード内で行われます。これにより、構成が集中化されます。プラグインはカスタムスクリプトの記述を必要としませんが、実際の使用にはページマークアップ内のCSSクラスやIDを特定する能力が必要です。コミュニティのフィードバックでは、このツールは要素を検査できるデザイナーや開発者にとって便利であると述べられています; マークアップに不慣れな人はターゲットを特定するための支援が必要です。
同じ高さはテンプレートの書き換えではなく、ターゲットを絞った視覚的修正に適しています
このプラグインは、テーマテンプレートを変更する代わりに選択的な配置編集を好むサイト管理者にとって実用的な選択肢です。ページのマークアップを検査し、要素を意図的に選択できるユーザーに報酬を与えます。技術的でないユーザーは要素の選択に助けが必要かもしれません。グリッドリズムやカードレイアウトの集中した調整のために、このツールはWordPressのカスタマイズワークフローに実用的な追加です。
高評価
- 正確な要素グループのためのセレクタベースのターゲティング
- レスポンシブイコライゼーションは、ブレークポイントにわたって適応します
- 単一のページ上の複数の独立したグループ
低評価
- 要素をターゲットにするには、CSSクラスまたはIDを知る必要があります
- 不正確なセレクタは、一部のアイテムを変更されないままにする可能性があります。
- ページマークアップに不慣れなユーザーにはあまり役に立ちません