WordPress 6.7 Beta 3 Testanleitung: Neue Funktionen, Testschritte und wichtige Verbesserungen

WordPress 6.7 Beta 3 (dritte Beta) ist jetzt zum Testen bereit!

Diese Beta-WordPress-Software befindet sich noch in der Entwicklung.. Wenn Sie den Test herunterladen, sollten Sie darauf achten, dass Sie nichtunter BetriebvielleichtWichtige StandorteEs wird empfohlen, diese Version von WordPress auf die gleiche Weise zu installieren, auszuführen oder zu testen wie die vorherige Version.Zwei Beta-Versionen(WordPress 6.7 Beta 1im Gesang antwortenWordPress 6.7 Beta 2) gleich, laden Sie am besten WordPress 6.7 Beta 3 herunter, um eineLeere Website testen.

WordPress 6.7 Beta 3 Testanleitung: Neue Funktionen, Testschritte und wichtige Verbesserungen

Trotzdem können Sie WordPress 6.7 Beta 3 auf die folgenden vier Arten testen:

Plug-in (Softwarekomponente)Installation und Aktivierung in der WordPress-InstallationWordPress Beta Tester Plugin. (Wählen Sie den Kanal "Bleeding edge" und den Stream "Beta/RC Only").
Direkter DownloadHerunterladen vonBeta 3 Version (zip)und installieren Sie es auf Ihrer WordPress-Website.
Befehlszeile (Informatik)Verwenden Sie die folgendenWP-CLIBefehl:wp core update --version=6.7-beta3
WordPress Spielwieseausnutzen6.7 Beta 3 WordPress Playground BeispielTesten Sie die Software direkt in Ihrem Browser, es ist keine separate Website oder Einrichtung erforderlich. 

Das aktuelle Zieldatum für die endgültige Veröffentlichung von WordPress 6.7 ist12. November 2024

Wie Sie WordPress 6.7 Beta 3 testen

Eines der Highlights in dieser Version ist das neue StandardthemaZwanzig FünfundzwanzigEs gibtDienstleistungen, Login-Seiteund andere Kategorien bieten die Flexibilität von mehreren Modi. Der Schwerpunkt liegt auf Einfachheit und Anpassungsfähigkeit, einschließlich einer schönen Typografie und einer weltweit zugänglichen Farbpalette.

WordPress 6.7 Beta 3 Testanleitung: Neue Funktionen, Testschritte und wichtige Verbesserungen

Wie Sie WordPress Beta testen

Es gibt mehrere Möglichkeiten, WordPress-Entwicklungs- oder Beta-Versionen zu testen:

Spielplatz

Spielplatzist eine schnelle und einfache Möglichkeit, eine Beta oder einen Release Candidate von WordPress zu testen, ohne eine vollständige Umgebung einrichten zu müssen. Es ist möglich, WordPress zu testen, indem Sie dieWordPress SpielwieseSchnellstart-Testumgebung.

Lokale, selbst gehostete Websites

Sie können dieLokalesvielleichtwp-envusw., um eine lokale WordPress-Website zu erstellen. Sobald die Website fertig ist, können Sie das Beta Tester Plugin installieren, um zur Beta-Version von WordPress zu wechseln.

Setup-Schritte:

  1. Herunterladen und installierendiese Ortschaft.
  2. Erstellen Sie eine neue WordPress-Website.
  3. Sobald die Website betriebsbereit ist, verwenden Sie das WordPress Beta Tester Plugin, um sie auf eine Entwicklungs- oder Beta-Version von WordPress umzustellen. Dieses Plugin macht es relativ einfach, Vorabversionen von WordPress zu installieren.
    So verwenden Sie dieses Plug-in:
    1. Installieren und aktivieren Sie das WordPress Beta Tester Plugin.
    2. Navigieren Sie zu Extras > Beta-Tests.
    3. Je nachdem, was Sie testen möchten, wählen Sie die Option "Anschnittkante" oder "Punktfreigabe".
    4. Klicken Sie auf Änderungen speichern und aktualisieren Sie die WordPress-Version.

Über WP-CLI

Wenn Sie es vorziehen, Befehlszeilentools zu verwenden, können Sie dieWP-CLIInstallieren Sie schnell WordPress Beta. 

Schritte:

  • Erstellen Sie eine lokale WordPress-Website mit Ihrer bevorzugten Methode.
  • Sobald die Website eingerichtet ist, öffnen Sie das Terminal und navigieren Sie zum Stammverzeichnis Ihrer WordPress-Installation.

Führen Sie den folgenden Befehl aus, um auf die neueste Testversion zu aktualisieren:

wp core update --version=6.7-beta3

oder

wp core update --version=6.7-RC1

(Ersetzen Sie bei Bedarf die Versionsnummer, z.B. -version=6.7-beta2.)

