Erstellen einer Seite nur mit Mustern in WordPress
Mit der Verwendung von Blockmustern in WordPress lassen sich vollständige Seiten einfach und effizient gestalten. Blockmuster sind vorgefertigte Sammlungen von Blöcken, die in Seiten und Beiträge eingefügt und anschließend mit eigenem Inhalt angepasst werden können. Diese Muster ermöglichen es, ansprechende Layouts zu erstellen, die verschiedene Blöcke kombinieren, und fördern gleichzeitig die Kreativität.
Hinzufügen und Auswählen von Mustern
Um ein Muster hinzuzufügen, das mit deinem Theme geliefert wird, klicke auf den Inserter oben links und navigiere zu Muster. Dort kannst du die Muster nach Kategorien durchsuchen und eine Vorschau auf der rechten Seite sehen. Solltest du das gewünschte Muster nicht finden, kannst du das Musterverzeichnis auf WordPress.org besuchen. Dort klickst du auf Erweitern und wählst Muster aus. Es empfiehlt sich, alle Muster durchzugehen und die zu markieren, die dir gefallen. Ein Klick auf den Stern fügt das Muster zu deiner Liste der Favoriten hinzu, die du jederzeit einsehen kannst.
Planung der Seite
In der Planungsphase ist es sinnvoll, die Struktur der Seite in einem Arbeitsdokument festzuhalten. Gehe alle als Favoriten markierten Muster durch und kopiere die URL des gewünschten Musters unter den entsprechenden Abschnitt in deinem Dokument. Diese Vorbereitung erleichtert den Aufbau der Seite erheblich.
Seite Erstellen
Beginne damit, das gewünschte Muster zu kopieren und auf deiner Website einzufügen. Verwende dafür die Tastenkombination Command + V oder Strg + V. Nachdem alle Muster hinzugefügt wurden, kann die Bearbeitung beginnen. Ersetze die relevanten Bilder, die bereits in der Mediathek hochgeladen wurden, und passe die Inhalte an.
Im ersten Abschnitt sollte der Text aktualisiert und das Hintergrundbild des Buttons oder der Handlungsaufforderung geändert werden. Korrigiere die Textformatierung, indem du beispielsweise Überschriften in Absätze umwandelst und die Farbgebung anpasst.
Bearbeiten der einzelnen Abschnitte
Für den Service-Bereich kann der Gruppenblock auf volle Breite eingestellt und der Innenabstand auf 60 Pixel gesetzt werden. Der Hintergrund sollte auf die tertiäre Farbe geändert werden. Füge dann die angebotenen Dienstleistungen hinzu, wie Reitstunden, Pferdetrekking, Geburtstagsfeiern und Ferienprogramme.
Im nächsten Abschnitt wird der Spaltenblock auf volle Breite eingestellt und der Innenabstand angepasst. Ersetze das Bild, setze die Schriftgröße zurück und aktualisiere die Überschrift auf „Reitstunden“. Entferne die Fettschrift und passe die Schriftgröße des Dummy-Textes an. Kopiere den Stil des vorherigen Buttons und ändere die Handlungsaufforderung zu „Jetzt buchen“.
Beim Preistabelle-Abschnitt wähle die volle Breite für den Gruppenblock, ändere den Hintergrund auf Tertiär und setze den Radius auf 0 Pixel. Aktualisiere die Überschrift auf „Preise“ und füge dann die Inhalte der Tabelle hinzu.
Im Abschnitt Pferdetrekking wird der Inhalt in der linken Spalte aktualisiert, das untere Bild entfernt und die beiden Bilder neben dem Inhalt ersetzt. Passe den Innenabstand der Spalten auf 4 an.
Für den Geburtstagsbereich ersetze die Bilder, stelle den Spaltenblock auf volle Breite und ändere den Innenabstand. Entferne den Inhalt in der rechten Spalte und füge eine Überschrift, Dummy-Text und eine Handlungsaufforderung hinzu. Ändere die Hintergrundfarbe des Spaltenblocks auf Tertiär.
Im letzten Abschnitt wird der Spaltenblock auf breite Breite eingestellt. Entferne den Inhalt in der rechten Spalte, füge eine neue Überschrift, Inhalte und eine Handlungsaufforderung hinzu und ersetze die Bilder. Abschließend sollten alle Bilder mit Alt-Text versehen, die Inhalte überprüft und die mobile Responsivität der Seite sichergestellt werden.