Skip to main content

Einführung

Patterns sind vorgefertigte Layouts in WordPress, die aus einer Kombination von Blöcken bestehen. Sie ermöglichen es, komplexe Design-Elemente und Strukturen schnell und einfach in Seiten oder Templates einzufügen. Mit Patterns können wiederkehrende Layouts wie Call-to-Action-Bereiche, Galerien oder Testimonials ohne großen Aufwand erstellt und konsistent auf einer Website verwendet werden.

1. Was machen Patterns besonders?

  • Zeitsparend: Anstatt jedes Element manuell zu erstellen, können Sie ein fertiges Layout einfügen und es direkt anpassen.
  • Konsistenz: Sie können sicherstellen, dass wiederholte Elemente (z. B. ein Banner) auf der gesamten Website einheitlich aussehen.
  • Flexibilität: Nach dem Einfügen können Patterns individuell angepasst oder als Synced-Pattern wiederverwendet werden.

2. Wie werden Patterns verwendet?

Einfügen eines Patterns:

  1. Öffnen Sie den Block-Editor.
  2. Klicken Sie auf das „+“-Symbol, um den Block-Explorer zu öffnen.
  3. Navigieren Sie zum Tab „Patterns“.
  4. Wählen Sie ein vordefiniertes Pattern aus (z. B. ein Call-to-Action-Banner oder eine Galerie).
  5. Fügen Sie es in Ihre Seite oder Ihr Template ein.

Anpassung nach Bedarf:

  • Jedes eingefügte Pattern kann wie ein normaler Block bearbeitet werden: Ändern Sie Texte, Bilder oder Farben direkt im Editor.

3. Beispiele für typische Patterns

1. Call-to-Action (CTA):

  • Beschreibung: Ein Bereich, der Nutzer zu einer Aktion auffordert, z. B. „Jetzt kaufen“ oder „Mehr erfahren“.
  • Inhalt: Typischerweise ein Textblock, ein Bild und ein Button.
  • Einsatz: Kann auf der Startseite, Produktseiten oder Blog-Beiträgen platziert werden.

2. Galerie:

  • Beschreibung: Eine Sammlung von Bildern in einem Raster oder Karussell.
  • Inhalt: Bildblöcke, die in einer ansprechenden Struktur angeordnet sind.
  • Einsatz: Ideal für Portfolio-Seiten oder Produktgalerien.

3. Testimonials:

  • Beschreibung: Kundenbewertungen oder Zitate, die Vertrauen schaffen.
  • Inhalt: Textblöcke für Bewertungen und Bilder der Personen.
  • Einsatz: Empfehlenswert auf Landing Pages oder der Startseite.

4. Sonderfunktionen: Synced-Patterns und Overrides

Synced-Patterns: Was ist das?

Synced-Patterns sind eine erweiterte Version von Patterns. Sie werden synchronisiert – das bedeutet, Änderungen in einem Synced-Pattern werden automatisch auf allen Seiten übernommen, auf denen dieses Pattern verwendet wird.

Praktisches Beispiel für Synced-Patterns:
  • Ein globaler Banner:
    • Sie erstellen einen Synced-Pattern für einen „20 % Rabatt“-Banner.
    • Wenn sich die Aktion ändert (z. B. auf „30 % Rabatt“), können Sie den Banner an einer Stelle aktualisieren, und die Änderung wird automatisch auf allen Seiten übernommen.

Synced-Pattern Overrides: Lokale Anpassungen

Manchmal benötigen Sie eine Abweichung von einem Synced-Pattern für eine bestimmte Seite. Hier kommen Overrides ins Spiel: Sie können ein Synced-Pattern für eine Seite lokal überschreiben, ohne die synchronisierte Version zu beeinflussen.

Praktisches Beispiel für Overrides:
  • Unterschiedliche Bannertexte:
    • Der Synced-Pattern-Banner „20 % Rabatt“ wird auf allen Seiten verwendet.
    • Auf der Startseite möchten Sie jedoch „Nur heute: 20 % Rabatt!“ anzeigen.
    • Mit einem Override ändern Sie nur den Text auf der Startseite, während der Banner auf den anderen Seiten unverändert bleibt.

5. Warum sind Patterns so nützlich?

  • Sie helfen bei der schnellen Erstellung konsistenter Designs.
  • Synced-Patterns sparen Zeit bei der Pflege von wiederkehrenden Elementen.
  • Overrides ermöglichen Flexibilität, ohne die gesamte Struktur zu beeinträchtigen.
No Comments
Back to top