GenerateBlocks – 1.7 & 1.8 | Flexbox, Akkordeon, Tabs, FAQ

GenerateBlocks 1.9.0

Häufig sind die Changelogs in vier unterschiedliche Sektionen aufgeteilt: Sicherheit, Neue Funktionen, Fehlerbehebungen und Optimierungen. Wir werden zukünftig versuchen diese einzelnen Teilbereiche darzustellen. Version 1.9.0 wurde am 29. Februar 2024 veröffentlicht.

Sicherheit

• Skripte in den Werten von benutzerdefinierten Feldern verbieten
  • Benutzerdefinierte Felder (Custom Fields) ermöglichen das Hinzufügen zusätzlicher Daten zu Beiträgen oder Seiten. Zuvor war es unter Umständen möglich, schädlichen Code (z. B. JavaScript) in diese Felder einzufügen. Diese Sicherheitslücke (bekannt als Cross-Site-Scripting oder XSS) wurde geschlossen. Das Update verhindert nun die Ausführung von Skripten aus diesen Feldern und macht Ihre Website sicherer.

Features (Neue Funktionen)

• Neue Muster-Bibliothek (Pattern Library)
  • Eine Muster-Bibliothek ist eine Sammlung von vorgefertigten Block-Layouts und -Designs. Anstatt Seiten von Grund auf neu zu erstellen, können Sie auf diese Bibliothek zugreifen und professionell gestaltete Sektionen (z. B. „Über uns“, „Testimonials“, „Preistabellen“) mit nur einem Klick in Ihre Seite einfügen. Das beschleunigt den Designprozess erheblich und sorgt für ein konsistentes Erscheinungsbild.
• Unterstützung für neue Globale Stile in der Pro-Version hinzugefügt
  • Globale Stile sind Design-Einstellungen (Farben, Schriftarten, Abstände), die für die gesamte Website gelten. Dieses Feature sorgt dafür, dass die Pro-Version des Plugins nahtlos mit dem neuen globalen Stilsystem von WordPress (oder einem eigenen, erweiterten System) zusammenarbeitet. Änderungen, die Sie an den globalen Stilen vornehmen, werden automatisch auf alle GenerateBlocks-Blöcke angewendet, was die Verwaltung des Website-Designs zentralisiert und vereinfacht.
• Optionaler Cache-Filter für Standardeinstellungen hinzugefügt: $generateblocks_use_block_defaults_cache$
  • Dies ist eine Funktion für Entwickler zur Leistungsoptimierung. Standardmäßig lädt GenerateBlocks die Standardeinstellungen für Blöcke bei Bedarf. Durch Aktivieren dieses Filters können diese Standardeinstellungen zwischengespeichert (gecacht) werden. Das reduziert die Serverlast und kann das Laden des Editors und der Website beschleunigen, insbesondere auf komplexen Seiten. „Opt-in“ bedeutet, dass es standardmäßig deaktiviert ist und bewusst aktiviert werden muss.
• Neuer Filter $generateblocks_do_inline_styles$ hinzugefügt, um bei Bedarf Inline-Stile zu erzwingen
  • Normalerweise werden die CSS-Stile von Blöcken in separaten CSS-Dateien gespeichert, was aus Performance-Sicht optimal ist. In manchen Fällen (z. B. bei dynamisch generierten Inhalten) ist es jedoch notwendig, Stile direkt im HTML-Code (<div style="...">) zu platzieren. Dieser neue Filter gibt Entwicklern die Kontrolle, dieses Verhalten zu erzwingen, wenn es für ein bestimmtes Projekt erforderlich ist.
• Stil-Indikatoren zu den lokalen Block-Steuerelementen hinzugefügt, wenn Globale Stile existieren
  • Dies ist eine Verbesserung der Benutzeroberfläche. Wenn Sie einen einzelnen Block bearbeiten und dessen Stil (z. B. die Farbe) durch einen Globalen Stil festgelegt wird, sehen Sie nun einen kleinen Indikator (z. B. ein kleines Symbol oder eine farbige Markierung) neben der Einstellungsoption. Das macht sofort ersichtlich, dass dieser Wert global verwaltet wird und verhindert Verwirrung darüber, warum eine lokale Änderung nicht greift.
