Das MVP-Camp

Was unterscheidet Leipzig von anderen WordCamps? Schon das zweite Jahr in Folge bricht das Orga-Team des WordCamp Leipzig mit einigen Konventionen, die wir beim Organisieren von WordCamps in Deutschland vorher nie wirklich hinterfragt haben.

Ein Standard WordCamp besteht in Deutschland aus einem oder zwei Tagen Konferenz-Programm mit mehreren parallelen Vorträgen, einem Contributor Day, einer Warmup-Party, einer After-Party, Kaffee, Mittagessen, Kuchen, Call-for-Speakers, Abendessen und allerlei aufwändig gestaltetem Druckmaterial und Website, 10-25 Sponsoren und 200-300 Teilnehmende. Und in einem (vermutlich) unterbewussten Streben nach Perfektion und Professionalisierung haben WordCamp-Orgas (mich selbst eingeschlossen) in den letzten Jahren versucht noch besser und noch größer zu machen.

Nicht so in Leipzig. Getreu dem eigenen Motto „Hohe Qualität trifft minimalste Kosten“ ist dieses WordCamp die Antithese zu anderen deutschen Camps. Es versteht sich als MVP (minimum viable Product) und verzichtet daher auf alles, was nicht absolut notwendig ist. Was übrig bleibt ist eine eintägige Veranstaltung (dieses Jahr sogar mit Kaffee), nur ein einziger Vortrags-Track mit insgesamt acht Vorträgen, selbst gebackener Kuchen am Nachmittag und ein entspanntes Beisammensein am Abend. 

Was ist daran attraktiv?

Aus der Perspektive eines Besuchers ändern sich durch diesen Ansatz einiges. Tickets kosten zum Beispiel statt der üblichen 25 €/Tag nur 9 €. Mittag- und Abendessen sind nicht im Ticketpreis inklusive. Stattdessen schwärmen die Teilnehmenden in der Mittagspause aus und organisieren sich ihr Essen in einem der vielen Restaurants und Imbisse in der Umgebung.

Inhaltlich tut das

https://krautpress.de/

Aufgrund eines Beitrags im deutschsprachigen WordPress-Support-Forum bin ich auf eine Option gestoßen, die ich bis dato nicht kannte: Man kann Headings (Überschriften) bei Block Themes wie Twenty Twenty-Four (TT4) individuell für jedes Überschriften-Element farbig gestalten. Aber es gibt noch mehr Möglichkeiten.

Überschriften und ihre Verwendung

In HTML kennen wir sechs verschiedene Überschriften-Elemente, die mit den Tags bis verwendet werden. Diese Überschriften dienen dazu, den Inhalt einer Webseite hierarchisch zu strukturieren und den Benutzern eine klare Vorstellung von der Bedeutung und dem Kontext des Inhalts zu geben. Bei WordPress-Websites hat man den mit den Tags nicht direkt etwas zu tun:

H1 – Hauptüberschrift (der Beitragstitel bekommt automatisch vom Theme das Tag  zugewiesen):

Dies ist die wichtigste Überschrift auf einer Seite und sollte nur einmal pro Seite verwendet werden.

Sie sollte den Hauptinhalt oder das Hauptthema der Seite beschreiben.

H2 – Unterüberschrift:

Diese Überschrift wird verwendet, um Hauptabschnitte oder Themen innerhalb des Hauptinhalts zu kennzeichnen.

Sie sollte unter der H1-Überschrift und vor einer H3-Überschrift stehen.

H3 – Unterunterüberschrift:

Diese Überschrift kann verwendet werden, um Unterthemen oder spezifische Abschnitte innerhalb eines H2-Abschnitts zu kennzeichnen.

H4 bis H6 – Weitere Unterüberschriften kommen eher selten vor.

Jede dieser Überschriften hat ihre eigene visuelle Gewichtung und sollte entsprechend ihrer Bedeutung und ihrer Position innerhalb der Hierarchie der Seite gewählt werden. Suchmaschinen verwenden diese Hierarchie auch, um den Inhalt der Seite besser zu verstehen und zu indexieren.

Es ist wichtig, Überschriften korrekt und hierarchisch zu verwenden, um Zugänglichkeit, SEO (Suchmaschinenoptimierung) und Benutzererfahrung zu verbessern. Überschriften sollten in aufsteigender Reihenfolge verwendet werden, so dass sie logisch und

https://haurand.com

Leider ist die Funktionalität ein wenig versteckt. Grundsätzlich ist es nämlich so, dass der Listen-Block aus zwei Elementen bzw. Blöcken besteht. Zum einen haben wir die Liste selbst (1) und dann gibt es noch das Listen-Element (2) bzw. mehrere Listen-Elemente. Ihr könnt das gut selbst sehen, wenn ihr die Listenansicht öffnet.

