Knopf & Trenner

Der Gutenberg-Editor hat die Art und Weise, wie wir Inhalte in WordPress erstellen, revolutioniert. Er bietet eine flexible, blockbasierte Oberfläche, die es selbst Nicht-Programmierern ermöglicht, komplexe und visuell ansprechende Layouts zu gestalten.

Doch um das volle Potenzial von Gutenberg auszuschöpfen, müssen Sie die grundlegenden, aber mächtigen Bausteine beherrschen. Heute tauchen wir ein: Der Knopf-Block (Button)

 Der Call-to-Action-Spezialist

Ein erfolgreicher Blog-Beitrag oder eine Landing Page lebt von klaren Handlungsaufforderungen (Call to Action, CTA). Der Knopf-Block ist das primäre Werkzeug dafür.

Fokus

Knöpfe lenken die Aufmerksamkeit direkt auf die gewünschte Aktion (z.B. „Jetzt kaufen“, „Anmelden“, „Mehr erfahren“).

Klickrate (CTR)

Ein gut gestalteter Knopf steigert die Wahrscheinlichkeit, dass Nutzer klicken.

Weitere Anpassungen

So nutzen Sie ihn optimal:

  1. Einfügen: Suchen Sie im Block-Inserter nach „Knopf“ oder „Button“.
  2. Design-Anpassungen: Gutenberg bietet umfangreiche Einstellungsmöglichkeiten:
    • Farbe: Ändern Sie die Hintergrund- und Textfarbe. Nutzen Sie Farben, die im Kontrast zu Ihrem Hintergrund stehen, aber zu Ihrem Branding passen.
    • Rand-Radius: Machen Sie Ihre Knöpfe eckig oder stark abgerundet.
    • Größe: Passen Sie die Größe des Textes und des Blocks an den Kontext an.
    • Ausrichtung: Zentrieren Sie den Knopf oder richten Sie ihn links/rechts aus.
  3. Link: Stellen Sie sicher, dass der Link relevant ist. Für externe Links empfiehlt es sich, die Option „In neuem Tab öffnen“ zu aktivieren.

Pro-Tipp: Nutzen Sie den Knopf-Gruppen-Block, wenn Sie mehrere CTAs nebeneinander platzieren möchten, die thematisch zusammengehören.