Mit dem Enfold Layout-Builder einzelne Seiten gestalten

• Über
• Letzte Artikel

Thorsten

Letzte Artikel von Thorsten (Alle anzeigen)

• WordPress Sicherheit verstärken: So machst du Deine Seite sicherer - 28. April 2023
• WordPress Update – Schritt-für-Schritt Anleitung zum Updaten von WordPress, Plugins und Themes - 19. April 2023
• Wie man mit lokaler SEO mehr Kunden gewinnt - 27. März 2023

Mit über 100.000 Verkäufen ist das Enfold-Theme eines der erfolgreichsten WordPress Templates weltweit. Als Multipurpose Theme ist es eine flexible Allzweckwaffe, mit der jede erdenkliche Seite auch ohne Programmierkenntnisse gebaut werden kann. Denn dank des Layout-Builders ist das Erstellen von Seiten in WordPress ganz einfach.

Warum wir immer und immer wieder mit diesem wirklich genialen Theme arbeiten, können Sie hier lesen. Mit diesem Beitrag soll es jedoch praktischer werden. Wir möchten Ihnen damit eine kurze Einführung geben in die Möglichkeiten und Funktionsweise des Layout-Builders für einzelne Seiten im Enfold-Theme.

Allgemeine Webdesign-Einstellungen

Mit einem WordPress-Theme arbeiten Sie an zwei ganz grundlegenden Bereichen:

• Die allgemeinen Einstellungen (zu, Beispiel Farben und Schriften), die sich auf das Aussehen der kompletten Website auswirken.
• Die Ausgestaltung aller einzelnen Seiten (das Hauptthema dieses Beitrags)

Die allgemeinen Einstellungen werden in der Regel ganz zu Beginn eines Website-Projektes definiert. Übernehmen Sie nach einem durchgeführten UltraPress-Auftrag Ihre Website, ist dieser Part komplett abgeschlossen. Dennoch möchten wir Ihnen hier kurz zeigen, wie Sie einzelne Justierungen am Website- und Blog-Design vornehmen können.

Der Enfold Layout-Builder bietet hierfür eine zentrale Schaltstelle, in der Farben und Schriften für unterschiedliche Bereiche der Webseite definiert werden können:

• Logo Area: Header, also der Bereich mit Logo und Menü
• Main Content: Hauptbereich unterhalb der Logo Area
• Alternate Content: Zweiter Stil für bestimmte Sektionen im Hauptbereich der Seiten
• Footer: Unterer Bereich, der auf allen Seiten zu sehen ist
• Socket: Eine weitere kleine Zeiter unterhalb des Footers

Über das „erweiterte Styling“ können zusätzlich spezielle Farb- und Schriftdefinitionen vorgenommen werden. Darüber hinaus können die einzelnen Layout-Elemente und Texte bei der Gestaltung der Seiten nochmals individuell formatiert werden.

Seiten mit dem Enfold Layout-Builder in WordPress gestalten

Wenn Sie nun einzelne Seiten bearbeiten oder neu anlegen wollen, kommt der sogenannte Layout-Builder (oder auch „Avia Layout Architekt“) ins Spiel. Mit diesem lassen sich die einzelnen Seitenlayouts unkompliziert via Drag & Drop zusammenstellen und mit Inhalt füllen.

Um mit dem Layout Builder zu arbeiten, klicken Sie sich einfach in die Bearbeitungsansicht einer Seite oder legen eine neue an. Normalerweise ist dann schon der Layout Builder aktiv, ansonsten müssten Sie ihn mit dem blauen Button oben rechts „Erweiterter Layout-Editor“ für die Seite aktivieren.

Nun finden Sie die Menüleiste des Layout-Builders mit folgenden Reitern:

• Layout Elemente: Hier bestimmenn Sie in erster Linie die Spalten-Einteilungen einzelner Abschnitte der Seite. Auch Hintergründe aus Farben und Bildern können definiert werden.
• Inhaltselemente: Inhaltliche Elemente wie Texte, Trennlinien, Icons, Promo Boxen, Kontaktformulare, Testimonials, Slider oder einfache Textbereiche.
• Media Elemente: Über diesen Reiter können Sie zum Beispiel Bilder, Slider, Videos oder eine Google Map einbauen.

Um nun ein Element in die Seite einzufügen, muss dieses lediglich per Drag & Drop in das Textfeld gezogen werden.

Damit Sie das gleiche Element nicht jedes Mal vom Reiter in das Textfeld ziehen müssen, können Sie dieses beliebig oft duplizieren.

Elemente können beliebig oft dupliziert werden.

Zur Bearbeitung eines Elements müssen Sie auf das Bearbeiten-Symbol (rechtes Symbol auf der linken Seite) klicken. Anschließend öffnet sich ein neues Fenster, in dem Sie die gewünschten Einstellungen vornehmen können.

Am Beispiel eines Kontaktformulars wird dies noch einmal genauer erläutert.

Hier können Sie den Titel bearbeiten, Elemente wie Name, Betreff oder Nachricht hinzufügen oder löschen, die Beschriftung für den Senden-Button festlegen oder auch eine Autoresponder-Nachricht einrichten. Zusätzlich haben Sie die Möglichkeit, ein Captcha anzeigen zu lassen sowie ein Farbschema auszuwählen.

Entspricht alles Ihren Vorstellungen, genügt ein Klick auf Speichern und Sie können sich die ganze Seite ansehen. Gefällt Ihnen eine Einstellung doch nicht, können Sie diese über den Layout-Builder einfach erneut anpassen.

Passt alles, müssen Sie nur noch auf Speichern / Veröffentlichen klicken und schon ist Ihre Seite online. Sollten Sie später noch etwas hinzufügen oder ändern wollen, ist das kein Problem. Denn über den Layout-Builder können Sie Ihre Seiten jederzeit anpassen.

Title Bar-, Sidebar- und Footer-Einstellungen

In der rechten Seitenleiste können Sie zusätzliche Title Bar-, Sidebar- und Footer-Einstellungen vornehmen. Sie können beispielsweise die Sidebar für diese Seite entfernen oder eine benutzerdefinierte Sidebar auswählen. Auch Titel Bar und Footer können ganz ausgeblendet oder nur einzelne Bereiche angezeigt werden.

Enfold 2017 Demo zur Inspiration

Das Kriesi-Team als Herausgeber des Enfold-Themes stellt mit seiner neuesten Enfold-Demo eine Vielzahl von Möglichkeiten bereit. Dies ist ein ziemlich guter Fundus an Inspirationen und bietet einen Überblick über diverse Gestaltungmööglichkeiten.

Über den Menüpunkt Pages lassen sich die neuesten Features einsehen, die auch Sie auf Ihrer Webseite einbauen können.