Elementor 3.20リリース:新しい表示コンディショニング機(jī)能と大幅なパフォーマンス改善を體験してください。

Elementor 3.20のアップデートがリリースされ、ウェブデザインをより柔軟にする新しい表示條件機(jī)能が追加されました。これにより、編集時(shí)および訪問者の閲覧時(shí)の両方で、ページをより速く読み込むことができるようになりました。新しい要素の表示條件を?qū)毪工毪长趣恰ⅰ袱蓼郡稀工胜嗓违抓伐绁螭扦瑜甓啶螚l件を設(shè)定し、ウェブコンテンツをよりスマートに表示させることができます。さらに、WordPressのカスタムフィールドを使用して、コンテンツの表示條件を決定できます。そして何より、バージョン3.20にアップグレードすることで、サイトの動(dòng)作がより速くスムーズになります。

Elementor公式サイト:https://elementor.com/

ORコネクタによる複雑な條件スキームの作成

畫像[1]-Elementor 3.20リリース:新しい表示條件機(jī)能と大幅なパフォーマンス改善を體験-Photonflux.com|プロフェッショナルなWordPress修理サービス、グローバルカバレッジ、迅速な対応


Elementor 3.20はあなたのデザインをよりスマートにします!以前は、厳格な管理人のように、要素が表示される前にすべての條件を満たす必要がありました。3.20では、魔法の言葉 "or "で簡(jiǎn)単に條件を組み合わせることができます。つまり、複數(shù)の條件を設(shè)定し、どれかひとつでも真であれば、要素がレンダリングされるということです。

例えば、ソーシャルメディアのフォロワーやログインしているユーザーに表示したいプロモーションコードがあるとしよう。ここで、2つの條件セットを設(shè)定し、それらを「または」に接続することができます。もしユーザーがログインしているか、あなたのソーシャルメディアリンクから來たのであれば、クーポンが表示されます。こうすることで、古くからのファンも新しい訪問者も、歓迎と寛大さを感じることができる!

ダイナミックタグに基づくダイナミックなビジター體験  

畫像[2]-Elementor 3.20リリース:新しい表示條件機(jī)能と大幅なパフォーマンス改善を體験-Photonflux.com|プロフェッショナルなWordPress修理サービス、グローバルカバレッジ、迅速な対応

Elementor 3.20では、動(dòng)的タグ(WordPressのカスタムフィールドなど)を使用して、要素を表示するタイミングを決定できます。これは投稿やページのテンプレートをより生き生きとしたパーソナライズされたものにしたい人に最適です。例えば、自動(dòng)入力されたタイトルの橫にアイコンを置きたい場(chǎng)合、タイトルフィールドがコンテンツで埋まっているときだけアイコンとそのフレームが表示されるルールを設(shè)定できます。ダイナミック?タグ?コンディショニングを使えば、カスタム?フィールドの特定の値に基づいて決定することもできます。など、カスタムフィールドの特定の値に基づいて判斷することもできます。このようにして、あなたのサイトはコンテンツの仕様に基づいて表示される要素を自動(dòng)的に調(diào)整し、各ページや投稿をユニークで適切なものにすることができます。

パフォーマンスとアクセシビリティの向上 

畫像[3]-Elementor 3.20リリース:新しい表示條件機(jī)能と大幅なパフォーマンス改善を體験-Photonflux.com|プロフェッショナルなWordPress修理サービス、グローバルカバレッジ、迅速な対応

パフォーマンス向上

このバージョンのElementorは、より速く、より楽しいサイト構(gòu)築とブラウジング體験のための主要なパフォーマンスアップデートが含まれています。

より速いTTFB

Elementor 3.20はあなたのウェブページをより速く開き、最初のロード時(shí)間(ページが表示され始める瞬間)に3-5%のスピードアップをもたらします。これはどのように機(jī)能するのか?簡(jiǎn)単に言うと、ページの表示から不要な要素が取り除かれ、ページが軽く、読み込みが速くなります。

DOMの最適化

ウェブサイトにウィジェット、機(jī)能、スタイルを追加するたびに、コードが追加されます。このコードは、ブラウザにサイトの表示方法を指示します。明らかに、コードが多ければ多いほど、ブラウザがコンテンツを読み込むのに時(shí)間がかかります。しかし、Elementor 3.20にアップグレードすることで、複雑なデザインを維持したまま、サイトをより高速に動(dòng)作させることができます!最新バージョンでは、ページ構(gòu)築要素(別名DOM)の出力が劇的に削減されているからです。例えば、Flexboxレイアウトでは391 TP3T、グリッドレイアウトではなんと851 TP3Tもコードが削減されました。さらに、このアップデートによりエディタ?jī)?nèi)のコード量が削減され、編集がよりスムーズになりました。

畫像[4]-Elementor 3.20リリース:新しい表示條件機(jī)能と大幅なパフォーマンス改善を體験-Photonflux.com|プロフェッショナルなWordPress修理サービス、ワールドワイド、迅速な対応

アクセシビリティの向上

Elementorは、支援技術(shù)に依存する訪問者やウェブ開発者がインターネットをより利用しやすくするために、時(shí)間と労力を投資し続けています。支援技術(shù)の強(qiáng)化に関するより詳細(xì)な情報(bào)については、こちらをご覧ください。開発者ブログを見る.

  • スーパーメニュー:キーボードナビゲーションが強(qiáng)化され、モバイル機(jī)器での使い勝手が向上しました。
  • ログインウィジェット:スクリーンリーダーは、隠されたタブを読むことができるようになりました。ウィジェット各ログイン?ウィジェットは一意のIDを持つ。
  • 改良されたエディター:キーボードを使ってウィジェットパネルと編集パネルをナビゲートできます。

機(jī)能的?実験的アップデート

このリリースには、機(jī)能と実験に対する多くのステータス変更が含まれています。いくつかの機(jī)能はすべての新しいサイトでデフォルトで有効化され、他の機(jī)能は Elementor の不可欠な一部となり、機(jī)能ページから有効化または無効化できなくなりました。 

  • 新サイトのデフォルト設(shè)定:グリッド?コンテナ、カテゴリー?フィルター?ウィジェット、表示條件。 
  • 統(tǒng)合された機(jī)能:グローバルスタイルガイド、ページ遷移、スクロールキャプチャ。 

Elementor 3.20の新しい表示調(diào)整機(jī)能と改善されたパフォーマンスをお楽しみください!

Elementor 3.20では、表示條件をさらに強(qiáng)力にする2つの新機(jī)能が追加されました。動(dòng)的なコンテンツの変更に基づいて要素を表示できるようになり、「or」オプションで複數(shù)の條件を組み合わせることができます。3.20にアップグレードすると、サイトの読み込みが速くなるだけでなく、ページや要素がよりスムーズに表示されるようになります。これは、ウェブコードの最適化とバックエンドの要素レンダリングテクノロジーの改善によるものです。


お問い合わせ
チュートリアルが読めない?無料でお答えします!個(gè)人サイト、中小企業(yè)サイトのための無料ヘルプ!
カスタマーサービス WeChat
カスタマーサービス WeChat
電話:020-2206-9892
QQ咨詢:1025174874
Eメール:info@361sale.com
勤務(wù)時(shí)間: 月~金、9:30~18:30、祝日休み
? 複製に関する聲明
この記事はハリーが執(zhí)筆しました。
終わり
好きなら応援してください。
クドス0 分かち合う
おすすめ
解説 ソファ購(gòu)入

コメントを投稿するにはログインしてください

    コメントなし