Elementor 3.16 – Erhöhte Geschwindigkeit, vielseitiges Design und verbesserte Zugänglichkeit

In seiner neuesten Version hat Elementor 3.16 mehrere bemerkenswerte Verbesserungen für Webentwickler und Websitebesitzer eingeführt. Standardmäßig sind Flexbox-Container jetzt auf allen neuen Websites aktiviert, was sowohl die Leistung als auch die Designflexibilität erheblich steigert. Dieses Update führt außerdem eine verbesserte Steuerung „Lücke zwischen Elementen“ ein, die Benutzern noch mehr Flexibilität bei der Arbeit mit Flexbox-Containern bietet.

Eine der wichtigsten Verbesserungen in dieser Version ist die klare Unterscheidung zwischen Flexbox- und Grid-Container-Widgets im Widget-Panel. Diese Differenzierung führt zu separaten Widgets für jeden Containertyp, wodurch der Designprozess rationalisiert und das Benutzererlebnis insgesamt verbessert wird.

Darüber hinaus profitieren Website-Besucher dank der Optimierungen der TTFB-Metriken (Time to First Byte) von deutlich schnelleren Ladezeiten. Dieses Update legt außerdem großen Wert auf Barrierefreiheit und sorgt so für ein umfassenderes Erlebnis für Benutzer, die auf Bildschirmlesegeräte und andere unterstützende Technologien angewiesen sind.

Insbesondere die Menü- und Tabs-Widgets wurden wesentlichen Infrastrukturaktualisierungen unterzogen, die den Grundstein für die Implementierung erweiterter Funktionen in zukünftigen Versionen legen. Zusammengenommen machen diese Verbesserungen Elementor 3.16 zu einem wertvollen Upgrade sowohl für neue als auch für bestehende Websites.

Maximale Designfreiheit erschließen: Flexbox-Container für neue Websites aktivieren

Flexbox-Container machen ihrem Namen alle Ehre, indem sie ein bemerkenswertes Maß an Flexibilität bieten. Sie geben Designern die Möglichkeit, Websites zu erstellen, die nicht nur pixelgenau, sondern auch leistungsstark und reaktionsschnell sind. Mit ihren präzisen Positionierungsoptionen vereinfachen Flexbox-Container das Anordnen und Verteilen von Gegenständen innerhalb eines Containers und machen die Erstellung flexibler Layouts zum Kinderspiel. Nehmen Sie zum Beispiel die Möglichkeit, Überschriften-, Bild- und Texteditor-Widgets in einem einzigen Container zu platzieren. Noch beeindruckender ist die Möglichkeit, unterschiedliche Flexrichtungen für verschiedene Bildschirmgrößen festzulegen, sodass Elemente je nach Gerät nahtlos neu angeordnet werden können.

Darüber hinaus sind Flexbox-Container mit Unterstützung für verschachtelte Widgets ausgestattet, die die Platzierung von Widgets in den Inhaltsbereichen von Karussell-, Menü-, Tabs- und Akkordeon-Widgets ermöglichen. Erwägen Sie die Möglichkeit, das Accordion-Widget zu verwenden, um komplexe Layouts zu erstellen, die in einem Element ein Kontaktformular und in einem anderen ein Google Maps-Widget enthalten.

Eine wesentliche Entwicklung in diesem Zusammenhang besteht darin, dass ab dieser Version Flexbox-Container automatisch für alle neuen Websites aktiviert werden. Diese Änderung hat keine Auswirkungen auf bestehende Websites, die mit Abschnitten und Spalten erstellt wurden und weiterhin verwendet werden können. Es wird jedoch dringend empfohlen, Container zu nutzen, um die neuen Designfunktionen optimal nutzen zu können. Wenn Sie mit der Erstellung einer neuen Website beginnen und bei Abschnitten und Spalten bleiben möchten, haben Sie die Möglichkeit, die Flexbox-Container-Funktion zu deaktivieren. Dies bedeutet jedoch, dass Sie den Zugriff auf Funktionen und Widgets mit verschachtelten Funktionen verlieren.

Durch die Aktivierung von Flexbox Containers wird außerdem der Zugriff auf Container-basierte Kits und Vorlagen freigeschaltet, darunter beliebte abschnittsbasierte Kits, die an Container angepasst wurden, sowie brandneue Designoptionen. Wenn Sie hingegen lieber bei abschnittsbasierten Kits und Vorlagen bleiben möchten, deaktivieren Sie einfach die Flexbox-Container-Funktion.