Mit dieser Methode können Sie schnell zwischen den Versionen wechseln und bestimmte Versionen leichter testen.

Testen mit einer temporären Website

Eine Produktions-/Echtzeit-Site kann erstellt werden fürprovisorischer Standortund aktualisieren Sie sie auf die WordPress-Beta-Version. Auf diese Weise können Sie die neue Version sicher testen, ohne die Live-Site zu beeinträchtigen. Bevor Sie das Update auf die Produktions-/Live-Umgebung anwenden, stellen Sie sicher, dass alles ordnungsgemäß funktioniert.

Teststreifen

Wenn Sie den Patch testen möchten, können SieBefolgen Sie diese AnweisungenLokales Einrichten der WordPress-Entwicklungsversion.

WordPress 6.7 Beta 3 Testanleitung: Neue Funktionen, Testschritte und wichtige Verbesserungen

Liste der Routinetests

Für einen schnellen Test der Kompatibilität der aktualisierten WordPress-Version mit Ihrer Website können Sie die folgende Prüfung durchführen:

Aktualisieren Sie zunächst WordPress auf Beta oder RC, und aktivieren Sie in der wp-config.phpKomponenten während des Tests anpassen, und aktualisieren Sie Themes und Plugins.

  • Stellen Sie sicher, dass Plugins und Themes nicht automatisch deaktiviert werden, wenn sie aktualisiert werden.
  • WordPress prüfenStandort Gesundheitob es neue Warnungen oder Probleme mit dem Tool gibt.
  • Vergewissern Sie sich, dass es keine Layoutbrüche oder nicht ausgerichtete Elemente gibt.
  • Testen Sie Links und Permalinks, um sicherzustellen, dass es keine 404-Fehler gibt.
  • Überprüfen Sie, ob Beiträge, Bilder und Medien korrekt angezeigt werden.
  • Stellen Sie sicher, dass die Sitemap und die robots.txt-Dateien ordnungsgemäß funktionieren.
  • Vergewissern Sie sich, dass Sie vollen Zugriff auf das Management-Dashboard haben und dass keine Fehler vorliegen.
  • Wenn die Website über benutzerdefinierte Blöcke verfügt, erstellen Sie Inhalte in neuen Blöcken und bearbeiten Sie vorhandene Inhalte.
  • Erstellen Sie einen neuen Beitrag: Fügen Sie Inhalte hinzu, kopieren und fügen Sie Text ein und fügen Sie manuell Mediendateien hinzu. Speichern Sie den Beitrag und beobachten Sie die Konsole auf eventuelle Probleme.
  • Erstellen Sie eine neue Seite, fügen Sie Inhalte hinzu und prüfen Sie, wie sie in verschiedenen Browsern angezeigt wird.
  • Öffnen Sie die Entwicklerkonsole Ihres Browsers und prüfen Sie, ob es Fehler, Warnungen oder Benachrichtigungen gibt.
  • Öffnen Sie die Fehlerprotokolldatei und suchen Sie nach Benachrichtigungen, Warnungen und schwerwiegenden Fehlern.
  • Überprüfen Sie die Benutzerrollen und Berechtigungen, um sicherzustellen, dass sie intakt bleiben.
  • Vergewissern Sie sich, dass alle geplanten Beiträge oder automatisierten Aufgaben, wie z.B. Backups, noch wie erwartet ausgeführt werden.
  • Stellen Sie sicher, dass alle Integrationsdienste (z.B. Zahlungsgateways oder Analysedienste) ordnungsgemäß funktionieren.
  • Öffnen Sie die Website in verschiedenen Browsern und überprüfen Sie, ob alle Funktionen wie erwartet funktionieren.

Wichtige Funktionen zum Testen

Neues Standardthema - Zwanzig Fünfundzwanzig

In WordPress 6.7 erreicht das Twenty Twenty-Five Theme die perfekte Balance zwischen Einfachheit und Flexibilität. Das von der Natur und der Geschichte inspirierte Thema bietet eine Vielzahl von Mustern und Vorlagen, die sich für eine Vielzahl von Anwendungsfällen eignen, von persönlichen Blogs bis hin zu komplexen Portfolios. Es umfasst eine reichhaltige Farbpalette und eine Vielzahl von Blog-Vorlagen, die es für ein globales Publikum geeignet machen. Weitere Einzelheiten zu diesem neuen Thema finden Sie auf derBitte lesen Sie den einleitenden Artikel

Paradigma

Das Twenty Twenty-Five-Theme bietet eine Vielzahl von vorgefertigten Mustern, mit denen Sie Seiten effizient erstellen können. Diese Muster decken eine Vielzahl von Kategorien ab, z. B. Dienstleistungen, Info-Seiten, Call-to-Action-Sätze und mehr. Sie wurden entwickelt, um Flexibilität und Interoperabilität zu bieten, damit Benutzer schnell zielgerichtete und zusammenhängende Seitenlayouts erstellen können.

