Mise à jour d'Elementor 3.27 : grilles flexibles, améliorations de la sécurité, optimisation de l'accessibilité et avancées créatives

Lancé le mois dernier Elementor 3.27Cette mise à jour s'articule autour de quatre axes principaux :Liberté de mise en pageetSécurité et performanceetAccessibilitérépondre en chantantConception pilotée par l'IAAfin d'aborder de manière exhaustive les points douloureux de la création de sites web, permettez-moi de vous présenter quelques-uns des points forts de cette mise à jour.

Analyse des fonctions essentielles

Personnalisation de la disposition des conteneurs de la grille

solution contre la douleur: :
La conception traditionnelle des grilles est souvent limitée par le contrôle de l'étendue des lignes et des colonnes et repose sur le codage en dur des CSS.Nouveau dans la version 3.27 :

• Contrôle de la portée des colonnes et des rangéesOnglet Avancé : Ajustez le nombre d'éléments dans les colonnes et les lignes directement dans l'onglet Avancé.
• Bibliothèque de modèles prédéfinisGénération en un clic de mises en page complexes telles que des magazines, des matrices de produits, etc.
• réponse dynamiqueLes taux d'occupation des éléments personnalisés à différents points d'arrêt

scénario d'application: :

• Page d'accueil d'un site de commerce électronique pour créer un mur d'affichage de produits en quinconce
• Un site web d'information adapte intelligemment ses titres et ses barres latérales
• Portfolio Page Design Asymmetric Art Typography

Charger localement les polices Google

Mises à niveau technologiques: :

• Localisation automatique des polices: à travers Elementor > Paramètres > Fonctionnalités Lorsque cette option est activée, le système capture et stocke automatiquement les données suivantesPolices de caractères Googleserveur
• amélioration des performancesRéduction des demandes externes et augmentation de la vitesse de chargement des pages de 171 TP3T en moyenne.
• Conformité au GDPR: Éviter les risques d'atteinte à la vie privée liés aux services de polices de caractères tiers

Courts métrages sur YouTube Support embarqué

Points forts de la fonction: :

• 9:16 Adaptation verticaleSélectionnez le rapport de priorité de mouvement dans l'onglet Style du widget vidéo.
• Système de sous-titres par défautSous-titres : ajout d'un commutateur de sous-titres à l'onglet "Contenu" pour améliorer l'accessibilité
• Optimisation des interactionsVidéo de courte durée en boucle automatique + démarrage en sourdine

cas de figure: :

• Site web de la restaurationDes plats intégrés pour créer de courtes vidéos
• Plateforme éducative présentant des micro-leçons sur des points de connaissance
• Page de syndication du contenu des médias sociaux

Effets de mouvement AI

Révolution de l'animation intelligente: :

• l'enseignement en langue naturelleSi vous souhaitez générer automatiquement le paramètre, entrez un paramètre tel que "Scroll-triggered fade from left" (fondu déclenché par le défilement à partir de la gauche).
• Système dynamique du troisième ordre: :
  1. Animations d'entrée
  2. Transformation en survol
  3. Activé par le défilement
• l'optimisation des performancesL'IA évite automatiquement de redessiner les animations qui constituent un goulot d'étranglement.

données en temps réel: :

• Réduction du temps consacré à la production d'animations de 68%
• Page FCP (First Content Rendering) rend bien

Amélioration des performances et de la sécurité

• Swiper.js Chargement à la demande: Appel des scripts uniquement lors de l'utilisation du Carousel, réduction globale de la taille du JS 22%
• Rationalisation du code des composants de baseLe nombre de nœuds DOM du widget Spacer/Search/Menu/Forms a été réduit de 40% en moyenne.
• Optimisation du chargement des styles: :CSSinjection prioritaireEn-tête>éliminer les décalages d'implantation (CLS)

Liste des améliorations en matière d'accessibilité

1. Le widget vidéo active par défaut l'onglet sous-titres ARIA
2. Conteneur de grillePrise en charge de la navigation en ligne et en colonne pour les lecteurs d'écran
3. Amélioration du contraste des composants du formulaire par rapport à la norme WCAG 2.1 15%

développeursprenez note: :

• supplémentairese-grid-column-spanrépondre en chantante-grid-row-span Classe CSS
• Déclassement de certaines parties de l'ancienne API Motion Effects

Elementor 3.27 redéfinit les possibilités de construction visuelle de sites - du contrôle de la mise en page au niveau du code à la collaboration intelligente avec l'IA, on peut dire que cette mise à jour d'Elementor nous apporte beaucoup de surprises, et qu'elle est également plus pratique pour nous les utilisateurs, et j'attends avec impatience ce que l'équipe d'Elementor nous apportera la prochaine fois. J'ai hâte de voir ce que l'équipe d'Elementor nous apportera la prochaine fois.