Verbesserte Lückenkontrolle

Im neuesten Update haben die Entwickler die Benutzeroberfläche durch Vereinfachung der Terminologie optimiert. Die früher als „Lücke zwischen Elementen“ bekannte Steuerung wird jetzt einfach als „Lücke“ bezeichnet. Diese Änderung macht es für Benutzer einfacher, den Zweck zu verstehen. Darüber hinaus gibt es eine bemerkenswerte Verbesserung bei der Art und Weise, wie Sie den Abstand zwischen Elementen in Containern anpassen.

Früher erledigte ein einzelnes Bereichssteuerelement diese Aufgabe, aber jetzt finden Sie zwei unterschiedliche Zahleneingaben – eine für horizontale Lücken und eine andere für vertikale Lücken. Diese Änderung eröffnet eine Welt der Präzision, da Sie die Positionierung jedes Elements mit höchster Genauigkeit feinabstimmen können. Vorbei sind die Zeiten einheitlicher Lücken; Jetzt haben Sie die Flexibilität, unterschiedliche Werte für horizontale und vertikale Lücken festzulegen und so Ihr Design perfekt anzupassen.

Ein weiteres spannendes Feature ist die Möglichkeit, die Einheiten anzupassen, in denen Sie diese Lücken definieren. Ganz gleich, ob Sie Pixel, Prozentsätze, EM, REM oder VW bevorzugen, Sie haben die Möglichkeit, Ihre Abstände entsprechend Ihren Designanforderungen festzulegen. Es geht darum, Ihnen die kreative Freiheit und Kontrolle zu geben, die Sie brauchen, um Ihre Projekte hervorzuheben.

Grid-Container-Widget

Im Bereich Webdesign und Layout-Management erweisen sich Grid Containers als hervorragendes Werkzeug, das die Möglichkeit bietet, komplizierte Anordnungen mehrerer Elemente innerhalb eines einzigen gitterartigen Gehäuses zu erstellen. Die neueste Version führt eine Verbesserung ein, die Grid-Containern eine ganz eigene Präsenz im Widgets-Panel verleiht. Diese neu entdeckte Integration bietet Benutzern den Komfort des direkten Zugriffs auf Grid-Container, sodass sie nicht mehr auf den umständlicheren Prozess des Ziehens eines Flexbox-Containers und der anschließenden Änderung seines Typs zurückgreifen müssen.

Der Arbeitsablauf wurde aus Gründen der Benutzerfreundlichkeit optimiert. Wenn ein Benutzer einen Flexbox-Container in den Editor einfügt, instanziiert das System ihn nahtlos als solchen, während die Einführung eines Grid-Containers mit der sofortigen Manifestation des Grid-Layouts reagiert. Es ist jedoch wichtig zu beachten, dass diese Flexibilität über die bloße Erstauswahl hinausgeht. Benutzer können über das Dropdown-Menü „Container-Layout“ im Abschnitt „Layout“ jeden Containertyp in die Alternative umwandeln. Diese Anpassungsfähigkeit stellt sicher, dass Designer die kreative Freiheit haben, ihre Layouts genau an ihre Spezifikationen anzupassen.

Schnellere Beschleunigung mit TTFB

Das neueste Update des beliebten WordPress-Seitenerstellers Elementor verspricht erhebliche Verbesserungen der Ladezeiten von Websites. Version 3.16, veröffentlicht am Donnerstag, 21. September 2023, erhöht die Zeit bis zum ersten Byte (TTFB) um 5–20 % für Websites, die den kostenlosen Elementor Core verwenden, und um bis zu 40 % für Websites, die Elementor Pro verwenden, je nach Komplexität der Seite . Dieses Update bietet den Besuchern der Website ein schnelleres und reibungsloseres Erlebnis, indem Inhalte schneller als je zuvor bereitgestellt werden.

Die erhebliche Leistungssteigerung des Frontends wurde durch die Änderung der Anzeigebedingungen im Elementor-Editor erreicht. Diese Änderungen an der Art und Weise, wie Elementor Inhalte in der Editor-Oberfläche rendert, führen zum verbesserten TTFB, einem wichtigen Messwert zur Messung, wie schnell eine Site das erste Byte an Daten an Benutzer sendet. Durch die Optimierung seines Editors ermöglicht Elementor Websites, Inhalte schneller bereitzustellen und gleichzeitig alle umfangreichen Designfunktionen bereitzustellen, die den Builder so beliebt gemacht haben.

