Die am häufigsten genutzen WordPress Blöcke

In WordPress erstellen Sie Inhalte mithilfe von sogenannten Blöcken. Stellen Sie sich das Ganze wie ein Baukastensystem vor: Für jeden Text, jedes Bild und jeden Button nutzen Sie einen eigenen Baustein.

Da es in WordPress sehr viele Standard-Blöcke gibt, habe ich Ihnen im Folgenden eine Übersicht der wichtigsten und am häufigsten genutzten Standard-Blöcke vorbereitet.

1. Der Absatz-Block (Paragraph)

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquid ex ea commodi consequat. Quis aute iure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint obcaecat cupiditat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Der Absatz-Block ist das Fundament Ihrer Website. Wann immer Sie normalen Fließtext eingeben, nutzen Sie automatisch diesen Block. Er ist der absolute Standard für Artikel, Produktbeschreibungen oder Infotexte.

Optionen & Einstellungen

• Textausrichtung: Sie können den Text linksbündig, zentriert oder rechtsbündig ausrichten.
• Formatierung: Einzelne Wörter oder Abschnitte lassen sich fett (B) oder kursiv (I) gestalten sowie verlinken.
• Farbeinstellungen: Sie können die Textfarbe oder die Hintergrundfarbe des spezifischen Absatzes anpassen.
• Schriftgröße: Die Textgröße lässt sich flexibel verändern (z. B. klein, normal, groß).

Typische Anwendungsfälle

• Schreiben von Blogbeiträgen oder Nachrichtentexten.
• Einleitungstexte auf der Startseite.
• Produktbeschreibungen im Online-Shop.

Das Wichtigste auf einen Blick:

• Der Standard-Block für jeglichen normalen Text.
• Schnell formatierbar (fett, kursiv, Links).
• Farb- und Größenanpassungen direkt im Block möglich.

2. Der Überschriften-Block (Heading)

Überschrift Beispiel h2

Überschrift Beispiel h3

Überschrift Beispiel h4

Überschriften sind essenziell, um Ihre Texte für den Leser strukturiert und lesbar zu gestalten. Zudem helfen sie Suchmaschinen wie Google dabei, den Inhalt Ihrer Seite besser zu verstehen.

Optionen & Einstellungen

• Überschriften-Ebene (H1 – H6): Bestimmt die Hierarchie. H1 ist der Haupttitel (wird meist automatisch vom Seitentitel übernommen), H2 sind die Hauptabschnitte, H3 die Unterpunkte usw.
• Textausrichtung & Formatierung: Wie beim Absatz-Block können Sie den Text ausrichten, fetten oder verlinken.

Typische Anwendungsfälle

• Strukturierung von langen Texten in logische Abschnitte.
• Hervorheben von Kernbotschaften auf Landingpages.

Das Wichtigste auf einen Blick:

• Wichtig für die Lesbarkeit und SEO (Suchmaschinenoptimierung).
• Strukturierung über Hierarchien von H2 bis H6.
• Design passt sich automatisch unserem Theme an.

3. Der Bild-Block (Image)

Ein Bild sagt mehr als tausend Worte. Mit dem Bild-Block fügen Sie Fotos, Grafiken oder Illustrationen in Ihre Seite ein, um die Inhalte visuell aufzulockern.

Optionen & Einstellungen

• Mediathek/Upload: Sie können neue Bilder hochladen oder bereits vorhandene Bilder aus Ihrer WordPress-Mediathek auswählen.
• Bildgröße & Zuschnitt: Sie können das Bild direkt in WordPress zuschneiden, das Seitenverhältnis ändern oder die Anzeigegröße anpassen.
• Alternativtext (Alt-Text): Eine Beschreibung des Bildes für Barrierefreiheit und Suchmaschinen.
• Link hinzufügen: Das Bild kann so eingestellt werden, dass es sich bei einem Klick vergrößert oder auf eine andere Seite weiterleitet.

