Dieser Artikel ist Teil unseres Divi Theme Anleitungs zu den Grundeinstellungen. Es gibt mehrere Bereiche in denen Grundeinstellungen für das Divi Theme gesetzt werden können:
Im Administrationsbereich unter "Divi":
- Theme-Optionen
- Theme Builder: diese Funktion ist Ende 2019 hinzugekommen, weitere Infos findest du in unserem Divi 4.0 & Theme Builder Artikel.
- Theme Customizer (auch Designmodifikator oder Customizer genannt)
Modulmodifikator(Diese Einstellungen sind seit der im Juli 2019 veröffentlichten Version 3.26 unter „Global Defaults“ bei den Modulen zu finden. Wenn man die Einstellungen eines Moduls aufruft ist rechts am Rand ein kleines Weltkugel-Icon zu sehen, über das man in den Einstellungsbereich „Global Defaults“ gelangt.)
Der Theme Customizer lässt sich im Front-End auch über die oben angezeigte Adminbar durch das Überfahren des Websitenamens erreichen.
Video Grundeinstellungen
Falls du gerne eine Videoeinführung zu dem Thema sehen möchtest. Wir haben in unserem Divi Webcast in der Episode 3 generell über sinnvolle Grundeinstellungen für WordPress und Divi gesprochen. Etwa ab Minute 22 geht es um die weiter unten beschriebenen Divi Theme-Optionen:
Divi Theme-Optionen
In diesem Bereich werden grundsätzliche Einstellungen für das Divi Theme gesetzt, die wir Dir im einzelnen erläutern werden.
Achtung: Bei den Einstellungen ist die deutsche Übersetzung für Schalter fehlerhaft! Dort steht "Aktivieren" oder "Deaktivieren", so dass man annehmen könnte ein Klick auf den Schalter würde die Funktion "Aktivieren" oder "Deaktivieren". Es handelt sich aber um den aktuellen Zustand und die Bezeichnung müsste eigentlich "Aktiviert" oder "Deaktiviert" lauten.
- "Aktivieren" bedeutet in Wirklichkeit "Aktiviert" und dass die jeweilige Funktion eingeschaltet ist.
- "Deaktivieren" bedeutet "Deaktiviert" und dass die jeweilige Funktion ausgeschaltet ist.
General
Hier geht es um generelle Grundeinstellungen für das Theme. Hier gibt es nur den Reiter "Allgemein".
Logo & Favicon
Hier kann statt des standardmäßigen in der Kopfzeile erscheinenden Divi Logos ein eigenes Logobild hochgeladen oder ausgewählt werden. Eine passende Logo Vorlage namens logo.psd oder logo_blank.png findet sich im Ordner /psd/ des Themes.
Wenn hier nichts eingetragen ist, wird das Standard-Divi-Logo angezeigt. Um dies zu entfernen, muss im Designmodifikator (engl. Customizer) unter "Header & Navigation" > "Primäre Menüleiste" die Option "Logobild verbergen" aktiviert werden.
Favicon: Hier kann eine Grafik für das Favicon hinterlegt werden.
Feste Navigationsleiste
Ist die Option für die feste Navigationsleiste aktiviert, bleibt der Header (die obere Navigationsleiste) immer an der gleichen Stelle und verschwindet nicht, wenn man längere Seiten weiter herunterscrollt.
Wenn die Divi Galerie aktiviert ist, wird an Stellen in denen eine WordPress Galerie eingebunden wird stattdessen die Divi-Style Galerie eingesetzt.
Standardpalette Farbauswähler
Hier lassen sich 8 Standardfarben definieren, die im Divi Builder dann per Klick schnell auswählbar sind. Besonders praktisch, wenn man für seine Website ein festes Set an Farben ausgewählt hat.
Featured Image, Blog-Modus, Sidebars
Mit "Erstes Bild aus Beitrag verwenden" wird automatisch jeweils des erste Bild in einem Beitrag als Beitragsbild (engl. Featured Image) des Beitrages verwendet. Hierbei sollte man sich sicher sein, dass das erste Bild groß genug ist, damit dies in Übersichten nicht grob verpixelt erscheint.
Wenn der "Blog-Modus" aktiviert wird, werden in Beitragsübersichten statt ein gekürzter Text der volle Beitragstext angezeigt. Weitere Informationen zur Blogansicht finden sich in unserem Artikel zu den Divi Blog Standardoptionen.
Über das Sidebar Layout bestimmst Du, ob die Sidebar rechts oder Links angezeigt werden soll.
Die Auswahl für "Shopseiten- & Kategorieseiten-Layout für WooCommerce" ist nur wichtig, wenn du einen Shop mit dem WooCommerce Plugin betreibst. Hier kannst Du für die Shopseiten- & Kategorieseiten bestimmen, ob die Sidebar links oder rechts oder sogar gar nicht angezeigt werden soll.
Google Maps
Der Divi Builder bietet über ein Modul die Möglichkeit Google Maps anzuzeigen. Dafür muss in dem Feld "Google-API-Schlüssel" ein passender Google Maps API Key hinterlegt werden.
Mit "Google-Maps Script einreihen" wird automatisch das passende Google Maps Script mit den Divi Builder Modulen ausgegeben. Dies kann allerdings in Verbindung mit anderen Plugins, die ebenfalls Google Maps Elemente anzeigen zu Schwierigkeiten führen. Deshalb lässt sich diese Automatik auch abschalten. Allerdings muss man dann auf anderem Wege dafür sorgen, dass das Google Maps Script bei den relevanten Seiten ausgegeben wird, sonst werden keine Karten angezeigt.
Achtung: Im Zuge der DSGVO-Datenschutzvorschrift kann das Einbinden von Google Maps ggf. rechtlich problematisch sein. Hier solltest du Dich lieber genauer informieren und ggf. auf Plugins, die dies DSGVO-konform erledigen ausweichen.
Facebook, Twitter, RSS & Co.
Mit den Schaltern lässt sich die Anzeige des jeweiligen Icons des sozialen Netzwerk aktivieren. Diese erscheinen im Footer der Website und falls im Designmodifikator (engl. Customizer) aktiviert auch in der sekundären Menüleiste. Weitere Informationen zur Anzeige findest Du in unserem Artikel zu den Social Icons im Divi Theme.
Damit die Icons zum passenden Profil verlinkt werden, muss in den folgenden Feldern die jeweilige URL eingetragen sein.
Anzahl angezeigter Beiträge auf Übersichtsseiten
In diesen Feldern lässt sich die Anzahl der angezeigten Beiträgen oder Produkten auf folgenden Übersichtsseiten bzw. Archivseiten festlegen:
- WooCommerce: auf Produktübersichten (nur wenn das Shopsystem WooCommerce installiert ist)
- auf den Übersichtsseiten einer Kategorie
- auf den Übersichtsseiten einer Archivansicht
- auf Suchergebnisseiten
- auf den Übersichtsseiten eines Tags (Schlagwort)
Diverse Einstellungen
Es folgt eine Reihe an verschiedenen einzelnen Einstellungen.
Über das "Datumsformat" wird bestimmt in welchem Format das Datum angezeigt werden soll. Weitere Information findest du in unserem Artikel zum Datumsformat im Divi Theme.
Über "Ausschnitte verwenden, wenn definiert" kann auf Übersichtsseiten statt der Anzeige der ersten 270 Zeichen eines Beitragstextes die Anzeige des sogenannten Auszuges (engl. Excerpt) für den Beitrag aktiviert werden. Weitere Informationen zur Blogansicht finden sich in unserem Artikel zu den Divi Blog Standardoptionen.
Mit der Option "reagierende Shortcodes" passen sich per Elegant Themes Shortcodes eingebundene Elemente der Größe des Anzeigedisplays an (Responsive).
Mit "Google Fonts Untergruppen" werden Google-Fonts für nicht englische Sprachen aktiviert.
Der Button "Nach oben" wird eingeblendet, so dass man jederzeit per Mausklick schnell wieder ohne langes Scrollen an das obere Ende einer Seite gelangen kann.
"Weiches Scrollen" aktiviert eine "weiche" Animation, wenn per Anker Link oder z.B. über den vorgenannten "nach oben" Button zu einer Stelle auf der Seite gesprungen werden soll.
Übersetzungen deaktivieren sorgt dafür, dass keine Begriffe des Themes übersetzt angezeigt werden. Das kann insbesondere in den Einstellungen hilfreich sein, falls man sich englischsprachige Tutorials zum Divi Theme ansieht. Dann lassen sich die jeweiligen Optionen besser identifizieren als wenn man nach der wie immer gearteten deutschen Übersetzung suchen muss.
Achtung: Wir erhalten immer mal wieder Rückmeldungen, dass die deutsche Übersetzung der Divi Optionen nicht angezeigt wird, deshalb haben wir einen eigenen Artikel erstellt, der zeigt auf was man achten sollte, damit das Divi Theme in deutscher Übersetzung angezeigt wird.
CSS Einstellungen
"Minify And Combine Javascript Files" sorgt dafür, dass alle Javascript Elemente zum einen kombiniert und platzsparend verkleinert werden. Damit soll für eine bessere Ladezeit gesorgt werden.
"Minify And Combine CSS Files" sorgt dafür, dass alle CSS Elemente zum einen kombiniert und platzsparend verkleinert werden. Damit soll für eine bessere Ladezeit gesorgt werden.
In dem Feld "Benutzerdefiniertes CSS" kann spezieller CSS-Code eingetragen werden, der über die gesamte Website ausgeliefert wird. Für solche Einträge eignet sich allerdings auch die style.css Datei idealerweise in einem Child Theme oder die Option "Zusätzliches CSS" im Designmodifikator (engl. Customizer).
Weitere Divi Theme-Optionen
Dies ist der erste Artikel zu den Divi Theme-Optionen im Rahmen unseres Divi Theme Anleitungs. Die weiteren Einstellungen besprechen wir in unserem zweiten Artikel "Grundeinstellungen: Divi Theme-Optionen (2)".
Habe noch mal eine Frage an Alle…
Weiss Jemand ein Plugin, welches man statt Google Maps nutzen kann?
Ich wolte eine Karte einbinden, habe schon OpenStretMap ausprobiert, ist aber irgend wie umständlich, weil die bei uns auf dem Land kaum bewandert sind.
LG Maria-Anne
Gibt es einen besonderen Grund warum Du nicht die vorhandene Einbindung von Google Maps in Divi nutzen willst?
Es gibt nicht viele alternative Kartenanbieter: ich weiß nur von Open Street Maps und Bing Maps. Wobei die Einbindung in WordPress ja entweder direkt durch einen iFrame oder mittels eines Plugins erfolgt.
Ein Grund, ein anderes Plugin zu nutzen liegt vielleicht darin, mehr Funktionalität zu nutzen?
So bietet z.b. MapPressPlus die Möglichkeit Karten-MashUps zu bilden, die aus den Werten benutzerdefinierter Felder das entsprechende Icon einbinden oder alle Orte zeigen, die mit einem definierten benutzerdefinierten Feld versehen sind.
Hallo,
schön, dass ich diese Seite gefunden habe… und danke, dass es diese Hilfe gibt.
Ich habe schon 2 HPs mit DIVI gestaltet, bei der 3. habe ich ein besonderes Phänomen: Die Startseite und auch viele weiteren Seiten haben eine gleichen Kopf, den habe ich in der Bibliothek gespeichert und mir so jedesmal „reingezogen“. Wenn ich meine Aktivitäten prüfen will, erscheinen die Seiten oft ohne Hintergrundbilder – und Farben. Der Text ist da, aber das Kopfbild fehlt und auch die Hintergrundfarben mancher Sektionen. Den Browser-Cache habe ich schon gelöscht, ist aber derselbe Effekt.
Was kann man tun?
Weiss Jemand Rat?
Danke für Eure Hilfe
Maria-Anne
Hallo Maria-Anne,
hast Du die oben bereits mehrfach genannte Lösung auch schon ausprobiert?
Wir haben dazu mittlerweile einen eigenen Artikel veröffentlicht: Divi Theme Probleme lösen: Darstellung & Formatierung
Hallo Nils,
danke für die schnelle Hilfe. Ich habe die empfohlenen Buttons deaktiviert und im Moment funktioniert es. Hoffe mal, dass es so bleibt.
Noch eine schöne Vorweihnachtszeit und ein großes Dankeschön
von Maria-Anne
Den Support habe ich noch nicht gefragt, aber inzwischen eine mögliche Lösung in einem Forum gefunden. Zumindest ist der Fehler bei mir bisher nicht mehr aufgetreten. Ich habe folgende Einstellungen gemacht: Unter Divi – Theme Optionen – Fortgeschritten die Erzeugung der statischen css ausschalten. Dies muss dann auf der jeweiligen Seite/Beitrag unter Einstellungen divi auch entfernt werden.
Viele Grüße
Anita
Hallo,
ich habe die gleichen Probleme. Beim Wechsel zwischen visuellen Builder und Divi Builder verschwinden immer mal wieder alle meine Formatierungen. Öffne ich den Divi sind sie da, schließe ich ihn sind sie weg. Öffne ich ihn sind sie wieder da usw. Bisher konnte ich die Formatierung wieder herstellen durch zurückspringen in den Revisionen. Auch werden meine Tabellen (über ein Plugin erstellt), nicht responsive dargestellt, mit einem Standard Theme ohne Divi, funktioniert es aber.
Die Lösungsvorschläge habe ich bereits versucht, hat aber leider nichts geändert. Cache Plugins habe ich alle deaktiviert. Irgendwo ist der Wurm drin 🙁
Viele Grüße
Anita
Hallo Anja,
wir sind bisher von dem Problem verschont geblieben. Leider haben Elegant Themes ihren Support von dem internen Supportforum auf ein Chatsystem umgestellt. Vorher konnte man mit einer Suche ganz gut erkunden, ob andere das gleiche Problem haben und wie es gelöst wurde. Ich habe kurz über Google und in Facebookgruppen geschaut, aber da auf die Schnelle auch keine entsprechendn Berichte gefunden.
In Deinem Fall würde ich mich direkt an den Divi Support wenden. Ich würde mich allerdings freuen, wenn Du danach berichten könntest, wie das Problem gelöst wurde, da hier ja offenbar einige mit dieser Thematik zu kämpfen haben.
Hallo Frank
Hallo Niels,
habe gleiches Problem wie Jürgen mit den Formatierungen.
Wenn ich im Divi Builder einen Text entsprechend formatiert habe, dann ändert Divi die Formatierung wieder, sobald ich über „edit page“ eine weitere mögliche Gestaltung nutze.
Desgleichen, wenn ich vom Visuellen Editor auf den Divi Builder wechsle. Sofort wird die gesamte Formatierung wieder auf linksbündig gestellt.
Bei jeder Intervention über „edit page“ ändert Divi die Formatierung auf linksbündig. Das hat sich selbst dann ereignet,als ich die Möglichkeit einer Passwortvergabe für die Seite getestet habe.
Irgendwie .. 🙂 ist mir das unverständlich … vielleicht könnt Ihr Euch das erklären.
Besten Dank im voraus. Ihr macht eine super, gute Arbeit.
Sam
Ein solches Problem ist mir persönlich noch nicht untergekommen.
Allerdings tauchen immer mal wieder Probleme mit dem Caching bei dem Divi Builder auf. D.h. wenn es Probleme gibt lohnt es sich immer mal sowohl den Browsercache zu löschen als auch die Caches eines möglicherweise installierten Cachingplugins auf der Divi Website zu löschen. Auch die beiden folgenden Funktionen sollte man mal testweise deaktivieren:
1. Minify And Combine Javascript Files
2. Minify And Combine CSS Files
… zu finden im Administrationsbereich unter Divi > Theme-Optionen (relativ weit unten).
Falls davon nichts hilft, könntest du, wenn Du magst, Dein problematisches Layout aus Divi exportieren und mir schicken. Dann kann ich es in unserer Testinstallation importieren und mal schauen, ob ich das Problem nachvollziehen kann.