#fullsiteediting — Public Fediverse posts

Seitenleiste bei Block Themes

An sich sind Seitenleisten auf Websites nicht mehr so häufig anzutreffen. Trotzdem kann es durchaus Fälle geben, wo eine Seitenleiste Sinn macht. Wie man eine Seitenleiste bei einem Block Theme wie z. B. Twenty Twenty-Five erstellt, erkläre ich in diesem Beitrag.

Child Theme mit Create Block Theme erstellen

Bei neuen Projekten verwenden wir mittlerweile immer Block Themes. Block Themes sind unglaublich flexibel und durch die ständige Erweiterung des Block Editors kann man nach meiner Meinung mittlerweile fast jedes Design erstellen. Warum es sinnvoll sein kann, direkt ein Child Theme zu erstellen und welche Dinge zu beachten sind, wenn man das Plugin Create Block Theme verwendet, ist Thema in diesem Beitrag.

Block Theme: Template-Teil in Template einfügen

Bei der Erstellung eines Templates ist uns aufgefallen, dass ein Footer nicht wie vermutet direkt in das Template durch Auswahl einer Vorlage möglich ist. Das ist ein wenig verwirrend. Um ein Template-Teil (template-part) einzufügen, gibt es mehrere Möglichkeiten, die ich nachfolgend zeige.

Dominik Liss interviewt in der 80. Folge seines Podcasts Birgit Pauli-Haack (@bph) von der Gutenberg Times und sie diskutieren unter anderem die Frage Wie weit ist Gutenberg in 2026.

Back To Top (an den Anfang) scrollen ohne Plugin

Auf vielen Websites findet man ein Icon, so dass man bei Klick auf das Icon an den Anfang der Seite oder des Beitrags (Back to Top) landet. Ich habe mir die Frage gestellt, ob diese Option nicht auch ohne Plugin realisierbar ist. Hier ist eine Lösung, die sogar barrierefrei ist. Es gibt aber einen kleinen Nachteil im Vergleich zu der Lösung mit einem Plugin, das ich auf dieser Seite verwende.

https://haurand.com/back-to-top-an-den-anfang-scrollen-ohne-plugin/

#blockThemes #fse #fullSiteEditing #template #totop #wordpress

Navigation: Ollie Menu Designer

Mit dem Ollie Menu Designer kann man in WordPress ansprechende und responsive Menüs gestalten – inklusive mobiler Menüs und Mega-Menüs. Die Gestaltung erfolgt komplett im Block-Editor. Das Plugin hat bereits für einigen Wirbel gesorgt, weil es als Gamechanger für den Navigation Block angesehen wird. Eine Funktion, auf die User, die Block Themes einsetzen, schon lange warten. Im Beitrag zeige ich, was mit dem Plugin möglich ist.

https://haurand.com/navigation-ollie-menu-designer/

#FSE #FullSiteEditing #Plugin #sticky #WordPress

Block Themes: Template mit geänderter Darstellung beim Beitragsbild (featured Image)

In manchen Fällen ist es bei der Erstellung von Beiträgen hier auf haurand.com schon vorgekommen, dass der Bildausschnitt des Beitragsbildes (featured images) nicht optimal dargestellt wird. Wie man das beeinflussen kann, zeige ich in dem folgenden Beitrag bezogen auf allgemeine Möglichkeiten und den speziellen Möglichkeiten bei Block Themes.

https://haurand.com/block-themes-template-beitragsbild-featured-image/

#BlockThemes #FSE #FullSiteEditing #Theme #WordPress

Dreimal H1 ist suboptimal

Ein Leser namens Marius hat uns daraufhin hingewiesen, dass es auf dieser Website jede Seite drei H1-Überschriften hat.

In diesem Beitrag zeige ich, warum das keine gute Idee ist und wie man das in einem Block-Theme ganz einfach korrigieren kann.

Vielen Dank an Marius für den Hinweis.

https://einstieg-in-wp.de/dreimal-h1-ist-suboptimal/

#Barrierefreiheit #BlockEditor #BlockThemes #FullSiteEditing #SEO #Standardblöcke #WebsiteEditor #WordPress

Erste Schritte mit Block-Themes

Welche Schritte wendet man beim Benutzen eines Block-Theme am besten in welcher Reihenfolge an? Annette Schwindt beschreibt ihren Workflow dazu.

https://einstieg-in-wp.de/erste-schritte-block-themes/

#BlockEditor #BlockThemes #Farben #FullSiteEditing #Gruppen #Layout #Schriftarten #Stapel #Stile #Templates #WebsiteEditor #Zeilen

Globale Einstellungen von Blöcken bei Block Themes habe ich leider häufig übersehen. Man kann z. B. die Schriftgröße, Farben, Innen- und Außenabstände, zusätzliches CSS bei bestimmten Blöcken wie z. B. dem Button-Block direkt über den Website-Editor ändern. Diese Einstellungen gelten dann für die komplette Website. Wie das funktioniert, erläutere ich in dem folgenden Beitrag.

https://haurand.com/globale-bloecke-wie-buttons-bei-block-themes-gestalten/

WordPress 6.2 ist für den in Teil 3 der Serie beschriebenen Site-Editor ein großer Schritt in die richtige Richtung.

Die Entfernung des Zusatzes BETA kommt aber zu früh. Dadurch wird signalisiert, dass der Site-Editor auch für Einsteiger nutzbar sei – und dem ist nicht so.

Zahlreiche zum Teil recht grundlegende Änderungen wurden auf WordPress 6.3 verschoben.

Ausführliche Beschreibung, Screenshots, Video & Fazit
https://einstieg-in-wp.de/wordpress-62-site-editor-neues/

#WordPress #Gutenberg #SiteEditor #FullSiteEditing #FSE

WordPress 6.2 - der Release Candidate 1 ist raus

#WordPress #WP62 #BlockThemes #FullSiteEditing #SiteEditor

https://wordpress.org/news/2023/03/wordpress-6-2-release-candidate-1/

Good review of Twenty Twenty Three, describin the style variations, typefaces, fluid typography and spacing.

Conclusion is this:

»While TwentyTwentyThree doesn’t look dazzling, that’s just where its strength lies ... Think of it as a powerful blank slate where you have a wide range of design possibilities at your fingertips.«

Couldn't agree more. TT3 is a pretty base to learn FSE.

#WordPress #Themes #TT3 #TwentyTwentyThree #FullSiteEditing #FSE #Gutenberg

https://www.godaddy.com/garage/twentytwentythree-a-wordpress-theme/

I just had an #empathyexercise trying to troubleshoot a #SSH connection issue on my blog that I host with #Pressable. I could not work out why I couldn't connect over SSH to troubleshoot a #criticalerror on the site.

I eventually figured it out (I switched out my SSH keys, and then used the terminal in #VSCode to SSH into the site).

It turns out that the #FullSiteEditing plugin I still had installed shouldn't be there because #FSE is integrated into #WordPress. 🤦🏻‍♂️