Verbesserte Zugänglichkeit

Die neueste Version des beliebten WordPress-Seitenerstellers Elementor enthält mehrere bemerkenswerte Verbesserungen der Zugänglichkeit und Inklusivität von Websites. Laut Ankündigung vom Donnerstag, 21. September 2023, erleichtert Version 3.16 Besuchern, die Screenreader und andere unterstützende Technologien verwenden, den Zugriff auf Website-Inhalte.

Beispielsweise wurden Verbesserungen an Widgets wie der Symbolbox und der Bildbox vorgenommen, die mehrere Elemente und Links enthalten. Wenn nun ein Bildschirmleseprogramm diese Widgets scannt, liest es jeden einzelnen Link nur einmal, anstatt dieselben Links redundant zu wiederholen. Dieses Update verhindert, dass Benutzer von Bildschirmleseprogrammen Zeit mit doppelten Informationen verschwenden.

Auch das Posts-Widget wurde hinsichtlich der Barrierefreiheit verbessert. Screenreader konzentrieren sich jetzt ausschließlich auf Beitragstitel in diesem Widget und ignorieren alle unnötigen zusätzlichen Inhalte wie „Weiterlesen“-CTAs und Alternativtexte für hervorgehobene Bilder. Die Optimierung des Leseerlebnisses auf diese Weise verbessert die Zugänglichkeit der Website für sehbehinderte Besucher, die Beiträge mit unterstützender Technologie durchsuchen.

Insgesamt ermöglichen diese durchdachten Verbesserungen an Elementor Entwicklern die Erstellung von Websites, die für alle Benutzer unabhängig von ihren Fähigkeiten integrativer und unterhaltsamer sind. Die Verbesserungen tragen dazu bei, dass Website-Inhalte effizient und effektiv an Besucher übermittelt werden, die auf Screenreader und andere unterstützende Technologien angewiesen sind.

Aktualisierte Menü- und Tabs-Widgets

Die neueste Version von Elementor enthält unter der Haube verborgene Verbesserungen der Infrastruktur, die die Menü- und Tabs-Widgets unterstützt. Laut der Ankündigung vom Donnerstag, 21. September 2023, aktualisiert Version 3.16 diese Widgets, um einheitlichen Code für Menüelement- und Tab-Titel über alle Bildschirmgrößen hinweg zu generieren.

Dieses Upgrade beseitigt doppelten Code, der beim Anwenden von Reaktionseinstellungen auf diese Widgets in früheren Versionen auftreten konnte. Die Konsolidierung der Backend-Codebasis ebnet auch den Weg für die spätere Implementierung erweiterter Funktionen für diese Widgets.

Zusätzlich zu den Codierungsverbesserungen sind die Widgets „Menü“ und „Registerkarten“ jetzt insgesamt besser zugänglich. Allerdings könnte die Vereinheitlichung des Titelcodes möglicherweise bestehende Widget-Designs zerstören, wenn in der Vergangenheit benutzerdefiniertes CSS auf Titel angewendet wurde.

Die Verbesserungen an diesen häufig verwendeten Widgets zeigen das Engagement von Elementor, seine Kern-Widgets auf dem neuesten Stand zu halten. Während die Änderungen möglicherweise erfordern, dass Entwickler benutzerdefiniertes CSS erneut überprüfen, legen sie den Grundstein für ein besseres Reaktionsverhalten und eine bessere Zugänglichkeit in der Zukunft. Für die meisten Benutzer sollten die Updates nahtlos sein und zu einem besseren Erlebnis auf allen Bildschirmgrößen führen.

Zusammenfassung

Insgesamt stellt diese neueste Version einen bedeutenden Fortschritt bei der Erstellung schnellerer, reaktionsfähigerer und zugänglicherer Websites dar. Während Elementor seine Kernfunktionen weiter verfeinert, sollten Entwickler ein Upgrade in Betracht ziehen, um das Potenzial von Containern auszuschöpfen, die Leistung zu steigern und die Zugänglichkeit zu verbessern. Die Erkundung dieser innovativen Ergänzungen zum beliebten Seitenersteller kann dazu beitragen, dass Websites auf dem neuesten Stand des Designs bleiben und gleichzeitig allen Besuchern ein hervorragendes Erlebnis bieten.