WordPress 5.7 „Esperanza“: Die wichtigsten Funktionen und Verbesserungen

Zuletzt aktualisiert - 8. Juli 2021

WordPress Version 5.7 „Esperanza“ ist endlich da. Die erste große WordPress-Version des Jahres bringt viele Variationen und neue Funktionen mit sich, wie Lazy-Loading-iFrames, Aktualisierungen der Anmelde- und Registrierungsschnittstelle, Links zum Zurücksetzen von Passwörtern, eine Vielzahl von Fehlerbehebungen usw. Der neue Editor hilft Ihnen bei der Arbeit Das war vorher nicht möglich, ohne ins Programmieren einzusteigen. Die Bedienelemente, die Sie am häufigsten verwenden, sind genau dort, wo Sie sie brauchen. Und die Layout-Variationen, die einfach sein sollten, sind noch einfacher zu machen. Version 5.7 bringt auch viele Änderungen mit sich, die Entwickler in Themes, WP-Plugins und Projekten anwenden können.

Wir haben WordPress Version 5.7 auf einigen unserer Websites ausprobiert. Sehen wir uns hier also die neuen Features von „ Esperanza “ genauer an.

Editor-Upgrades in WordPress 5.7

Websitebesitzer verbringen den größten Teil ihrer Zeit mit dem WordPress-Editor, um Seiten zu erstellen und Inhalte zu schreiben. Und jede WordPress-Version liefert neue Funktionen und Updates für den Editor. WordPress 5.7 hat auch einige aufregende Funktionen und Upgrades für den Editor.

Ziehen und Ablegen von Blöcken aus Inserter

Mit WordPress 5.7 können Sie Blöcke direkt aus dem Inserter „Neuen Block hinzufügen“ (+) in den Inhaltsbereich ziehen und dort ablegen. Sie können also auswählen, wo Sie einen Block platzieren möchten, bevor Sie ihn auf der Post-Leinwand ablegen. Drag & Drop wird nur ausgeführt, wenn Ihr Design Blockmuster unterstützt.

Blöcke in voller Höhe

Ist es nicht besser, die Blöcke in voller Breite für Cover-, Spalten- und Gruppenblöcke zu verwenden? Auf diese Weise können Sie optisch ansprechende Layouts erstellen. WordPress 5.7 erlaubt die Erstellung von Blöcken voller Höhe. Diese Blöcke füllen die Länge des Bildschirms des Benutzers aus, sodass Sie weitere ansprechende Layouts erstellen können.

Blockvariationsbeschreibungen

WordPress 5.7 ermöglicht die Anzeige von Beschreibungen für Blockvariationen. Zum Beispiel enthält der Block für soziale Symbole Instagram-, Facebook- und andere Symbole für soziale Medien. Diese können im Blockinspektor mit einer Vorschau betrachtet werden.

Tastenabmessungen

Diese neue Funktion ermöglicht es uns jetzt, eine prozentuale Breite für die Schaltflächen festzulegen, die in den Schaltflächenblöcken untergebracht sind. Wählen Sie eine Schaltfläche und wählen Sie 25 %, 50 %, 75 % oder 100 % aus. Das Bild zeigt die verschiedenen Reihenfolgen der Tastenabmessungen.

Vertikale Ausrichtung für Schaltflächen

WordPress 5.7 ermöglicht es uns, Modifikationen für die vertikale Ausrichtung zum Buttons-Block hinzuzufügen. Benutzer können Layouts von horizontal zu vertikal ändern, indem sie den Transformationsumschalter in den Blockeinstellungen verwenden.

Größe und Farbe sozialer Symbole

WordPress 5.7 bietet weitere Anpassungsmöglichkeiten für Social Icons: benutzerdefinierte Größe und Farben werden unterstützt. Die Symbolleiste des Social Icons-Blocks bietet jetzt ein Größenauswahlmenü mit 4 verfügbaren Größen, klein, normal, groß und riesig. Derselbe Block unterstützt derzeit Farbeinstellungen, sodass wir verschiedene benutzerdefinierte Farben für Symbole und Hintergründe einführen können. Die Farbpalette des Themas kann für soziale Symbole verwendet werden, um zu verhindern, dass die Farben der Symbole mit dem Farbschema der Website in Konflikt geraten.

Unterstützung der Schriftgröße

WordPress 5.7 bietet eine Option zum Ändern der Schriftgröße sowohl für Listen- als auch für Codeblöcke. Eine Typografiekarte mit der Option, die Schriftgröße zu ändern, wurde den Listenblockeinstellungen hinzugefügt. Benutzer können eine der verfügbaren Schriftgrößen für Listenelemente auswählen oder eine benutzerdefinierte Schriftgröße einführen, die in Pixel dargestellt wird. Die Schaltfläche „Zurücksetzen“ setzt die Werte auf die Standardwerte zurück.

Es unterstützt auch Schriftgrößenänderungen in Codeblöcken. Wenn ein Code-Block ausgewählt ist, werden in der Seitenleiste der Blockeinstellungen Optionen für die Schriftgröße angezeigt. Mit dieser Option können Sie entweder eine der in Ihrem Design verfügbaren Größen auswählen oder einen benutzerdefinierten Wert in Pixel eingeben.

Halbtransparenter Distanzblock

Anstelle des bisherigen matten Grautons hat der Spacer-Block jetzt einen halbtransparenten Hintergrund. Diese Funktion sollte es einfacher machen, den Spacer-Block über jeder Hintergrundfarbe zu erkennen.

Weitere Verbesserungen im Blockeditor