• Das $p$-Tag beibehalten, wenn ein Core-Absatzblock in einen Headline-Block umgewandelt wird
  • Der Headline-Block von GenerateBlocks ist flexibel und kann verschiedene HTML-Tags wie <h1>, <h2>, aber auch div oder <p> (Absatz) verwenden. Wenn Sie bisher einen normalen WordPress-Absatzblock (<p>) in einen GenerateBlocks-Headline-Block umgewandelt haben, wurde das Tag möglicherweise automatisch auf <h2> geändert. Jetzt bleibt es standardmäßig ein <p>, was die Umwandlung logischer und nahtloser macht.
• Pfeiltasten zur Erhöhung oder Verringerung von Werten in den Einheiten-Steuerelementen verwenden
  • Eine kleine, aber feine Verbesserung der Benutzerfreundlichkeit. In den Eingabefeldern für numerische Werte (z. B. Schriftgröße, Innen-/Außenabstand) können Sie jetzt einfach die Auf- und Ab-Pfeiltasten auf Ihrer Tastatur verwenden, um den Wert schrittweise zu ändern.

Fixes (Fehlerbehebungen)

• Das Dropdown-Menü für die Button-URL schließt sich während der Eingabe
  • Ein Bug wurde behoben, bei dem das Eingabefeld für den Link eines Buttons sich von selbst schloss, während man tippte. Dies war frustrierend und machte die Eingabe von URLs schwierig.
• Undefinierte Variable $fontFamily$ in einer alten Version des Headline-Blocks
  • Dies ist eine technische Fehlerbehebung. In bestimmten Situationen konnte es im Code des Headline-Blocks zu einer PHP-Fehlermeldung kommen, weil eine Variable für die Schriftfamilie ($fontFamily$) nicht korrekt deklariert war. Dieser Fehler wurde behoben.
• Fehlende Ausrichtung der Blockbreite in Block-Themes
  • In modernen WordPress-Themes, die den Full-Site-Editor verwenden (sog. Block-Themes), funktionierten die Standardoptionen für die Blockbreite („Weite Breite“, „Volle Breite“) für GenerateBlocks-Blöcke nicht korrekt. Dieser Fix stellt die Kompatibilität wieder her.

Tweaks (Optimierungen)

• „Einmaliges“ Block-CSS entfernt; es wird jetzt nur bei Bedarf für spezifische Blöcke geladen
  • Bisher wurde ein bestimmter Satz an CSS-Regeln möglicherweise auf jeder Seite geladen, egal ob die entsprechenden Blöcke verwendet wurden oder nicht. Jetzt wird dieses CSS nur noch dann geladen, wenn die Blöcke, die es benötigen, auch tatsächlich auf der Seite vorhanden sind. Dies reduziert die Größe der CSS-Dateien und verbessert die Ladezeiten der Website.
• Neue Media-Query $(min-width: 768px)$ zu den filterbaren Abfragen hinzugefügt
  • Media-Queries sind CSS-Befehle, die das Design an verschiedene Bildschirmgrößen anpassen (Responsive Design). Die Größe 768px ist ein gängiger Haltepunkt (Breakpoint) für Tablets. Entwickler können diese Abfrage nun über Filter anpassen, was ihnen mehr Flexibilität bei der Gestaltung des responsiven Verhaltens gibt.
• Twitter-Icon durch X-Icon ersetzt
  • Eine einfache Design-Anpassung. Da Twitter offiziell in „X“ umbenannt wurde, wurde das entsprechende Icon in der Icon-Bibliothek des Plugins aktualisiert.
• Core-Blocknamen für die Benennung der Blöcke verwenden
  • Zur besseren Integration in WordPress verwendet das Plugin nun die Standard-Namenskonventionen von WordPress selbst für die Anzeige der Blocknamen im Editor. Das sorgt für ein einheitlicheres und intuitiveres Nutzererlebnis.