Alle Einstellungen zum Enfold Theme im Detail – Update 2019

Dieser Beitrag wurde im Oktober 2019 aktualisiert

Sehr beliebt bei Webdesigner ist das WordPress Enfold Theme von Kriesi.at, welches über das Portal Theme Forest zu erwerben ist. Das Theme Enfold ist mit 193.000 Sales das am besten verkaufte Theme des Entwicklers Christian Budschedl aus Österreich.

Die administrativen Einstellungen des Themes sind größtenteils in Deutsch übersetzt, was die Bedienung um einiges erleichtert. Die Online Dokumentation des Enfold Themes bietet zusätzliche Downloads, Trainings, Videos, Tutorials und einen FAQ-Bereich sowie Code Snippets mit CSS und Html Ergänzungen.

Ein Child Theme ist im Downloadpaket leider nicht mit enthalten. Das Enfold Child Theme kannst Du hier kostenlos herunterladen: http://bit.ly/enfold-child

Die Enfold Theme Options

Die Theme Options bilden das Herzstück des Enfold Themes um Design und Funktion einer Webseite nach Deinen Bedürfnissen anzupassen.

Theme Options Enfold Theme
In den Theme Optionen kannst Du Deine Start- und Deine Blog Seite festlegen. Dein Logo + Favicon kannst Du in den entsprechenden Bereichen hochladen. Seite Vorladen bedeutet, das beim laden jeder Seite ein kleiner Spinner für den Ladevorgang der Seite angezeigt wird und die Seite erst nach dem laden aller benötigen Script/Css Dateien die Seite angezeigt wird. Unter Wartungsmodus definierst Du eine eigene Seite für den Wartungsmodus. Unter Select Your Editor kannst Du Deinen bevorzugten Editor bestimmen: Classic Editor, Block Editor (Gutenberg). Preprocessing Shortcodes in Header erlaubt es einigen SEO-Plugins shortcodes im Header unterzubringen (Empfehlung: Do not allow)(Empfehlung: Do not allow)
Allgemeines Layout Enfold Theme
In dem Reiter Gestaltung kannst Du zwischen gedehntes Layout in voller breite oder definierten Breiten des Weblayouts wählen. Zusätzlich kann die Position des Logos und der Navigation im Bereich Logo und Hauptmenü festlegen. Im Reiter Abmessungen kannst Du unter Responsive Site festlegen, ob Deine Seite sich automatisch an mobile Endgeräte anpassen soll oder nicht. Inhalt | Seitenleiste Verhältnis legt fest, in welchen prozentualen Verhältnis sich der Seiteninhalt und die Sitebar verhalten soll. Unter Inhalt + Sidebar Breite kannst Du in Prozent die Gesamtbreite von Inhalt und Sidebar festlegen.
Allgemeines Styling Enfold Theme
Das Enfold Theme biete 29 vordefinierte Farbschemas, die das gesamte Layout auf ein Farbschema verändern. Unter den Reitern Logo Area, Main Content, Alternate Content, Footer und Socket kannst individuelle Farbeinstellungen vornehmen. Hintergrund des Bodys wird nur aktiv, wenn Du ein Boxed- oder Eingerahmtes Layout unter Allgemeines Layout gewählt hast. Im Tab Schriften kannst Du zwischen Systemschriften und Google Fonts für Deine Seite auswählen. Im unteren Bereich befindet sich unter Quick CSS ein Feld um Deine eigenen CSS-Anweisungen unterzubringen.
Erweitertes Styling Enfold-Theme
Hier kannst Du eine Reihe von verschiedenen Elementen auswählen und ihre Standard-Styling ändern. So kannst Du hier alle Deine H1-H6 Überschriften einzeln definieren inklusive Font-Family, Größen und Farben. Wenn ein Wert leer bleibt oder auf Standard gesetzt ist, wird er nicht in den von dem voreingestellten CSS-Dateien definierten Wert geändert.
Hauptmenü Enfold Theme
Unter Allgemein legst Du die Anzeige Deiner Menüleiste fest (Menü als Text oder Burger Menü). Für mobile Endgeräte kannst ein alternatives Menü auswählen und festlegen, ab welcher Browserbreite das mobile Menü angezeigt werden soll. Zwischen den Menüpunkten kannst Du auswählen ob ein vertikales Trennzeichen angezeigt werden soll. Ein Lupensymbol zur Suche am Ende des Menüs kannst Du ebenfalls auswählen.
Burger/Mobile Menü und Burger/Mobile Menü Styling bieten Dir weiter Einstellungen zum Mobilen Menü.
Header Einstellungen Enfold Theme
Unter Header Einstellungen kannst Du Position, Header Größen und Breadcrumps Linksstrukturen festlegen. Header Verhalten bietet u.a. Einstellungen zu fixierten Header. Unter dem Tab Zusätzliche Elemente kannst Du extra Infos (Social Media Symbole, Telefonnummer und sekundäres Menü festlegen. Transparenzen für Logo und Menü kannst Du unter Transparenzeinstellungen festlegen.
Sidebars Enfold Theme
Für die Sidebars kannst in diesem Bereich umfangreiche Einstellungen zu Positionen von Sidebars vornehmen (Archiv-Seiten, Blog etc.)
Footer Einstellungen Enfold Theme
In den Einstellungen für den Footer kannst Du bestimmen, ob und wie viele Widgets in Deinem Footer erscheinen sollen. Du kannst sogar bestehende Seiten auswählen, deren Inhalt als Fußzeile und Socket dienen sollen. Unter Copyright kannst Du einen Vermerk für den Footer-Socket hinterlassen.
Layout Editor (Pagebuilder) Enfold Theme
In den generellen Einstellungen für den Enfold eigenen Pagebuilder (Avia Layout Architect) können einige Regel für das Erscheinungsbild eingestellt werden. Als letzten Punkt unter Integriertes LayerSlider Plugin, kann der mitgelieferte LayerSlider aktiviert, deaktiviert oder komplett gelöscht werden.
Blog Layout Enfold Theme
In diesem Bereich steuerst Du das Erscheinungsbild des Blogs. Unter Blog-Styling stehen Dir 3 voreingestellte Varianten (Geschäftlich, Elegant und Modern Business) zur Auswahl. Weiter unten legst Einstellungen zu Schriftgröße, Beitragsstil und Meta Angaben fest. Ganz unten kannst Du auswählen, welche Social Media Links Du zum teilen angezeigt haben möchtest. In Zeiten von DSGVO und Datenschutz würde ich allerdings für die Social Media Links ein externes Plug-in mit Opt-in Optionen empfehlen, z.B. Shariff-Wrapper
Social Media Profile Enfold Theme
In diesem Bereich kannst Du Deine eigenen Profile aus den Social Media Kanälen mit Link einfügen.
Leistung Enfold Theme
Um die Leistung der Webseite zu optimieren kannst Du in diesem Bereich verschiedene Einstellungen vornehmen. Du kannst CSS und JavaScript Dateien zusammenfassen und komprimieren. Ebenso kannst Du SSL-Zertifikate bei Problemen (meistens mit eigenen Zertifikaten) unter Http security level deaktivieren. Unter Vorlagen-Ersteller-Elemente deaktivieren kannst Du festlegen, welche Elemente in dem Pagebuilder angezeigt oder genutzt werden sollen. Scan Widgets for Theme Shortcodes kannst Du aktivieren, wenn Du Shortcodes des Enfold Themes in Widgets benutzen möchtest.

Unter Funktionen aktivieren kannst Du Design-Funktionen deaktivieren oder aktivieren, z.B. für selbst gehostete Videos oder exteren Videofunktionen. Benötigst Du keinen Blog, so kannst Du die Blogfunktion hier ganz deaktivieren. Ebenso kannst Du WordPress Standardeinstellungen deaktivieren. Unter Bildoptimierungen kannst Du zusätzliche Plugins zur Bildkomprimierung installieren. Auch für das Caching der Webseite stehen 2 kostenlose Plugins zur Installation bereit. Für Caching empfehle ich allerdings ein kostenpflichtiges Plugin wie z.B. WP-Rocket.
Ganz unten kannst Du unter Alte CSS- und JS-Dateien löschen abgelaufene CSS- und JavaScript Dateien entfernen.

Datenschutz Enfold Theme
Die Einstellungen für Datenschutz und Cookies ermöglichen unter anderen, bei Kontaktformularen am Ende ein Datenschutzhinweis mit Link zur Datenschutzerklärung einzufügen. Es stehen auch eine ganze Reihe von shortcodes in Bezug auf die Datenschutzerklärung bereit.
Da sich in letzter Zeit die Regelungen in Bezug auf Datenschutz und Privatsphäre der Nutzer ständig ändert, empfehle ich derzeit den Einsatz des kostenpflichtigen Cookie-Plugins Borelabs-Cookie zur aktiven Abwahl von Cookies.
Newsletter Enfold Theme
In diesem Bereich kannst Du Newsletter über Mailchimp integrieren. Zur Aktivierung musst Du einen gültigen API-Schlüssel in das vorgegebene Feld einfügen und überprüfen lassen.
Google Dienste Enfold Theme
In diesem Bereich kannst Du Deinen Google Analytics Code hinterlegen. Wenn Du Google Maps nutzen möchtest, kannst dies hier aktivieren mit einem gültigen API-Schlüssel. Unter Google ReCAPTCHA kannst Du zur Absicherung von Formularen das Google eigene Recaptcha aktivieren. Auch hier muss ein gültiger Site-Key eingetragen werden.
Demo Import Enfold Theme
Hier kannst Du die Enfold eigenen Demoseiten anschauen und importieren. Ein Hinweis zeigt noch die empfohlen Plugins zu den jeweiligen Demos.
Import/Export Enfold Theme
In diesem Bereich kannst Du Theme Einstellungen importieren und exportieren. Unter Symbol Schrift Manager lassen sich zusätzlich Symbol-Schrift Pakete von Fontello oder Flaticon hochladen. Unter Benutzerdefinierter-Schriftart-Manager kannst Du benutzerdefinierte Font-Zip Dateien aus der Google Fonts Bibliothek laden.
Theme Update Enfold Theme
Im Bereich Theme Update solltest Du für zukünftige Updates & Support des Enfold Themes, einen gültigen Token-Key über Envato erstellen und in das entsprechende Feld eintragen.

Die Seiten- und Beitrags Gestaltung

Avia Layout Architekt Enfold Theme

Auch das Enfold Theme bringt einen eigenen Page Builder mit, der sich hier Avia Layout Architekt nennt. Unter Layout Elemente wählt man auch hier zunächst die Spaltenaufteilung.

Inhalts Elemente

Inhalts Elemente Avia Layout Architekt

Unter dem Punkt Inhalts Elemente stehen einem auch hier eine Vielzahl an vorgefertigten Gestaltungs Snippets zur Verfügung die durch Drag and Drop in den gewünschten Bereich gezogen werden können.

Media Elemente

Media Elemente Avia Layout Architekt

Der Punkt Media Elemente beinhaltet abgelöst von Inhalts Elementen, alle Medieninhalte wie Bild, Video, Slider, Galerie in einem eigenen Bereich, was ich persönlich sehr viel praktischer finde. Jedes Element hat ein eigenes Popup Konfigurations Menü mit weiteren Einstellungen.

Spalten bearbeiten

Spalten-bearbeiten-Enfold-Theme

Mit einem klick auf das Symbol für die Spaltenbearbeitung kannst Du in jedem Spalten-Container noch individuelle Einstellungen vornehmen. Gleich hohe Spalten legen fest, ob 2- oder mehrere Spalten nebeneinander die gleiche Höhe bekommen sollen. Platz zwischen den Spalten kannst Du hier in individuellen Pixelangaben machen. Ebenso kannst Du Benutzerdefinierte Außenabstände nach oben und unten einstellen.

In den oberen Tabs kannst Du weitere Einstellungen zu Spalten-Link, Gestaltung, Rahmen, Farben, Animation und Anzeigeoptionen festlegen.

Portfolio Einstellungen

Portfolio Enfold Theme

Über den Bereich Portfolio im WordPress Dashboard können die Inhalte für das Portfolio erstellt werden. Das Portfolio kann in Kategorien aufgeteilt werden und mit Schlagworten ausgezeichnet werden.

Widgets des Enfold Themes

Widgets-Enfold-Theme

Einige nützliche Widgets bringt auch das Enfold Theme mit, die sich in die gewählten Sidebars oder Footer Bereiche einfügen lassen. Zusätzlich kann ein benutzerdefinierter Widget Bereich erstellt werden.

Layer Slider im Enfold Theme

Layer Slider Enfold Theme

Integriert in das Enfold Themes ist der beliebte Slider „LayerSlider WP“. Wer das nicht möchte und den Slider deaktivieren will, muss auch dazu in die functions.php Datei eingreifen. Auch dazu gibt die Online-Dokumentation unter dem Bereich „PHP Snippets“ Auskunft.

Mein Fazit zum Enfold Theme

Alles in allem wirkt das Enfold Theme sehr aufgeräumt und Übersichtlich. Die Theme Options sind im laufe der Jahre etwas erweitert worden. Für die Schriftenauswahl und deren Anpassungen wäre ein eigener Bereich wie z.B. Typografie etwas hilfreicher. Unter dem Punkt „Advanced Styling“ wird man aber fündig um alle Schriftbezogenen Einstellungen vorzunehmen.

Wie auch bei dem Avada Theme ist das Studium der Online-Dokumentation und deren Videos anzuraten. Eine Test-Installation zum ausprobieren ist auch hier hilfreich. Der Import des Demo Materials kann dabei auch sehr hilfreich sein um zu sehen, wie z.B. die Inhalte der Online Demo des Themes aufgebaut sind.

Was aus meiner Ansicht fehlt, ist ein verschachtelter Spaltenaufbau – sog. nested columns.

Das Onlinedemo zum Enfold Theme: https://www.kriesi.at/themes/enfold-overview/

Die Online Dokumentation: https://www.kriesi.at/documentation/enfold/

Meine Kundenprojekte mit dem Theme Enfold

Für Kundenprojekte greife ich immer wieder gern auf das Enfold Theme zurück, da es sehr stabil, übersichtlich und komfortabel anzupassen ist.

Wenn Du eine professionelle Webseite mit Enfold erstellt haben möchtest, kontaktiere mich gern.