Erstellen einer Autorenvorlage aus dem WordPress-Site-Editor – WP Tavern

5. April 2022
Erstellen einer Autorenvorlage aus dem WordPress-Site-Editor - WP Tavern

Anne McCarthy runde #13 des FSE Outreach Program angekündigt am 31. März. Dieser Aufruf zum Testen konzentriert sich auf das Erstellen einer Autorenvorlage über den Website-Editor. Einige der neuen Funktionen, die während dieser Runde verwendet wurden, wurden nur in Gutenberg 12,9 Letzte Woche.

Der Anruf fordert Freiwillige auf, Funktionen im Zusammenhang mit der vollständigen Bearbeitung der Website zu testen und Feedback zu geben, bevor sie in WordPress landen. Jeder kann teilnehmen, und die Frist ist der 21. April.

Für diese Testrunde habe ich die Archeo-Block-Design. Es ist ein aktueller Favorit, und ich habe damit gearbeitet seit ich es zum ersten Mal überprüft habe.

Das Folgende ist ein Screenshot meines endgültigen Autorenvorlagendesigns:

Autorenarchiv wie im Frontend einer WordPress-Site gezeigt.  Enthält eine große Heldenüberschrift mit dem Autoren-Avatar, dem Titel und der Biografie.

Ich las mir die Testanleitung durch und schmiedete meinen eigenen Weg. Ich habe es immer noch geschafft, alles außer Blockverriegelung abzudecken. Ich hatte es bereits ausgiebig mit dem Start von Gutenberg 12.9 getestet und wollte mich auf die anderen Features konzentrieren.

Abgesehen von den unten aufgeführten Problemen mit der Benutzererfahrung lief alles gut. Kein Editor stürzt ab. Keine Probleme beim Speichern. Und das Frontend stimmte mit dem überein, was ich im Editor sah.

Erstellen einer Autorenvorlage

Das unmittelbarste Problem beim Erstellen einer neuen Autorenvorlage ist, dass sie keine Standardblöcke enthielt. Wo befanden sich – mindestens – Kopf- und Fußzeile?

Die Standardmäßige WordPress-Autorenvorlage ist eine leere Inhaltsleinwand.
Eine leere Leinwand zum Starten.

Die leere Vorlage würde Sinn machen, wenn ich etwas von Grund auf neu erstellen würde. Dies ist jedoch kein Projekt von Grund auf neu. Es wurde aus einem Thema mit bestehenden archive.html und index.html Dateien, Vorfahren in der Vorlagenhierarchie.

Da die Autorenvorlage lediglich eine spezifischere Version der Archivvorlage ist, sollte sie eine Kopie ihres "übergeordneten" Elements in der Hierarchie sein.

Benutzer werden höchstwahrscheinlich Änderungen vornehmen wollen, anstatt bei Null anzufangen. Die Verwendung einer Ahnenvorlage als Basis bedeutet, dass sie weniger wahrscheinlich unnötig vom vorhandenen Layout abweichen, insbesondere bei komplexeren Designs.

Die zweite Gruppe von Aktionen, die ich ausgeführt habe, bestand darin, zum Vorlagenbedienfeld zurückzukehren, die Archivvorlage zu öffnen, den gesamten Inhalt zu kopieren und in die neue Autorenvorlage einzufügen.

WordPress-Site-Editor mit geöffneter Archeo-Theme-Archivvorlage.  Im Dropdown-Menü auf der rechten Seite wird das Symbol "Gesamten Inhalt kopieren" ist ausgewählt.
Kopieren des Inhalts der Autorenvorlage.

Dies ist - obwohl ein bisschen irritierend - einfach genug, zumindest aus Entwicklersicht. Es ist jedoch ein massiver Felsbrocken, der in der Mitte des Weges eines Benutzers zum Erfolg sitzt.

Für das Design griff ich auf den immer vertrauenswürdigen Cover-Block zurück. Ich schnappte mir ein Bild, das mit dem Stil des Themas funktionierte. Dann habe ich die Blöcke Avatar, Archivtitel und Postautorenbiografie in zwei Spalten platziert.

Ein Cover-Block in der WordPress-Site-Editor-Canvas mit einem Avatar, einem Archivtitel und einem Post-Autoren-Bio-Block.
Erstellen einer benutzerdefinierten Kopfzeile für die Autorenarchivseite.

Ich habe einige Zeit damit verbracht, über die Idee von vorgestellten Bildern für Autoren, Kategorien und Tags nachzudenken. Wie großartig wäre es, wenn der Hintergrund des Coverblocks kontextuell basierend auf dem aktuellen Autor angezeigt würde? Leider existiert ein solches Feature nicht.

Ich war überrascht, dass die Blöcke Avatar und Post Author Bio funktionierten. Ich habe diese sowohl innerhalb als auch außerhalb der Abfrageschleife getestet. Wenn ein Autor Beiträge veröffentlicht hat, werden die beiden Blöcke so angezeigt, wie sie sollten.