Typische Anwendungsfälle

• Einbinden von Teamfotos, Produktbildern oder Zertifikaten.
• Visuelle Untermalung von Blogartikeln.

Das Wichtigste auf einen Blick:

• Einfaches Hochladen oder Auswählen aus der Mediathek.
• Wichtige Einstellungen für Zuschnitt und Verlinkung direkt im Editor.
• Alt-Text nicht vergessen (für Barrierefreiheit!).

4. Der Listen-Block (List)

• Listenelement 1
• Listenelement 2
• Listenelement 3

Der Listen-Block hilft Ihnen dabei, Informationen übersichtlich und kompakt darzustellen. Aufzählungen werden vom menschlichen Auge deutlich schneller erfasst als Fließtext.

Optionen & Einstellungen

• Listen-Typ: Sie können zwischen einer ungeordneten Liste (mit Aufzählungspunkten) und einer geordneten Liste (mit Nummerierung 1., 2., 3.) wählen.
• Einzug verändern: Sie können Unterpunkte erstellen, um verschachtelte Listen zu bauen.

Typische Anwendungsfälle

• Auflistung von Vorteilen oder Produkteigenschaften.
• Schritt-für-Schritt-Anleitungen (am besten mit Nummern).
• Zutatenlisten oder Checklisten.

Das Wichtigste auf einen Blick:

• Ideal zur übersichtlichen Strukturierung von Daten.
• Wahl zwischen Punkten und Zahlen.
• Unterstützt mehrstufige (verschachtelte) Listen.

5. Der Button-Block (Buttons)

Der Button-Block (auch Call-to-Action genannt) ist eines der wichtigsten Elemente, um Besucher zu einer Handlung zu bewegen. Er zieht die Aufmerksamkeit auf sich und leitet den Nutzer gezielt weiter.

Optionen & Einstellungen

• Link-Ziel: Hier hinterlegen Sie die Webadresse (URL), zu der der Button führen soll. Sie können auch einstellen, ob sich der Link in einem neuen Tab öffnen soll.
• Stile & Farben: Je nach Vorgabe unseres Themes können Sie die Hintergrund- und Textfarbe des Buttons anpassen.
• Abrundung (Rahmenradius): Bestimmt, ob der Button eckig oder abgerundet dargestellt wird.

Typische Anwendungsfälle

• Verlinkung zum Kontaktformular („Jetzt Kontakt aufnehmen“).
• Download-Links für PDFs („Broschüre herunterladen“).
• Weiterleitung zu Produktseiten.

Das Wichtigste auf einen Blick:

• Das primäre Werkzeug, um Nutzer zu Interaktionen zu bewegen.
• Flexibel verlinkbar (intern und extern).
• Passt sich farblich perfekt an Ihr Branding an.

6. Der Spalten-Block (Columns)

Der Spalten-Block ist ein sogenannter „Layout-Block“. Er selbst enthält keinen Text, sondern dient als Container, um andere Blöcke (wie Text und Bild) nebeneinander zu platzieren.

Optionen & Einstellungen

• Layout-Auswahl: Sie können wählen, wie viele Spalten Sie möchten (z. B. 2, 3 oder 4 Spalten) und wie das Aufteilungsverhältnis sein soll (z. B. 50/50 oder 33/66).
• Vertikale Ausrichtung: Bestimmt, ob die Inhalte in den Spalten oben, mittig oder unten ausgerichtet sein sollen.

Typische Anwendungsfälle

• Präsentation von 3 Dienstleistungen nebeneinander auf der Startseite.
• Ein zweispaltiges Layout: Links ein Text, rechts das passende Bild dazu.

Das Wichtigste auf einen Blick:

• Ermöglicht komplexe, mehrspaltige Layouts.
• Kann jeden anderen Block (Text, Bild, Button) in den Spalten aufnehmen.
• Passt sich auf Smartphones automatisch an (Spalten rutschen untereinander).