Elementor 3.31が登場：ウェブデザインの新たな境界を解き放つ

エレメンタ 最近発表された バージョン3.31プロモーションの継続 エディターV4アルファ CSSの進化は、これまでにないビジュアルデザイン機能をもたらしました。CSS変数やビジュアル・フィルターから、セマンティック・レイアウトやスタイル管理ツールまで、これらの新機能はウェブページの構築方法を変えつつあります。プロのデザイナーもフリーランスの開発者も、このリリースでワークフローを強化する重要なツールを見つけることができるでしょう。

I. エディターV4アルファ：モダンデザインシステムの最前線へ

エレメンタール 3.31 続く エディターV4 私たちの開発哲学は、よりクリーンなDOM構造、よりパフォーマンスの高いエクスペリエンス、よりメンテナンスしやすいスタイルシステムを重視しています。改善されたワークフロー、拡張可能なデザインシステム、より大きなコントロールと明確なインターフェイスを提供する新しいスタイリング機能により、デザインの限界を押し広げます。

パスを有効にする最新バージョンにアップデート後 ワードプレス バックステージ "エレメンタ → 設定 エディターV4「タブを有効にしてください。 アルファ モードだ。

第二に、変数を使用してサイト全体のカラーパレットとフォントの統一スタイルを制御することである。

2.1 何がカスケーディングスタイルシート変数？

エディターV4 を紹介しました。 CSS変数（色とフォント）この機能により、セットアップを繰り返すことなく、サイト内の複数の場所で参照できる単一の定義が可能になります。この機能により、モジュール式で保守可能なワークフローが実現し、時間の節約と視覚的な一貫性の確保が可能になります。

アドバンテージが明らかに

一貫性複数のグローバルクラスやサイトの異なるセクションで同じ色やフォントを使用し、毎回手動で背景色、テキスト色、フォントファミリーを設定する代わりに、これらのプロパティを変数にリンクします。
効率的なアップデート変数設定の変更は、サイト全体に即座に適用されます。
特権セグメンテーション管理者は変数を作成/編集できますが、編集者のような他のロールは既存の変数を適用するだけで、変数を変更する権限を持っていません。

第三に、アップグレードの視覚効果：フィルター＋背景フィルター

3.1 CSSフィルターの革新

Elementorには9つのCSSビジュアルフィルターが組み込まれています：ぼかし、明るさ、コントラスト、色相回転、彩度、グレースケール、反転、セピア、ドロップシャドウ..複数のフィルタを使用し、変更をリアルタイムでプレビューし、必要に応じてフィルタを並べ替えたり削除したりできます。

3.2 ガラス成形風用バックドロップフィルター

バックドロップフィルターは、透明コンテナやレイヤードコンテナと併用することで、要素の背後の背景にスタイリング効果を適用することができます：

半透明のタイトルの後ろに内容をぼかす
動画、画像、乱雑な背景に読みやすいパネルを作成する
カスタムCSSを一切使用しない、モダンで洗練されたUI美学

フィルターと同様に、ぼかし、明るさ、グレースケール、シャドウなど9種類のエフェクトから選択し、複数の背景フィルターを使用したり、V4クラスに適用することができます。背景フィルタを効果的に使用するには、要素の背景が透明である必要があります。

IV.クラス運営がスマートなアップグレードをもたらす

リニューアル クラスマネージャーより賢くなる

カウントの使用各グローバル・クラスは、サイトでの使用頻度を確認するために使用数を表示します。
ポジショニングツールこのカウンターをクリックすると、ロケーターパネルが開き、クラスがどのページに表示され、どれくらいの頻度で使用されているかを見ることができます。
検索機能冗長なスタイルを特定し、システムをリファクタリングするために、コースリストを検索することができます。

V. スタイル継承はより明確に：ビジュアル継承の値のヒント

エディターV4アルファ このリリースでは、継承されたスタイルの視覚的なインジケータが導入されました。これらのミュートされたプレースホルダはコントロールパネルに表示され、クリアすることで、スタイルがクラス、ベーススタイル、または別のレスポンシブブレークポイントから継承されたものであるかどうかを把握できます。継承された値は引き続き完全に編集可能ですが、ミュート状態によって編集エクスペリエンスが向上し、偶発的な上書きが防止されるため、スタイルのクリーンな維持が容易になります。

第6章 HTMLのセマンティクス：属性とディバイダー

6.1 カスタマイズ HTML 属性サポート（プロ）

エレメンタル・プロ ユーザーは 属性リピーター をいくつでも追加できる。 アリアそしてデータそして役割 など、アクセシビリティを大幅に向上させた。

6.2 詳細なディバイダーの最適化：セマンティック・ディバイダー・エレメント

エディターV4 新着情報 ディバイダーは、不必要なマークアップなしにセクションを明確に分けるセマンティックなデザインです。レスポンシブに対応し、よりスリムでメンテナンスしやすいDOMに大きく貢献します。

まとめ

エレメンタール 3.31 モジュール設計、パフォーマンスの向上、アクセシビリティのサポート、開発者の効率化に重点を置いている。変数、フィルターシステム、セマンティック要素、スマートな管理ツールを導入することで、ビジュアルウェブ構築の境界を再構築しています。デザイナーであれ開発者であれ、このアップデートは生産性と一貫性を高め、より良いユーザー体験を提供するために必要なツールを提供します。

お問い合わせ
チュートリアルが読めない？無料でお答えします！個人サイト、中小企業サイトのための無料ヘルプ！	カスタマーサービス WeChat
① 電話：020-2206-9892
② QQ咨询：1025174874
三 Eメール：[email protected]
④ 勤務時間: 月～金、9:30～18:30、祝日休み