Test-Schritte:

  1. Navigieren Sie zu Erscheinungsbild > Editor, um den Site-Editor zu öffnen.
  2. Öffnen Sie eine beliebige Vorlage oder erstellen Sie eine neue Seite.
  3. Klicken Sie auf das "+"-Symbol, um einen neuen Block hinzuzufügen.
  4. Gehen Sie zur Registerkarte Muster im Block-Inserter.
  5. Wählen Sie Muster aus verschiedenen Kategorien (z.B. Dienstleistungen, Über, Aufruf zum Handeln oder Galerie).
  6. Legen Sie die Muster ein und überprüfen Sie, ob sie korrekt angezeigt werden.
  7. Testen Sie die Interoperabilität dieser Modi, indem Sie mehrere Modi auf einer einzigen Seite kombinieren.
  8. Passen Sie die Modi nach Bedarf an und stellen Sie sicher, dass sie auf verschiedenen Geräten funktionieren.
  9. Vergewissern Sie sich, dass das Layout im Website-Editor mit dem Layout im Frontend übereinstimmt. 

Farbpaletten und Stile

Das Thema bietet eine Vielzahl von Farbschemata und Stilvariationen, mit denen Sie das Erscheinungsbild Ihrer Website leicht anpassen können. Das Theme enthält eine Vielzahl von Farbschemata und typografischen Kombinationen, die für den globalen Einsatz konzipiert sind und eine hochwertige Unterstützung für eine Vielzahl von Sprachen und Regionen gewährleisten. Diese Optionen geben dem Benutzer die Flexibilität, die Ästhetik seiner Website an seinen eigenen Stil anzupassen und gleichzeitig ein einheitliches und optisch ansprechendes Erscheinungsbild zu erhalten.

Test-Schritte:

  1. Navigieren Sie zu Erscheinungsbild > Editor, um den Site-Editor zu öffnen.
  2. Klicken Sie auf die obere rechte Ecke desStil-Tasten(Halbmond-Symbol).
  3. Wählen Sie verschiedene Farbpaletten und Schriftkombinationen für Ihre Website.
  4. Beobachten Sie, wie sich Farben und Schriftarten auf der gesamten Website ändern, wenn eine neue Palette oder ein neuer Stil ausgewählt wird.
  5. Speichern Sie die Änderungen und zeigen Sie die Website in der Vorschau an, um zu überprüfen, ob der neue Stil korrekt auf alle Seiten angewendet wurde.

Vorlage

Twenty Twenty-Five bietet eine Reihe anpassungsfähiger Blogvorlagen, darunter textzentrierte Blogs mit Seitenleisten und visuell geprägte Fotoblogs. Es ist vollständig in den Website-Editor integriert und nutzt neue Designfunktionen wie Gitterblöcke und Muster-/Abschnittsstile.

Alternatives Vorlagendesign

Das Thema enthält vier Sätze alternativer Designs: einen reinen Textblog, einen Fotoblog, einen Nachrichtenblog und einen Blog mit vertikalen Überschriften. Die Designs sind als Muster zum Ersetzen von Vorlageninhalten aufgebaut.

Um das Design des Fotoblogs zu testen, gehen Sie folgendermaßen vor:

  1. Gehen Sie zu Erscheinungsbild > Editor.
  2. Wählen Sie die Vorlage für den Menüpunkt aus.
  3. Wählen Sie die Vorlage, die Sie testen möchten, z. B. einen einzelnen Beitrag, eine Seite, ein Archiv oder eine Blog-Startseite.
  4. Öffnen Sie im Editor die Seitenleiste Einstellungen.
  5. Wählen Sie die Registerkarte Vorlagen.
  6. Suchen Sie auf der Registerkarte Vorlagen den Bereich Design und erweitern Sie ihn.
  7. Das Design-Panel zeigt eine Vorschau der verfügbaren Designs an:
    • Bewegen Sie den Mauszeiger über die Vorschau, um den Namen des Designs zu sehen.
    • Klicken Sie auf Vorschau, um den Inhalt der Vorlage durch das ausgewählte Design zu ersetzen.
  8. Stellen Sie sicher, dass das Layout im Website-Editor mit dem Layout im Frontend übereinstimmt.

Partieller Stil

Das Twenty Twenty-Five-Thema bietet vier einzigartige Abschnittsstile, mit denen Sie vor allem die Farben von Gruppen und Spalten ändern können. Diese Stile bieten die Flexibilität, visuell ansprechende Layouts zu erstellen. Bei den Tests wurde sichergestellt, dass die neuen Stile sowohl im Editor als auch im Frontend korrekt angewendet wurden, wobei der Schwerpunkt auf der Benutzerfreundlichkeit und Lesbarkeit lag.