Wenn der Autor jedoch keine Beiträge veröffentlicht hat, wird der Avatar auf den Standard der Website zurückgesetzt und die Biografie verschwindet. Ich habe keinen tiefen Einblick in den Code gegeben, aber ich vermute, dass sie WordPresss globale $post -Variable, weshalb es im ersten Szenario funktioniert.

Frontend einer WordPress-Site, die ein Autorenarchiv ohne Beiträge anzeigt.  Der Standard-Avatar wird angezeigt und die Biografie des Autors fehlt.
Fehlender Avatar und Autorenbiografie für unveröffentlichten Autor.

Diese Einschränkung bedeutet, dass das Blocksystem immer noch nicht auf dem Niveau dessen ist, was derzeit mit klassischen, PHP-basierten Themes möglich ist. Avatar, Post Author Biography und ähnliche Blöcke sollten sich beim Anzeigen eines Autorenarchivs auf die abgefragte Autorenvariable als Fallback verlassen.

Ein Teil dieser FSE-Testrunde war die Verwendung des neuen No Results-Blocks von Gutenberg 12.9. Es ist ein bedingter Block, der angezeigt wird, wenn no Beiträge zu zeigen. WordPress erstellt "Autorenansichten" für jeden Benutzer auf der Website, unabhängig davon, ob er Beiträge geschrieben hat. Der Block Keine Ergebnisse ist in diesem Zusammenhang wahrscheinlich am nützlichsten.

Die Arbeit mit dem Block fühlte sich zunächst seltsam an. Wohin geht es? Nach der Beitragsvorlage? Vor?

Es stellt sich heraus, dass Sie es tatsächlich an einer beliebigen Stelle innerhalb des übergeordneten Blocks der Abfrageschleife einfügen können. Ich habe sogar vor und nach der Paginierung getestet. Im Grunde funktioniert es einfach.

Die Benutzeroberfläche ließ etwas zu wünschen übrig. Es lautet einfach:

Fügen Sie einen Text oder Blöcke hinzu, die angezeigt werden, wenn eine Abfrage keine Ergebnisse zurückgibt.

Abgesehen von dem eklatanten Grammatikfehler, die Anzeige der Nachricht ist notwendig, aber ich erwartete, dass es eher wie der Gruppenblock aussieht und sich auch so anfühlt. Schließlich ist es im Wesentlichen ein Container für andere Blöcke, und WordPress hat bereits eine vorhandene Benutzeroberfläche dafür.

Es war auch seltsam, ein Feature, das bedingt angezeigt wird, visuell zu bearbeiten. Es sollte ein Indikator dafür vorhanden sein, dass sein Inhalt auf dem Frontend angezeigt werden kann oder nicht. Mir ist kein Präzedenzfall für einen solchen Block in WordPress bekannt, aber wir sollten uns andere Projekte ansehen und wie sie damit umgehen.

Das Sichtbarkeit blockieren Plugin von Nick Diego könnte ein Plugin sein, von dem man sich ausleihen kann. Es fügt ein Overlay, einen Rahmen und ein Symbol für Kontextblöcke hinzu:

Block Visibility Plugin graues Overlay, wenn ein Block nicht ausgewählt ist.
Overlay-Design aus dem Block Visibility-Plugin.

Letztendlich entschied ich mich, McCarthys Originalnachricht aus ihrem Test zu kopieren und in den Block "Keine Ergebnisse" einzufügen. Dann nahm ich die Dinge noch einen Schritt weiter und fügte eine Abfrageschleife hinein - ja, eine Abfrageschleife innerhalb einer Abfrageschleife.

Es funktionierte ohne Probleme:

Kein Ergebnisblock innerhalb des Abfrageschleifenblocks mit einer anderen Abfrageschleife, die im WordPress-Site-Editor verschachtelt ist.
Abfragen der neuesten Beiträge, wenn keine Ergebnisse gefunden werden.

Insgesamt ist der Block "Keine Ergebnisse" eine willkommene Ergänzung zum Toolset "Themenblöcke". Ich würde gerne sehen, dass die Benutzeroberfläche ein wenig ausgearbeitet wird. Theme-Autoren werden dies wahrscheinlich mehr verwenden, wenn 6.0 landet, und ich könnte Benutzer sehen, die versehentlich versuchen, es zu löschen, weil sie denken, dass es Teil der Standardausgabe ist. Dies würde es zu einem Kandidaten für eine Sperre auf Blockebene machen.

Quelle


Dieser Artikel ist im Original von wptavern.com und wurde übersetzt
https://wptavern.com/fse-outreach-13-building-an-author-template-from-the-wordpress-site-editor

Abonniere den RSS-Feed von unseren WP News und verpasse keine Meldung: https://die-mainagentur.de/feed/?post_type=wp-news

Alternativ kannst du unseren WP-Newsletter abonnieren

Mit dem Eintrag in den WP-Newsletter bekommst du per Mail über neue Artikel zugesendet. Du kannst den Newsletter jederzeit abbestellen.
Mehr dazu in der Datenschutzerklärung