Blöcke einer Liste in der Listenansicht

Um die einzelnen Blöcke auszuwählen, könnte ihr sie einfach in der Listenansicht anklicken oder aber ihr klickt auf ein Listen-Element im Inhalt und wechselt dann eine Ebene höher. Das geht, indem ihr in der Werkzeugleiste des Listen-Elements auf das ganz linke Symbol klickt.

Hiermit könnt ihr bei Blöcken, die aus mehreren Blöcken bestehen, zum jeweiligen Eltern-Block gelangen. Gibt es keinen höheren Block, könnt ihr den Block hier in einen anderen umwandeln.

In den Einstellungen für ein Listen-Element findet ihr die folgenden Möglichkeiten:

Typografie

Erweitert

Hiermit könnt ihr jeden einzelnen Listenpunkt unabhängig vom Rest der Liste formatieren.

In den Einstellungen für den Listen-Block findet ihr dann alle Möglichkeiten, um eine gemischte Liste zu erstellen. Denn die Einstellungen hier beziehen sich auf die ganze Liste. Sie unterscheiden sich danach, ob es sich um eine sortierte oder unsortierte Liste handelt.

Für unsortierte Listen könnt ihr hier folgende Einstellungen tätigen:

Stil (abhängig vom genutzten Theme)

Farbe

Typografie

Größe

Erweitert

Für sortierte Listen gibt

http://perun.net/

WordPress 6.5.2 ist jetzt verfügbar!

Hinweis: Aufgrund eines Problems mit dem ursprünglichen Paket wurde WordPress 6.5.1 nicht veröffentlicht. 6.5.2 ist die erste kleinere Version für WordPress 6.5. 

Diese Version enthält 2 Fehlerkorrekturen im Core, 12 Fehlerkorrekturen für den Block-Editor und 1 Sicherheitsfix.

Da es sich um eine Sicherheitsversion handelt, wird empfohlen, dass du deine Websites sofort aktualisierst. Backports sind auch für andere wichtige WordPress-Versionen ab 6.1 verfügbar.

Du kannst WordPress 6.5.2 von WordPress.org herunterladen, oder besuche dein WordPress-Dashboard, klicke auf „Aktualisierungen“ und dann auf „Jetzt aktualisieren“. Wenn deine Websites automatische Hintergrundaktualisierungen unterstützen, wird der Aktualisierungsprozess automatisch gestartet.

WordPress 6.5.2 ist eine kurzzyklische Version.  Die nächste Hauptversion wird Version 6.6 sein und ist derzeit für den 16. Juli 2024 geplant.

Sicherheitsupdates in diesem Release

Das WordPress-Sicherheitsteam möchte den folgenden Personen dafür danken, dass sie Schwachstellen verantwortungsbewusst gemeldet und es ermöglicht haben, dass sie in diesem Release behoben wurden:

Eine Cross-Site-Scripting (XSS)-Schwachstelle, die den Avatar-Blocktyp betrifft; gemeldet von John Blackbourn vom WordPress-Sicherheitsteam. Vielen Dank an Mat Rollings für Unterstützung bei der Überprüfung.

Vielen Dank an diese WordPress-MitwirkendenDieses Release wurde von John Blackbourn, Isabel Brison und Aaron Jorbin geleitet.

WordPress 6.5.2 wäre ohne die Beiträge der folgenden Personen nicht möglich gewesen. Ihre asynchrone Koordination bei der Bereitstellung von Wartungs- und Sicherheitskorrekturen in einer stabilen Version ist ein Beweis für die Kraft und Fähigkeit der WordPress-Community.

Aaron Jorbin, Aki Hamano, Andrei Draganescu, Artemio Morales, Caleb Burks, colind, Daniel Richards, Dominik Schilling, Fabian Kägy, George Mamadashvili, Greg Ziółkowski, Isabel Brison, Jb Audras, Joe McGill, John Blackbourn, Jonathan Desrosiers, Lovekesh Kumar, Matias Benedetto, Mukesh Panchal, Pascal Birchler, Peter Wilson,

http://de.wordpress.org/

Ein „Shrinked Header“ ist eine Website-Designfunktion, bei der der Header der Website (die oberste horizontale Leiste, die z. B. das Logo und das Navigationsmenü enthält) beim Scrollen der Seite schrumpft oder kleiner wird.

Die Idee hinter einem Shrinked Header ist es, Platz auf dem Bildschirm zu sparen, insbesondere dann, wenn der Benutzer nach unten scrollt und der Header noch gezeigt werden soll. Durch das Schrumpfen des Headers (hier ändert sich in erster Linie die Höhe des Headers) wird der Inhalt der Seite mehr in den Vordergrund gerückt und bleibt gleichzeitig leicht zugänglich.