• Schalten Sie den dunklen Modus automatisch ein, wenn der dunkle Hintergrund aktiviert ist.
• Telegram, Patreon und TikTok zu Social Icons hinzugefügt.
• Transformationsvorschauen blockieren.
• Verbesserte Blockmustervorschau im Blockeinfüger.
• Das Optionsmodell wurde aktualisiert und in Preferences umbenannt.
• API-Änderungen für innere Blöcke.
• Verbesserungen der Import-/Exportfunktion.
• Änderungen an Komponenten und Blöcken des Blockeditors.

Lazy-Loading iFrames

Lazy Loading ist eine Optimierungsmethode, die das Laden unkritischer Ressourcen verzögert, bis sie sich im Anzeigefenster des Betrachters befinden. Lazy-Loading-Ressourcen werden erst heruntergeladen und gerendert, wenn sie benötigt werden. Es kann die Leistung erheblich verbessern, insbesondere für Websites mit hochauflösenden Bildern und Videos. WordPress-Benutzer mussten zuvor wp-Plugins verwenden, um ähnliche Effekte zu erzielen.

WordPress 5.7 fügt Lazy Loading automatisch zu Iframe-Einbettungen hinzu. WordPress verwendet bereits ab Version 5.5 standardmäßig Lazy Loading für Bilder. Dies bedeutet, dass alle Einbettungen, die Iframes verwenden, wie z. B. YouTube-Videos, Lazy Loading anwenden, um Ihre Seitenladeraten zu erhöhen.

Einfachere Migration von HTTP zu HTTPS

Früher, als Sie WordPress von HTTP auf HTTPS migriert haben, mussten Sie die in die Website eingebetteten URLs manuell aktualisieren. Wenn Sie dies nicht tun, führt dies zum Mixed-Content-Problem. Ein Mixed-Content-Problem in WordPress wird durch falsche HTTPS/SSL-Einstellungen verursacht. Oft beeinträchtigt es die Funktionalität Ihrer Website nicht, kann sich jedoch negativ auf die SEO und die Benutzererfahrung Ihrer Website auswirken.

WordPress 5.7 macht es einfacher, Ihre Website auf HTTPS umzustellen. WordPress erkennt, ob die Umgebung einer Website HTTPS unterstützt. Wenn dies der Fall ist, wird die Verfügbarkeit von HTTPS im Menü „Site Health“ als kritisches Problem angezeigt.

Von hier aus müssen Benutzer nur noch auf eine Schaltfläche klicken, um ihre WordPress-URLs zu aktualisieren. Dadurch werden Ihre WordPress- und Website-URL-Einstellungen geändert und die URLs auf Ihrer Website aktualisiert, um HTTPS mit einem einzigen Klick zu übernehmen. Die Website wird unterwegs migriert, sodass wir keine Probleme mit gemischten Inhalten haben. Die Notwendigkeit zusätzlicher wp-Plugins entfällt ebenfalls.

WordPress zeigt eine Benachrichtigung an, wenn HTTPS nicht unterstützt wird.

Standardisierte WP-Admin-Farbpalette

Die neue Version wird die WP-Admin-Farbpalette vereinheitlichen. WordPress wurde mit einer eingeschränkten Sammlung von Farbschemata geliefert, und das Hinzufügen neuer Farbschemata war mühsam, da Entwickler mit variablenbasierten Sass-Systemen arbeiten mussten.

In Version 5.7 wird WordPress alle im CSS verwendeten Farben auf jeweils eine der möglichen 12 Schattierungen von Blau, Grün, Rot und Gelb und 13 Schattierungen von Grau, Schwarz und Weiß löschen. Die Normalisierung dieses Farbsatzes hilft den Entwicklern von Themes und WP-Plugins, konsistente, bequeme Designentscheidungen zu treffen.

Neue Roboter-API

Die neue Version enthält eine filterbasierte Robots-API, die eine zentrale Kontrolle über das Robots-Meta-Tag ermöglicht. Mit dem Robots-Meta-Tag können Sie eine granulare, seitenspezifische Strategie verwenden, um zu verwalten, wie eine bestimmte Seite indiziert und für Benutzer in Suchmaschinenergebnissen verwendet werden soll. Dieses Meta-Tag wird im Allgemeinen im Abschnitt <head> einer Seite gesetzt.

Mit der neuen Robots-API können Sie die Filteranweisungen in das Robots-Meta-Tag integrieren, und die API umfasst standardmäßig die Anweisung max-image-preview: large. Das deutet darauf hin, dass Suchmaschinen größere Bildvorschauen anzeigen können, was Ihren Traffic erhöhen kann.

WordPress blendet dieses Tag automatisch für Websites aus, die als nicht öffentlich gekennzeichnet sind.

So aktualisieren Sie auf WordPress 5.7

Bevor Sie sich zu einem größeren Update des WordPress-Kerns verpflichten, sichern Sie immer Ihre Website. Wir empfehlen, ein vollständiges Backup durchzuführen, das Ihre WordPress-Datenbank, Dateien, Designs, Plugins, Medienbibliothek usw. enthält.

Sie können das WordPress-Versions-Update in Ihrem Admin-Dashboard auf der Seite „Updates“ sehen. Klicken Sie auf Jetzt aktualisieren, um das Update zu starten.

Die Zeiten, in denen Sie MLM-Unternehmen auf traditionelle Weise verwaltet haben, sind lange vorbei!

Wenn Sie eine WordPress-Website betreiben, versuchen Sie es mit einem WP MLM-Plugin und steuern Sie Ihr MLM-Geschäft mit Leichtigkeit.

Die Hauptgründe, warum Sie ein WP MLM-Plugin verwenden sollten, wurden hier erklärt . Wenden Sie sich jetzt an ein führendes Unternehmen für die Entwicklung von WP-MLM-Plugins.

Weiterlesen

• WordPress 5.5 und seine Funktionen.
• Wie aktualisiere ich WooCommerce sicher?