Test-Schritte:

  1. Erstellen Sie einen neuen Beitrag oder eine neue Seite im Dashboard.
  2. Fügt einen Gruppenblock oder Spaltenblock ein.
  3. Fügen Sie innerhalb einer Gruppe oder eines Spaltenblocks einige Blöcke wie Überschriften, Absätze usw. hinzu.
  4. Öffnen Sie die Seitenleiste Einstellungen und wählen Sie die Registerkarte Sperren.
  5. Öffnen Sie die Registerkarte Formatvorlagen und suchen Sie oben das Bedienfeld Formatvorlagen.
  6. Wählen Sie einen der alternativen Stile. Wiederholen Sie dies für jeden Stil, um alle Stile zu testen.
  7. Stellen Sie sicher, dass das Design des Editors und des Frontends gleich aussehen.
  8. Stellen Sie sicher, dass die Farbkombinationen lesbar sind, einschließlich der Hintergründe, Texte, Links und Schaltflächen.

Verbessern der Datenansicht 

Möglichkeit, die Dichte der Informationen im Rasterlayout festzulegen

In WordPress 6.7 können Benutzer die Dichte des Grid-Layouts anpassen, um eine anpassungsfähigere und reaktionsschnellere Darstellung zu ermöglichen. Mit diesem Update werden neue UI-Steuerelemente in der Grid-Ansicht eingeführt, mit denen die Benutzer ihre bevorzugte Dichte auswählen können.

WordPress 6.7 Beta 3 Testanleitung: Neue Funktionen, Testschritte und wichtige Verbesserungen

Testbeschreibung:

  1. Vom Dashboard aus öffnenWebsite-Editor.
  2. Navigieren Sie zu "Paradigma"Teil.
  3. Klicken Sie auf das Symbol Einstellungen, um das Fenster Erscheinungsbild und Einstellungen zu öffnen.
  4. Von "Größe der Vorschau"Maschendichte-Optionen anpassen".
  5. Beobachten Sie, wie das Muster angezeigt wird.

Optionen zum Ausblenden/Einblenden von Filtern in der Benutzeroberfläche

WordPress 6.7 Beta 3 Testanleitung: Neue Funktionen, Testschritte und wichtige Verbesserungen

Möglichkeit, die Reihenfolge der Spalten in der Tabellenansicht anzupassen

WordPress 6.7 führt die Möglichkeit ein, die Reihenfolge der Spalten in der Tabellenansicht anzupassen, was eine größere Flexibilität bei der Darstellung der Daten ermöglicht. Mit dieser Funktion können Benutzer Tabellenspalten nach links oder rechts verschieben, um bei der Verwaltung von Vorlagen, Schemas oder Seiten ein individuelleres Layout zu erstellen.

Testbeschreibung:

  1. Öffnen Sie eine beliebige tabellarische Datenansicht (Vorlage, Schema oder Seite) in WordPress.
  2. Klicken Sie auf die Spaltenüberschriften, um die verfügbaren Aktionen anzuzeigen.
  3. Wählen Sie "Nach links verschieben" oder "Nach rechts verschieben", um die Spalten neu anzuordnen.
  4. Stellen Sie sicher, dass die Spalten entsprechend angepasst werden und die neue Reihenfolge beibehalten wird, wenn die Seite aktualisiert wird.

Die Option für die hierarchische Datenansicht im Menü ermöglicht mehr Gestaltungsmöglichkeiten

Die Optionen für die Datenansicht wurden verbessert und bieten nun mehr Flexibilität bei der Gestaltung. Es wurde ein neues Zahnradsymbol mit einem "Optionen anzeigen"Einstellungen. Dies öffnet ein "Erscheinungen"Ein Popup-Fenster, in dem der Benutzer die Ansichtseinstellungen verwalten kann.

Zum Beispiel die Anzahl der Artikel pro Seite und die Sortieroptionen.

Beispiele sind "Sortieren nach", "Sortieren nach", Vorschaugröße, Anzahl der Artikel pro Seite usw.

Testbeschreibung:

  1. Öffnen Sie eine beliebige Datenansicht (Vorlage, Schema oder Seite) im Site-Editor.
  2. Klicken Sie auf das Zahnradsymbol, um die Einstellungen der Ansichtsoptionen anzuzeigen.
  3. Öffnen Sie das Popup-Fenster Erscheinungsbild, um die verfügbaren Optionen zu erkunden.
  4. Passen Sie die Anzahl der Artikel pro Seite und die Sortieroptionen (z.B. "Sortieren nach" und "Sortieren nach") an.
  5. Überprüfen Sie, ob die Einstellungen übernommen wurden und in der Datenansicht angezeigt werden.

