WordPress 5.5 Update des Jahres – Spannende neue Features – Verbesserungen – Bugfixes

Aktualisiert am 12. August 2020: WordPress 5.5 ist veröffentlicht und hat den Beta-Status verlassen. Bitte teste WordPress 5.5 zuerst auf einer Staging-Site, um sicherzustellen, dass auf deiner Produktionswebsite nichts kaputtgeht.

WordPress 5.5 ist wahrscheinlich das Update des Jahres und das zweite große Release in diesem Jahr. Normalerweise schreibe ich nicht gern Artikel mit Superlativen, aber diese neue WordPress-Version bringt viele spannende neue Funktionen und Verbesserungen. Die neue WordPress-Version ist ein Game-Changer in der Entwicklung und im Design. Sie bringt bessere Wartbarkeit und Leistung. Dieses neue Update zielt auf einige wichtige Bereiche ab, wie die Beschleunigung der Ladezeit, die Optimierung von Bildern, das Rendering einer benutzerfreundlicheren Oberfläche und mehr Power für die Suchmaschinenoptimierung. WordPress ist bereits Marktführer, aber die neuesten Änderungen in WordPress 5.5 können den Abstand zur Konkurrenz noch weiter vergrößern. Wir verfolgen die WordPress-Entwicklung sehr aufmerksam und haben die zweite Beta bereits getestet, um die neuen Funktionen und Verbesserungen auszuprobieren. In diesem Artikel teilen wir mit dir, was mit WordPress 5.5 als Nächstes kommt, und zeigen einige Experimente und Screenshots.

Der Block-Editor wird mit dem WordPress-5.5-Update mehr zum Page Builder

WordPress hat 2018 eine neue Editor-Erfahrung eingeführt. Die Editor-Erfahrung hat die Art und Weise, wie WordPress-Websites in der Vergangenheit gebaut wurden, vollständig verändert. Der neue Editor basiert auf dem Block-Konzept und ist als Gutenberg-Editor bekannt. Seitdem bringt WordPress in jeder Version unzählige Updates und Verbesserungen für Gutenberg. WordPress 5.5 ist eines der größten Releases für den Block-Editor. Es bringt massive UI-Verbesserungen im Block-Editor. Wie du im folgenden Screenshot sehen kannst, wurden Toolbar-Elemente, Buttons und zugewiesene neue Icons geändert sowie Fokus-Hervorhebungen, wenn du dich beim Bearbeiten oder Schreiben durch die Blöcke bewegst. Das ist eine einzigartige Bearbeitungserfahrung, genau wie sie ein Page Builder bietet. Alle Widgets und Elemente sind jetzt in der linken Seitenleiste verfügbar. Geräte-Vorschauen helfen, für Mobil-, Tablet- und Desktop-Geräte zu designen. Es gibt noch viel mehr zu entdecken. Hier sind einige Schlüsselfunktionen, die du unbedingt ausprobieren solltest.

Inline-Bildbearbeitung

WordPress 5.5 bietet dir eine deutlich bessere Inline-Bildbearbeitung, während du an der Seite arbeitest. Klicke einfach auf das +-Symbol, um Bilder aus Blöcken oder Mustern einzufügen. Muster (Patterns) bieten vorgefertigte Layouts. Der Inline-Bildeditor bietet robuste Steuerungen für Konvertierung, Zoom, Drehung, Zuschnitt, Seitenverhältnis und Bildausrichtung wie Hoch- und Querformat sowie viele weitere Funktionen.

Block-Patterns als Abschnittsvorlagen

WordPress wurde für einfache Webentwicklung gebaut, und das WordPress-5.5-Update verbessert das durch die Einführung von Block-Patterns. Block-Patterns sind vorgefertigte Blöcke, vergleichbar mit Abschnittsvorlagen in Page Buildern. Du kannst ein Block-Pattern einfach hinzufügen, indem du auf das +-Symbol klickst. WordPress 5.5 bringt einige grundlegende Block-Patterns mit. Diese werden – ähnlich wie das Themes- und Plugins-Repository – als Teil der WordPress-Community wachsen, wenn Entwickler weitere Block-Patterns registrieren. Du kannst über das neue Block-Verzeichnis direkt aus deinem Editor neue Blöcke suchen, installieren und einfügen.

