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)".
Hallo Nils,
hab eine Frage zum Logo:
wenn ich mit den core vitals die Geshwindigkeit teste ist es beim Desktop ok, für das „handy“ weniger.
bspw. wird das Logo bemeckert. „Höhe“ und „breite“ nicht angegeben usw.
Kann man das Logo beim Handy ausschliessen oder gibt es eine bessere Lösung?
Danke dir
Willi
Hallo Willi,
einerseits würde ich mir nicht zu viele Gedanken zu den Core Vitals machen und da enorm viel Energie in solche vermutlichen Kleinigkeiten stecken.
Wenn du den Theme Builder zur Erstellung deines Headers verwendest, kannst du im Reiter „Erweitert“ eines jeden Elements unter „Sichtbarkeit“ bestimmen, ob das Element auf Desktop, Tablet oder Handy angezeigt werden soll oder nicht.
Das wird letztendlich über CSS und Breakpoints gesteuert und lässt sich sicherlich auch mit eigenem CSS für den Standardheader errichen. Die exakte Syntax habe ich gerade nicht parat, aber eine kurze Suche nach den entsprechenden Begriffen sollte dir Lösungen bringen.
Hi,
nachdem ich gelesen habe, wie toll hier so vielen Divi-Mitstreitern weitergeholfen wurde, versuche ich jetzt auch mein Glück.😅
Meine Seite funktioniert auf Edge, Chrome und Android-Handys einwandfrei, allerdings tritt bei Firefox und Safari folgendes Problem auf. Ich habe auf meiner Startseite das Kontaktformular mit einem Anker hinterlegt. Wenn ich jetzt auf einer Unterseite auf den Kontaktbutton gehe führt es mich allerdings immer nur auf die Startseite ganz oben und nicht runter zum Anker. Caches sind geleert, die oben genannten Einstellungen habe ich auch schon versucht, aber nichts hilft. An den Ankerlinks kann es nicht liegen, da es ja zb im Edge einwandfrei funktioniert, wie es soll.
Hilfe!
Lieben Dank.
Hi,
kann mir vielleicht einer sagen, wie ich das Divi theme und Divi Builder uaf Deutsch umstelle? Irgendwie ist das bei mir mal Englisch und mal Deutsch. Ich verstehe es nicht. Dashboard steht auf Deutsch. Oder habe ich bei der Installation etwas falsch gemacht?
Hallo Nils,
erstmal vielen Dank für die ausführlichen Tutorials, sie helfen mir echt weiter.
Bin mit Divi noch Anfänger, habe es installiert und die ersten Einstellungen durchgeführt.
Jetzt habe ich genau dasselbe Problem mit der Sprache – WordPress wird mir in Deutsch angezeigt, Divi in Englisch.
In WordPress unter Einstellungen ist die Sprache der Webseite auf Deutsch (Österreich) eingestellt.
Um eine „Änderung zu provozieren“ habe ich gestern extra auf Englisch geändert. Damit wurde auch die Sprache in WordPress geändert. Im Dashboard musste ich nicht aktualisieren, unter Aktualisierungen wird immer „Übersetzungen sind auf dem neuesten Stand“ angezeigt.
Habe danach wieder auf Deutsch (Österreich) zurückgestellt, damit wird WordPress wieder auf Deutsch angezeigt.
Das DIVI-Theme bzw. das DIVI-Child-Theme werden mir auch heute weiterhin in Englisch angezeigt.
Habe bei Sprache der Webseite auch die Einstellungen Deutsch oder Deutsch (Schweiz) probiert, der Effekt bleibt immer derselbe.
Ich kann damit leben …
Wenn ich’s richig verstanden habe, sollte eine Umstellung des DIVI-Themes (Backend) auf Deutsch möglich sein.
Ich habe das gleiche Problem.
Nix zu machen … bleibt einfach auf englisch… ;(
Das klingt so als hättest du nicht die oben erwähnte Einstellung in den Divi Optionen „Übersetzungen deaktivieren“ genutzt? Da könnte der Hase im Pfeffer begraben liegen.
Bei mir ist exakt dasselbe der Fall.
In WordPress Einstellungen/Allgemein/Sprache: Deutsch. WordPress ist auch in deutsch. In Divi unter „Theme Options“: „Disable Translations“ ist NICHT aktiviert. Dennoch ist Divi in Englisch. Wo ist das Problem?
Hi Thomas,
ich konnte so etwas bisher nicht beobachten, daher habe ich keine weiteren Anregungen für solche Fälle – außer den Elegant Themes Support da einen Blick drauf werfen zu lassen. Ich hatte nur einmal den Fall, wo bei genauerem Hinsehen es daran lag, dass immer mehr oder weniger viele Übersetzungen fehlen, so dass es an einigen Stellen so wirken kann als würde die Umstellung auf Deutsch nicht funktionieren. Aber da kann man immer auch Bereiche entdecken, die auf Deutsch angezeigt werden. Es könnte auch an einem Plugin Konflikt liegen.
Ich würde mich jedenfalls freuen, wenn einer von den Betroffenen die Lösung finden, es hier in den Kommentaren posten könnte.
Ich habe es wie folgt lösen können:
In WordPress habe ich unter Einstellungen/Allgemein/Sprache auf Englisch gestellt, auch wenn ich Deutsch haben wollte.
Dann in Divi unter „Theme Options“/„Disable Translations“ hin und hergeschaltet, zum Schluss aber nicht aktiviert.
Danach in WordPress die Sprache wieder auf Deutsch gestellt. Dann ging es.
Viel Glück.
Danke für die Rückmeldung!
Klingt etwas ungewöhnlich, aber wenn es funktioniert ist es ja gut. Ich muss mal schauen, dass ich das in den Artikel eingearbeitet bekomme.
Bug samt Lösung bestätigt. Danke @Regin 🙂
Danke für die Lösung! Möchte noch anfügen, dass es bei mir 2 Benutzer im WordPress gibt. Ich musste bei MEINEM Benutzer auf Bearbeiten gehen und dann dort die Sprache umstellen… zuerst auf Englisch, dann Divi Translation disabled und dann wieder auf meinen Benutzer, Sprache deutsch… und siehe da… jaaa es geht endlich 🙂
Ich habe seit kurzem ein Problem beim Aufrufen meiner Webseite mit Google Chrome: Es wird bei jedem Menüpunkt (d. h. bei jeder Seite), die ich aufrufe ein Audio von einem Video, welches ich auf der Seite eingebaut habe sofort abgespielt.
Ich kann mich nicht erinnern, dass ich dieses Video an irgendeiner zentralen Stelle von Divi eingebaut habe und habe auch schon alles durchsucht, was mir irgendwie sinnvoll erschien. Diese Einstellung finde ich irgendwie nicht.
Alle meine eingebauten Videos starten auch sonst immer nur, nachdem man sie angeklickt hat.
Trotzdem wird dieses eine Audio von einem Video immer wieder beim auffrufen aller Seiten über das Menü neu abgespielt.
Ich würde mich sehr freuen, wenn ich hierzu Rat bekäme.
Hallo Simona,
ich habe mir deine Website mal mit den Chrome Developer Tools angesehen und im Code nach Videoeinbindungen geschaut. Da bin ich recht schnell fündig geworden (per Rechtsklick mit der Maus und der Option „In neuem Tab öffnen“ kannst du dir den Screenshot in groß ansehen):
Das hat nichts mit Divi zu tun, sondern du verwendest ein Popup Plugin namens „Popup by Supsystic“, das offenbar das Video ausgibt. Da würde ich einfach mal in den Einstellungen schauen – oder das Plugin deaktivieren und prüfen, ob das Problem immer noch vorhanden ist.
Oh ja, vielen Dank für den Hinweis. Das war der Fehler!