Verfeinerung der Auskunftsschleife 

Der Query Loop-Block ist eine Schlüsselkomponente für den Aufbau von Websites in WordPress und wird derzeit verbessert, um seine Benutzerfreundlichkeit und Intuitivität zu erhöhen. Er bleibt zwar ein leistungsfähiger und vielseitiger Block, aber diese Verbesserungen konzentrieren sich darauf, die Anpassung zu erleichtern. Zu den wichtigsten Änderungen gehören eine bessere Kontexterkennung und klarere Kopien der Einstellungen, so dass die Benutzer komplexe Abfragen leicht erstellen und verwalten können. 

Testbeschreibung:

  1. Öffnen Sie das WordPress-Dashboard und erstellen Sie eine neue Seite oder einen neuen Beitrag.
  2. Fügt einen Abfrageschleifenblock in eine Seite oder einen Beitrag ein.
  3. Prüfen Sie die Einstellungen in der Seitenleiste und beachten Sie die Beschreibung.
  4. Passen Sie die Abfrageschleife an und sorgen Sie dafür, dass die Änderungen intuitiv und einfach anzuwenden sind.
  5. Speichern Sie Ihre Änderungen und überprüfen Sie die Genauigkeit der Front-End-Ausgabe. 

Heranzoomen, um nach einem Muster zu komponieren

WordPress 6.7 führt eine neue Funktion "Herauszoomen" ein, um die Art und Weise zu verbessern, wie Benutzer beim Erstellen und Bearbeiten von Websites mit Mustern interagieren. Diese Funktion bietet eine erweiterte Bearbeitungsansicht, die es dem Benutzer ermöglicht, sich auf das Muster zu konzentrieren, anstatt Block für Block Feineinstellungen vorzunehmen. Zu den wichtigsten Aspekten gehört eine reduzierte Benutzeroberfläche für das Einfügen von Mustern, das Erstellen neuer Seiten, die sich auf Muster konzentrieren, und deren Verwaltung (Verschieben, Löschen usw.) über vertikale Symbolleisten. Die Benutzer können zwischen dem Verkleinern und der detaillierten Bearbeitung von Blöcken wechseln und so die gesamte Benutzererfahrung mit einer verbesserten Mustermanipulation und einer fortgeschrittenen reinen Inhaltsbearbeitung verbessern.

etw. gestalten

Testbeschreibung:

  1. Navigieren Sie zum Site-Editor und fügen Sie das Schema in die Seite oder den Beitrag ein.
  2. Verwenden Sie die Schaltfläche Verkleinern, um zur verkleinerten Ansicht zu wechseln.
  3. Vergewissern Sie sich, dass die Gesamtstruktur der Seite sichtbar ist, damit Sie das Schema leichter manipulieren können.
  4. Versuchen Sie in der reduzierten Ansicht, Muster mithilfe der neuen vertikalen Symbolleiste zu verschieben, zu löschen und neu anzuordnen.
  5. Vergewissern Sie sich, dass das Muster genau auf Drag-and-Drop-Vorgänge reagiert und korrekt platziert wird, ohne dass es versehentlich verschoben wird.
  6. Vergewissern Sie sich, dass die Zoom-Option wie erwartet funktioniert, indem Sie in den Block hineinzoomen, um eine detaillierte Bearbeitung zu sehen, und herauszoomen, um eine breitere Ansicht der Seite zu erhalten.
  7. Achten Sie auf UX-Probleme oder Unstimmigkeiten bei der Interaktion mit dem Muster im reduzierten Modus.
  8. Beenden Sie den Schrumpfmodus und vergewissern Sie sich, dass alle Änderungen intakt bleiben und im Standard-Blockeditor korrekt angezeigt werden.

Entdecken Sie die Variationen des Schrumpfstils

Testbeschreibung:

  1. Öffnen Sie Erscheinungsbild > Editor, um den Site-Editor aufzurufen.
  2. Wählen Sie die Leinwand, um mit der Bearbeitung der Blog-Homepage-Vorlage zu beginnen.
  3. Öffnen Sie Stile und wählen Sie Stile durchsuchen, um die verschiedenen Optionen für Stilvariationen zu sehen. Dadurch wird automatisch eine reduzierte Ansicht angezeigt.
  4. Blättern Sie durch die verschiedenen Stiloptionen und entdecken Sie die Möglichkeit, aus der Ansicht herauszuzoomen.
  5. Sie können zwischen dem Betreten und Verlassen der reduzierten Ansicht wechseln, indem Sie Stilblöcke öffnen und schließen, Stilblöcke wechseln und Stiländerungen zum Vergleich zurückgeben.

Verbesserungen für die Medien