Geräte-Vorschauen für responsives Website-Design

Wenn eine Website nicht responsiv und auf einem Mobilgerät nicht nutzbar ist, hat sie nur begrenzten Wert. WordPress 5.5 bietet die neuen Geräte-Vorschauen, damit du bessere mobilfreundliche Websites gestalten kannst. Dieselbe Funktion ist in älteren Versionen im Theme-Customizer-Modul zugänglich. Der WordPress-Block-Editor wird mehr und mehr zu einem Page Builder. Wir haben beim Bearbeiten mit dem Block-Editor Geräte-Vorschauen für Mobil, Tablet und Desktop.

Eine bessere und reibungslosere Bearbeitungserfahrung

WordPress 5.5 ist ein Usability- und Performance-Update für den Block-Editor. Es verbessert die Performance beim Laden und Designen der Website. WordPress 5.5 bringt eine reibungslose Bearbeitungserfahrung mit einer Reihe von Funktionen.

• Verfeinertes und robustes Drag-and-Drop
• Blöcke schnell mit Block-Movern greifen
• Auswahl für übergeordnete Blöcke
• Fokus-Hervorhebungen für Kontextelemente
• Mehrere Möglichkeiten, die gleichen Blöcke gleichzeitig zu bearbeiten
• Blöcke einfach kopieren, verschieben und durchsuchen
• Verbesserte Performance – du siehst Änderungen sofort beim Bearbeiten.

Hintergrundfarben für Blöcke

Du kannst Hintergründe und Verläufe hinzufügen, um die Designerfahrung der Website zu verbessern. WordPress 5.5 bringt Hintergrundfarben für Blöcke, Gruppen, Spalten, Medien und Text.

Bessere Block-Navigation

WordPress 5.5 macht etablierten Page Buildern wie Elementor oder Divi das Leben schwer. Der neue Block-Navigation-Bereich hilft dabei, Elemente der Block-Inhalte zu finden, und macht die Bearbeitungserfahrung deutlich besser als zuvor.

Neue Maßeinheiten in WordPress 5.5

Das ist ein weiteres bedeutendes Update für jeden ernsthaften Designer. WordPress unterstützt jetzt alle gängigen Maßeinheiten. Du kannst nun ems, rems, Prozent, VH, VW und mehr wählen. WordPress 5.5 erlaubt Anpassungen an der Zeilenhöhe während des Tippens und macht Schreiben und Typografie zu einer nahtlosen Erfahrung. WordPress 5.5 bringt mehr als 1500 Verbesserungen am Block-Editor. Der neue Block-Editor wird ein guter Konkurrent für die Page Builder. WordPress verändert sich gegenüber früher. Es wird eine bessere Chance für kleine und mittelgroße WordPress-Entwickler sein, Block-Patterns zu entwickeln und im Block-Editor-Verzeichnis zu veröffentlichen. Es wird weniger relevant, ein kommerzielles oder kostenloses Theme zu wählen, um eine gut aussehende WordPress-Website zu erstellen. Der Block-Editor gibt dir alle Werkzeuge, die du brauchst, um eine gut aussehende Website zu erstellen, ohne Designer sein zu müssen oder das "richtige" Theme zu verwenden. WordPress 5.5 Beta 2 steht zum Testen bereit. Warte! Es gibt noch mehr in WordPress 5.5

Lazy Loading von Bildern