Bei dem recht neuen leichtgewichtigen Plugin Options for Block Themes wird diese Option angeboten. Hier kann eingestellt werden, dass das Logo verkleinert wird und sich damit automatisch die Höhe des Navigationsmenüs ändert. Außerdem bietet das Plugin auch noch einige weiteres Features u. a. im Zusammenhang mit den Templates bei Block Themes an, die aber auch teilweise bereits unter Design > Website-Editor zur Verfügung stehen.

Nach der Installation des Plugins findet man unter Design die weiteren Menüpunkte „Templates verwalten“ und „Theme-Einstellungen“.

Im Rahmen dieses Beitrags gehe ich zunächst hauptsächlich auf die „Theme-Einstellungen“ ein.

Theme-Einstellungen

Theme-Einstellungen beim Plugin Options for Block

https://haurand.com

Aufgrund einer Anfrage eines Users im deutschsprachigen Support-Forum habe ich mich etwas intensiver mit der Frage beschäftigt, wie man einen Sticky Footer auf einer WordPress-Website erstellt. Dabei ist die Vorgehensweise unterschiedlich – je nachdem, ob man ein Block Theme wie z. B. Twenty Twenty-Four oder ein klassisches Theme wie GeneratePress verwendet.

Sticky Header

Vor einiger Zeit habe ich mich intensiv mit einem Sticky Header in mehreren Beiträgen beschäftigt. Ein Sticky Header ist z. B. eine Navigationsleiste, die oben bleibt, wenn man runterscrollt. Das kann aber auch eine zusätzliche Informationsleiste (z. B. mit Kontaktdaten oder Angeboten) oberhalb der Navigation sein.

Wie man einen sticky header erstellt, habe ich in Bezug auf die Standardthemes Twenty Twenty-Three (ein Block Theme) oder Twenty Twenty (ein klassisches Theme) u. a. auch in diesem Beitrag beschrieben. Eine ähnliche Vorgehensweise ist natürlich auch bei dem aktuellen Standardtheme Twenty Twenty-Four möglich.

Sticky Footer bei einem Block Theme wie Twenty Twenty-Four

Ein Sticky Footer ist dementsprechend z. B. eine oder mehrere Zeilen am Ende der Seite (Footer), die oben „stehen“ bleibt, wenn man hochscrollt. Zunächst erstellt man im Template-Teil Footer eine Gruppe mit einem Absatzblock unterhalb des eigentlichen Footers. Bei der Gruppe habe ich die Breite des Inhalts auf 1500px (1) geändert, damit der Text auf einem Desktop einzeilig angezeigt wird.

Unter „Zusätzliches CSS“ (2) habe ich die CSS-Regel eingetragen, die ausgeführt werden soll.

Gruppe bei Twenty Twenty-Four mit einer Zeile unter dem Footer im Template-Teil

Nachdem die Gruppe in der Art erstellt wurde, muss man noch die folgende Regel unter

https://haurand.com

https://epiph.yt

Eher zufällig habe ich entdeckt, dass beim Cover Block in WordPress 6.5 die neue Eigenschaft Aspect Ratio (Seitenverhältnis) dazugekommen ist. Das ist eine sehr interessante Eigenschaft. Warum das so ist, erläutere ich in diesem Beitrag. Damit starte ich auch eine Beitragsform, die ich als „Short News“ bezeichne: Ein kurzer Beitrag zu einem besonderen Detail.

Diese neue Eigenschaft ist insofern interessant, weil in dem Fall je nach Einstellung nicht mehr der Ausschnitt eines Bildes gezeigt wird, sondern das Seitenverhältnis beim Cover Block erhalten bleibt. Diese Eigenschaft gab es bis dato nur bei dem Bild Block.

Der Cover Block wird wie üblich beim Block Editor direkt im Editor z. B. über /cov eingeben oder durch Auswahl des Blocks bei Klick auf +.

Hier ein kurzes Video dazu:

Cover Block mit der neuen Eigenschaft Seitenverhältnis (Aspect Ratio) in WordPress 6.5

Wenn man einen Absatz Block mit Text im Cover Block integriert, kann man diesen Absatz Block in einen Gruppen Block einpassen und auf unterschiedliche Art gestalten:

Absatz Block im Gruppen Block integrieren

Seitenverhältnis beim Cover Block

Wenn man „Original“ (das ist ist die Standardeinstellung) vorgesehen hat, dann bleibt das Seitenverhältnis nicht erhalten:

Das Seitenverhältnis (Aspect Ratio) bleibt bei WordPress 6.5 nicht erhalten, wenn „Original“ eingestellt ist.