WordPress 6.7 führt wichtige Verbesserungen im Bereich Medien ein, die den Umgang mit Medien und deren Anzeige verbessern. Zu den wichtigsten Aktualisierungen gehören die Unterstützung von HEIC-Bild-Uploads und automatischen Konvertierungen, die automatische Größenanpassung von Bildern, die mit Verzögerung geladen werden, sowie erweiterte Funktionen für Hintergrundbilder. Benutzer können jetzt Hintergrundbilder auf Block- und globaler Ebene festlegen, mit neuen Optionen wie festen Hintergründen. Darüber hinaus wurde eine vereinfachte modale Schnittstelle zur Verwaltung von Hintergrundbildern eingeführt. Diese Verbesserungen optimieren den Umgang mit Medien und erhöhen die Flexibilität beim Website-Design.

Unterstützt den Upload von HEIC-Bildern

Hochgeladene HEIC-Bilder werden auf dem Server automatisch in JPEG konvertiert, um die Kompatibilität mit allen Browsern zu gewährleisten. Das ursprüngliche HEIC-Bild kann weiterhin von der Seite Anhänge heruntergeladen werden. Wenn der Server die HEIC-Konvertierung über Imagick nicht unterstützt, wird WordPress den Benutzer auffordern, das Bild manuell zu konvertieren.

Testbeschreibung:

  1. Laden Sie HEIC-Bilder in der Mediathek hoch.
  2. Bestätigen Sie, dass das Bild in JPEG konvertiert wurde.
  3. Prüfen Sie, ob das Original HEIC auf der Seite Anhänge zum Herunterladen verfügbar ist.
  4. Überprüfen Sie die Imagick HEIC-Unterstützung unter Tools → Site Health → Information → Media Processing.
  5. Stellen Sie sicher, dass eine Warnung erscheint, wenn der Server keine HEIC-Unterstützung bietet.
  6. Überprüfen Sie, ob das Bild in Beiträgen und Seiten in verschiedenen Browsern korrekt angezeigt wird.

Verzögern Sie die automatische Größe des geladenen Bildes. 

Diese Funktion fügt automatisch den Wert auto an den Anfang des Größenattributs jedes verzögert ladenden Bildes. Diese Verbesserung hilft dem Browser, automatisch die passende Bildgröße zu bestimmen, um die Reaktionsfähigkeit des Bildes zu verbessern. 

Testbeschreibung:

  1. Aktivieren Sie das verzögerte Laden von Bildern auf Ihrer WordPress-Website (dies kann standardmäßig aktiviert sein).
  2. Hochladen oder Einfügen eines Bildes in einen Beitrag oder eine Seite.
  3. Öffnen Sie die Entwicklertools Ihres Browsers und wählen Sie die Registerkarte Bilder.
  4. Überprüft, ob das Größenattribut aller verzögert geladenen Bilder mit auto beginnt.
  5. Speichern Sie den Beitrag oder die Seite und sehen Sie sich eine Vorschau an, um sicherzustellen, dass das Front-End-Bild mit dem richtigen Verhalten geladen wird.

Hintergrundbilder auf Blockebene in globalen Stilen

WordPress 6.7 führt die Möglichkeit ein, das Hintergrundbild eines Blocks auf der globalen Stilebene festzulegen, wodurch die Benutzer mehr Kontrolle über das Aussehen ihrer Website erhalten. Mit dieser neuen Funktion können Benutzer ein Hintergrundbild auf alle Instanzen eines bestimmten Blocktyps anwenden, z. B. auf Zitatblöcke, und gleichzeitig die Flexibilität behalten, den Standardhintergrund auf der Ebene der einzelnen Blöcke zu überschreiben. Damit erhalten WordPress-Themes eine weitere Ebene der Anpassung, was zu einem kohärenteren und optisch ansprechenderen Design führt.

Testbeschreibung:

  1. Öffnen Sie den Site-Editor über Erscheinungsbild > Editor 
  2. Wählen Sie eine Vorlage und navigieren Sie zu"Stil" > "Block".
  3. Sucht nach einem Block und legt ein Hintergrundbild für diesen Block auf der Ebene des globalen Stils fest, z.B. ein Hintergrundbild für den Block Zitat.
  4. Überprüfen Sie, ob alle Referenzblöcke jetzt das Standard-Hintergrundbild haben.
  5. Überprüfen Sie, ob die globalen und individuellen Einstellungen auf Blockebene ordnungsgemäß und ohne Probleme funktionieren.

Unterstützung für Hintergrundanhänge hinzufügen (feste Hintergründe)