Bilder laden normalerweise viel langsamer als der Text auf einer Webseite. Die Optimierung von Bildern auf einer WordPress-Website ist eine große Herausforderung. Die Lazy-Loading-Technik lädt Bilder asynchron und nur dann, wenn sie gebraucht werden. Das bedeutet, dass die Seite zuerst alle Text- und Bildelemente lädt, die "above the fold" sind, sodass der Nutzer alles auf einen Blick sehen kann. Erst beim Scrollen, wenn Bilder in den Viewport des Browsers kommen, werden sie geladen. Wenn Nutzer nicht zu einem bestimmten Abschnitt scrollen, werden die Bilder gar nicht geladen. WordPress 5.5 macht Lazy Loading zur Standardeinstellung für die gesamte Site, indem das loading-Attribut zum IMG-Tag hinzugefügt wird. Das ist eines der bedeutendsten Updates – nicht nur für deine Website, sondern für das gesamte Internet. WordPress ist eines der beliebtesten CMS, und mehr als 35 % aller verfügbaren Websites basieren auf WordPress. Lazy Loading spart enorme Mengen an Internet-Bandbreite und reduziert die Serverlast. Das ist eine ausgezeichnete Nachricht für Webhosting-Unternehmen und unser globales Ökosystem, da es den Stromverbrauch senkt und dadurch (hoffentlich) auch die globale Klimaerwärmung.

Performance-Updates im Benchmark

"Mein WordPress ist langsam!" Diesen Satz hört man manchmal von anderen Leuten. Es ist beeindruckend zu sehen, wie WordPress vorangeht, um jegliche Performance-Probleme zu lösen. WordPress kann durch die Änderungen jetzt schneller laden als zuvor. Wir wollten sehen, wie groß die Änderungen sind oder ob sie eher theoretischer Natur sind. Wir haben eine WordPress-5.4.2-Website mit WP Staging geklont und eine Test-Website mit demselben Inhalt erstellt, den wir auf unserer Produktionsseite haben. Sämtliches Caching war deaktiviert. Es wurde keine weitere Optimierung vorgenommen. Die Produktionsseite lud ihren gesamten Inhalt in 2,8 Sekunden, während der Klon mit der Beta1-Version unter WordPress 5.5 die Website in nur 1,6 Sekunden mit einem deutlich besseren Performance-Score lud. Wir sehen also einen großen Unterschied bei Seitengröße und Anzahl der Requests.

Auto-Updates für Themes und Plugins verwalten

WordPress 5.5 bringt eine weitere mächtige Funktion zur Verwaltung von Updates für Plugins und Themes. Das neue Update-Management-System ermöglicht es dir, Auto-Updates mit nur einem Klick zu aktivieren oder zu deaktivieren. Gehe zu Plugins > Installierte Plugins. Du siehst die letzte Spalte für automatische Updates und kannst Auto-Updates für ein bestimmtes Plugin mit nur einem Klick aktivieren oder deaktivieren. Falls du die Spalte "Automatische Updates" nicht siehst, klicke auf die Bildschirmoptionen, um sie zu aktivieren. Ähnlich kannst du auch die Update-Möglichkeiten für Themes verwalten. Wir müssen auf Design » Themes klicken und das Theme auswählen, für das wir Auto-Updates einstellen möchten.

Bessere manuelle Theme- und Plugin-Updates per ZIP-Datei

Manchmal funktioniert die Auto-Update-Funktion nicht wie beabsichtigt, oder du hast ein Premium-Plugin, das du weder aus dem WordPress-Plugin-Repository installieren noch aktualisieren kannst. In diesem Fall musst du das Software-Paket manuell hochladen. Aber der Prozess, ein Theme oder Plugin manuell zu aktualisieren, ist komplizierter, und es besteht die Gefahr, Daten oder Design zu verlieren oder etwas anderes kaputt zu machen. Üblicherweise musst du ein Plugin deinstallieren, bevor du dasselbe Plugin erneut auf deine Site hochlädst. Die manuellen Theme- und Plugin-Updates von WordPress 5.5 helfen, dieses Problem zu vermeiden. Lade das Plugin/Theme herunter und lade die *.zip-Datei hoch. WordPress erkennt automatisch, ob das Paket bereits installiert ist, und gibt dir die Möglichkeit, die Software zu aktualisieren, ohne das Plugin oder Theme vorher zu deinstallieren. Du erhältst einen ähnlichen Update-Dialog, wenn du versuchst, ein bereits existierendes Plugin-Paket hochzuladen:

Standardmäßige XML-Sitemap in WordPress 5.5 für mehr SEO-Power

Eine Sitemap ist eine XML-Datei, die alle URLs einer Site auflistet. Sie ermöglicht Google, die URLs leicht zu crawlen und den Inhalt zu indexieren. Sitemaps spielen eine wichtige Rolle beim WordPress-SEO-Setup. Die meisten SEO-Plugins bieten eine XML-Sitemap als Standardfunktion. SEO-Plugins wie Yoast SEO und All In One SEO bringen eine XML-Sitemap mit. WordPress 5.5 führt die nativen XML-Sitemaps im WordPress-Kern ein, was von der WordPress-Community bereits geschätzt wird. Die XML-Sitemap-Funktion (MVP) ist in dieser Version implementiert. Die WordPress-XML-Sitemap deckt die wichtigsten Funktionen einer Sitemap ab und indexiert die folgenden Inhaltstypen.

• Startseite
• Beitragsseite
• Core-Beitragstypen (Seiten und Beiträge)
• Benutzerdefinierte Beitragstypen
• Core-Taxonomien (Tags und Kategorien)
• Benutzerdefinierte Taxonomien
• Benutzer (Autoren)

Zusätzlich verweist die von WordPress ausgegebene robots.txt-Datei auf den Sitemap-Index. Außerdem wird eine XML-Sitemaps-API mitgeliefert, auf der man aufbauen kann. Falls du bereits ein SEO-Plugin mit eigener XML-Sitemap nutzt, kann es zu Konflikten kommen. Yoast SEO und All In One SEO haben bereits eine Funktion hinzugefügt, mit der die WordPress-Standard-XML-Sitemaps deaktiviert werden können, weil beide eine erweiterte Anpassung ihrer Sitemap bieten.

Gibt es ein Video zu WordPress 5.5?

Ja, das gibt es! Unser Freund Adam von wpcrafter.com hat eine schöne Zusammenfassung des WordPress-5.5-Updates:

Empfehlung

WordPress 5.5 kommt mit massiven Updates. Es verändert die Art und Weise, wie Websites gebaut, gestaltet und gewartet werden. Falls deine WordPress-Website den WordPress-Core automatisch aktualisiert, empfehlen wir dringend, ein Backup deiner Seite anzulegen. Wir haben einen Artikel darüber, wie du die WordPress-Website manuell ohne Plugin sicherst. Bei einem großen Software-Update wird höchstwahrscheinlich etwas auf der Website nach der Installation nicht wie erwartet funktionieren. Auch WordPress 5.5 ist keine Ausnahme von dieser Regel. Teste die neue WordPress-Version daher zuerst auf einer Test-Website.

Fazit

Ich hoffe, dieser Artikel hat dir geholfen zu verstehen, was mit WordPress 5.5 kommt. Es ist das Update für Block-Editor, Performance, Sitemap und Auto-Updates für Themes und Plugins. Dieses bedeutende Release fokussiert sich auch auf den Navigationsmenü-Block, das Block-Verzeichnis, Lazy Loading, das Update von Gutenberg auf die neueste Release-Version und vieles mehr. WordPress 5.5 kommt allein mit über 1500 Verbesserungen am Block-Editor.😮 Mir gefallen die Performance-Updates von WordPress 5.5. Bitte schreib mir, was dir an dieser neuen Version gefällt und welches Update für dich am wichtigsten ist. Was möchtest du als Nächstes sehen, und was möchtest du in WordPress nicht sehen?