Wenn man allerdings z. B. „quadratisch“ einstellt, dann wird das angegebene Verhältnis von Breite zu Höhe beibehalten.

Das Seitenverhältnis (Aspect Ratio) bleibt beim Cover Block in WordPress 6.5 erhalten, wenn z. B. „quadratisch“ eingestellt ist.

Links, Quellen und aktuelle Infos

aspect-ratiohttps://developer.mozilla.org/en-US/docs/Web/CSS/aspect-ratio

Weitere Beiträge zum Thema

Cover Block in WordPress 6.5
Details-Block als Akkordeon (Accordion)
Custom Fields bei Twenty Twenty Four:

https://haurand.com

Der Details-Block wurde erstmals in WordPress 6.3 veröffentlicht und zeigt eine Textzusammenfassung (Summary) und eine Pfeilschaltfläche an: Wenn man auf den Text oder die Schaltfläche klickt, öffnet sich der Block und zeigt zusätzliche Inhalte auf der Seite an. In diesem Beitrag beschreibe ich die Verwendung bei Nutzung des Block Themes Twenty Twenty-Four und GeneratePress. Mit relativ wenig Aufwand kann man den Details-Block als Akkordeon (Accordion) verwenden.

Der Block bietet sich an, um Inhalte auf der Website anzuzeigen oder auszublenden. Ein häufig dafür verwendetes Beispiel ist der FAQ-Bereich einer Website, der häufig als Akkordeon angezeigt wird.

Bei den zusätzlichen Inhalten kann man grundsätzlich beliebige Blöcke platzieren. Diese Inhalte bleiben solange verborgen, bis der Details-Block geöffnet wird (Summary). Der Details-Block ist ohne Anpassungen nicht besonders attraktiv.

Akkordeon-Plugins

Bis dato habe ich für solche Dinge wie eine FAQ immer ein zusätzliches Plugin verwendet, z. B. das Plugin Plethora Tabs + Accordions. Weitere Plugins findet man im WordPress Repository.

Der Details-Block

Da wir aber darauf achten, möglichst wenige Plugins zu installieren, hat mich der folgende englischsprachige Beitrag von Justin Tadlock motiviert, mir das etwas genauer anzusehen.

Hier zeige ich zunächst, wie das im Backend und Frontend aussieht, wenn man dem Details-Block ohne weitere CSS-Regeln verwendet.

Der Details-Block ohne CSS-Anpassungen

Schauen wir uns das in einem Beispiel genauer an:

Der Details-Block (hier bei Twenty Twenty-Four) bietet sich als Akkordeon an

(1): Das ist der Details-Block

(2): die Summary enthält in dem Fall einen Gruppen-Block mit einem Absatz und einem Bild als zusätzliche Information, die erscheint, wenn man z. B. auf den Pfeil klickt.

Im

https://haurand.com

Seit dem 29.01.2024 versendet IONOS nämlich nur dann eine E-Mail, wenn über die korrekte Domain versendet wird. Bei einer Subdomain-Installation verwendet WordPress jedoch standardmäßig die Subdomain. IONOS lehnt dann das Versenden ab.

Ihr IONOS Vertrag enthält die Domain example.com. Sie haben auf dem dazugehörigen Webspace ein Skript installiert, das den Inhalt eines Kontaktformulars als E-Mail an Sie verschickt. Als Absenderadresse verwenden Sie eine E-Mail-Adresse von Gmail (Google Mail) mit der Endung @gmail.com. Ab dem 29.01.2024 können Sie nur noch Absenderadressen in Ihrem Skript verwenden, die auf @example.com enden.  E-Mails mit anderen Absendern werden nicht zugestellt. Der IONOS Postausgangsserver (SMTP) Server übermittelt in diesem Fall den folgenden Fehlercode:  Sender address is not allowed
IONOS

Ein Test mit dem Health-Check-Plugin zeigt entsprechend den Fehler: Could not instantiate mail function.

Die Lösung ist sehr einfach. Der geschätzte Kollege Bernhard Kau hat über den hilfreichen Snippet bereits gebloggt:

// Change the default „from name“
function wp_email_set_from_name( $from_name ) {
if ( ‚WordPress‘ === $from_name ) {
return ‚Dein Name‘;
}

return $from_name;
}
add_filter( ‚wp_mail_from_name‘, ‚wp_email_set_from_name‘ );
// Change the default „from email“
function wp_email_set_from_email( $from_email ) {
if ( false !== strpos( $from_email, ‚wordpress@‘ ) ) {
return ‚dein-name@deine-domain.tld‘;
}

return $from_email;
}
add_filter( ‚wp_mail_from‘, ‚wp_email_set_from_email‘ );

Sobald der Absender auf die Domain

http://torstenlandsiedel.de/