WordPress 6.7 führt eine neue Funktion ein, mit der das Verhalten von Hintergrundanhängen für Blöcke und Seitenhintergründe umgeschaltet werden kann. Der Benutzer kann nun wählen, ob das Hintergrundbild mit der Seite mitläuft oder fixiert bleibt. Dies erhöht die Designflexibilität von Blöcken und Seitenhintergründen.

Testbeschreibung:

  1. Fügt dem Block ein Hintergrundbild hinzu.
  2. Bestätigen Sie, dass das Hintergrundbild standardmäßig mit der Seite scrollt.
  3. Schaltet die Option "Fester Hintergrund" ein und aus.
  4. Überprüfen Sie, ob das Hintergrundbild jetzt fixiert ist.
  5. Speichern Sie die Änderungen und überprüfen Sie das Frontend, um das Verhalten zu bestätigen.
  6. Fügen Sie unter Stil > Layout im Site-Editor ein Hintergrundbild für die Site hinzu.
  7. Testen Sie das gleiche Verhalten beim Scrollen und Fixieren vor dem Hintergrund der Website.

Aktualisierte Unterstützung für Hintergrundbilder zur Verwendung von Modi 

Mit diesem Update wird ein Popup-Panel in der Seitenleiste eingeführt, über das Sie Hintergrundbilder hinzufügen, hochladen oder zurücksetzen können. Das Popup ermöglicht einen einfacheren Zugriff auf die Steuerelemente für Hintergrundbilder und gewährleistet eine nahtlose Anpassung der Eigenschaften von Hintergrundbildern (z. B. Position, Größe usw.).

Testbeschreibung:

  1. Navigieren Sie zu den Blockeinstellungen in der Seitenleiste und fügen Sie ein Hintergrundbild hinzu.
  2. Stellen Sie sicher, dass ein Klick auf das Hintergrundbild in der Seitenleiste das modale Popup auslöst.
  3. Verwenden Sie die Steuerelemente im Popup-Fenster, um die Eigenschaften des Hintergrundbildes anzupassen (z.B. Position, Größe).

Design-Tools 

Die Designtools wurden durch eine erweiterte Blockunterstützung erheblich verbessert und bieten Designern und Themengestaltern mehr Flexibilität und kreative Kontrolle. Zu den wichtigsten Aktualisierungen gehören die lang erwartete Unterstützung für Gruppenblockschatten sowie zusätzliche Unterstützung für Rahmen, Farben, Füllungen und Hintergründe für eine Vielzahl von Blöcken wie Schaltflächen, Galerien und Absätze. Diese Verbesserungen sollen die Anpassung vereinfachen und komplexere Designs direkt im Blockeditor ermöglichen.

Weitere Verbesserung der Unterstützung für PHP 8.x

WordPress 6.7 verbessert weiterhin die Kompatibilität mit PHP 8.x, indem Code entfernt wird, der für ältere, nicht unterstützte PHP-Versionen bestimmt ist. Dies gewährleistet eine bessere Leistung, Sicherheit und Stabilität für Websites, die mit der neuesten Version von PHP laufen.

Testbeschreibung:

  1. Aktualisieren Sie Ihre WordPress-Website auf PHP 8.x.
  2. Führen Sie die Tests wie im Abschnitt "Allgemeine Tests" oben beschrieben durch.
  3. Überwachen Sie alle Warnungen, Benachrichtigungen oder Fehler in der Funktionalität der Website.
  4. Überprüfen Sie das Fehlerprotokoll, um sicherzustellen, dass veraltete oder gelöschte Funktionen nicht verwendet werden.
  5. Vergewissern Sie sich, dass das Admin-Dashboard und das Frontend ohne Probleme geladen werden.

API-Versionen und Iterationen

Diese Version enthält zwei neue APIs, die die Arbeitsabläufe von Entwicklern optimieren:

Registrierung von Vorlagen API  

Diese Funktion vereinfacht die Registrierung von Vorlagen für Plugins durch die Einführung einer neuen API. Bisher mussten sich Plugins in mehrere Filter einklinken, aber jetzt können sie Vorlagen einfacher und effizienter registrieren.

Vorschau Optionen API  

Diese API bietet mehr Flexibilität für die Vorschaufunktionalität und ermöglicht es Plugin-Entwicklern, benutzerdefinierte Vorschauoptionen nahtlos in den WordPress-Editor zu integrieren. Sie erfüllt den Bedarf an einer Vielzahl von Veröffentlichungsprozessen und -tools.

Interaktive API

WordPress 6.7 führt Verbesserungen an der Block-API ein, darunter neue Funktionen, die die Interaktivität verbessern sollen. Derzeit liegt der Schwerpunkt auf dem Testen der Benutzeroberfläche und der Funktionalität der Lightbox-Support-Funktion. 

Testbeschreibung:

  1. Fügen Sie einen Galerieblock zu einem Beitrag oder einer Seite hinzu.
  2. Laden Sie einige Bilder hoch und fügen Sie sie ein.
  3. Wählen Sie für jedes Bild die Option "Link" und dann die Option "Klicken Sie zum Erweitern", um das Leuchtpult zu aktivieren.
  4. Speichern Sie die Seite und zeigen Sie sie im Frontend an.
  5. Testen Sie, ob ein Klick auf ein Bild das Leuchtpult öffnet, und stellen Sie sicher, dass es die Tastaturunterstützung unterstützt.
WordPress 6.7 Beta 3 Testanleitung: Neue Funktionen, Testschritte und wichtige Verbesserungen

Block Binding API

Mit der Block Binding API können Entwickler benutzerdefinierte Metadaten und dynamische Daten von Plugins an Blöcke binden. Diese API vereinfacht den Prozess der Integration von Post-Metadatenfeldern und benutzerdefinierten Daten in Blockeigenschaften und ermöglicht die dynamische Darstellung von Inhalten in Blöcken ohne Änderungen an der bestehenden Codebasis. Dieser Test konzentriert sich darauf, zu überprüfen, ob Post-Metadaten erfolgreich registriert, aktualisiert und im Frontend mit verschiedenen Blöcken angezeigt werden können.

Test-Schritte:

1. fügen Sie den folgenden Code in Ihre Theme- oder Plugin-Datei ein, um Post-Metadaten zu registrieren und dynamische Plugin-Daten zu simulieren.

add_action('init', function () {
// Benutzerdefinierte Post-Meta registrieren.
register_meta(
'post', 'block_binding_meta_test', 'block_binding_meta_test', 'post_meta_test'
'block_binding_meta_test',
[
'label' => __( 'My Custom Post Meta', 'text-domain' ),
'show_in_rest' => true,
'single' => true, 'type' => 'string'
'type' => 'string', 'default' => '
'default' => '', '
]
); }; // END Benutzerdefinierte Post-Meta registrieren.
// END Benutzerdefinierte Post-Metadaten registrieren.

// Dynamische Datenbindung registrieren.
$blockBindingCallback = function () {
return sprintf( __( 'Aktuelle Zeit: %s', 'ihre-text-domain' ), date_i18n( 'r' ) ); }; }
};

if (function_exists('register_block_bindings_source')) {
register_block_bindings_source( 'mein-plugin/aktuelle-zeit', [
'label' => __( 'Aktuelle Zeit', 'text-domain' ), [
'get_value_callback' => $blockBindingCallback
] );
}
// END Dynamische Datenbindung registrieren.
}).

2. erstellen Sie einen neuen Beitrag und fügen Sie einen Absatzblock hinzu.

3. in den Blockeinstellungen wählen Sie Eigenschaften und klicken auf Inhalt. Sie sollten die Auswahl meiner benutzerdefinierten Post-Metadaten für denOptionen.

4. geben Sie die Werte für die Beitrags-Metadaten ein und speichern Sie den Beitrag.

5. überprüfen Sie im Frontend, ob der benutzerdefinierte Post-Meta-Wert angezeigt wird.

6. fügen Sie einen weiteren Absatzblock hinzu und stellen Sie sicher, dass der zuvor eingegebene benutzerdefinierte Metawert automatisch ausgefüllt wird.

7. wiederholen Sie diese Schritte für andere Blöcke wie Bilder, Titel und Schaltflächen.

8. fügen Sie nun manuell einen weiteren Absatzblock mit folgendem Code hinzu.

<!-- wp:paragraph {
    "metadata": {
        "bindings": {
            "content": {
                "source": "my-plugin/current-time"
            }
        }
    }
} -->
<p></p>
<!-- /wp:paragraph -->

9 Überprüfen Sie, ob Sie die aktuelle Zeitausgabe auf dem Frontend sehen können.

Wenn Sie weitere Informationen wünschen, können Sie sich unterOffizielles Update-Protokoll.


Kontakt
Sie können den Artikel nicht lesen? Kontaktieren Sie uns für eine kostenlose Antwort! Kostenlose Hilfe für persönliche Websites und Websites kleiner Unternehmen!
Tel: 020-2206-9892
QQ咨询:1025174874
(iii) E-Mail: info@361sale.com
Arbeitszeiten: Montag bis Freitag, 9:30-18:30 Uhr, Feiertage frei
Gepostet von photon fluctuations, retweeted mit Quellenangabe:https://www.361sale.com/de/21470/

Wie (0)
Vorherige 4 Tage zuvor
Weiter 3 Tage zuvor

Empfohlen

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert

Kontakt

020-2206-9892

QQ咨询:1025174874

E-Mail: info@361sale.com

Arbeitszeiten: Montag bis Freitag, 9:30-18:30 Uhr, Feiertage frei

Kundendienst WeChat