Divi-Theme
Das Divi-Theme ist das Flaggschiff des Herstellers Elegant Themes. Das kostenpflichtige Theme bietet eine unglaubliche Menge an Gestaltungsmöglichkeiten und ist im Netz sehr gut dokumentiert. Der Hersteller hält Divi sehr regelmässig mit Updates à jour.
Wir empfehlen Ihnen den Einsatz eines Child-Themes – damit sind Sie sicher, dass Ihre Anpassungen bei einem Theme-Update nicht überschrieben werden. Wie Sie ein Child-Theme erstellen, erfahren Sie im Beitrag «Ein Child-Theme anlegen – ein Must im Webdesign».
Das Blog-Modul des Divi-Themes kann schon vieles - die Beitragsbilder lassen sich aber nur bedingt steuern. Versehen Sie die Beitragsbilder mit einem Rotations- und Zoom-Effekt, der aktiv wird, sobald Sie die Maus über das Bild bewegen.
Das Blogmodul des Divi-Themes ist «out of the box» nur so halbwegs hübsch anzusehen. Nachstylen ist auf jeden Fall gefragt. Besonders das Bild, welches in der Grid-Darstellung breiter ist als der darauf folgende Text, ärgert. Doch ein einziger CSS-Befehl schafft Abhilfe.
Das Blog-Modul des Divi-Themes bietet an, Metadaten eines Beitrags (Datum, Kategorien, Schlagwörter, AutorIn) anzuzeigen. Doch werden diese Angaben stets mit einem Trennzeichen «|» getrennt. Und vor dem Autor schreibt Divi ein «von» (oder «by») hin. Das lässt sich ändern.
Haben Sie die Adventsdekoration schon aus dem Schrank geholt? Und die alte Bing-Crosby-Platte aufgelegt? Wenn Ihnen zum heutigen ersten Advent schon vorweihnächtlich zumute ist, möchten Sie es vielleicht auf Ihrer Website schneien lassen. Nichts leichter als das.
Normalerweise lassen sich die praktischen Accordion- oder Tab-Module des Divi-Themes bloss mit Text füllen. Jedoch sind - mit ein wenig Programmierung - auch andere Inhalte möglich: Formulare zum Beispiel, Personenmodule, Call-To-Action-Module - sogar ganze Divi-Sections oder Zeilen und vieles mehr. Wenn Sie wollen, sogar weitere Accordions oder Tabs.
Das Divi-Theme macht das Responsive Layout - also die Darstellung für alle Anzeigengrössen - einfacher. Sehr viel einfacher. So werden etwa nebeneinander platzierte Inhalte auf kleinen Anzeigegrössen gestapelt. Dabei wird aus dem «links nach rechts »auf dem Desktop neu «oben nach unten» auf dem Mobiltelefon. Das passt meistens - aber nicht immer. Den Sonderfall kriegen wir aber mit ein paar Zeilen CSS-Code hin.
Im Divi-Theme ist ein schönes Tab-Modul (auf deutsch «Registerkarte») enthalten, mit welchem Sie Informationen übersichtlich aufbereiten können. Wenn die Tabs (die Reiter) jedoch sehr unterschiedliche Textumfänge haben, kann das auch mal weniger hübsch aussehen. Ein wenig CSS und das Problem ist gelöst.
Ehrlich gesagt, Leute: An diesem Trick hab' ich meine helle Freude. Der Slider des Divi-Themes lässt sich nämlich ganz hervorragend mit Testimonials bestücken, welche dann eins ums andere eingeblendet werden. Klingt kompliziert - isses aber nicht.
Hin und wieder spendiert Elegant Themes einem Modul für das Divi-Theme eine neue Funktion. Wenn Sie ein solches Modul bereits häufig verwenden, kann es mühsam werden, diese Option bei allen Elementen nachträglich zu aktivieren. Da hilft ein einfacher Trick, der alle bestehenden und auch künftigen Einsatzplätze ebendieses Moduls nachrüstet.
Vermutlich verwenden Sie auf Ihrer WordPress-Website ein Formular-Plugin. Das System selber liefert ja nichts Schlaues mit, weswegen hier ein Plugin die richtige Wahl ist. Bloss sehen die Felder oft einigermassen ärmlich aus. Immerhin: Den «Senden»-Button können Sie auf einfache Weise und ganz automatisiert mit dem adretten Divi-Button ersetzen.
Menüs, Footer - aber auch andere Divi-Elemente - sollen beim Scrollen womöglich immer sichtbar bleiben. Einst war dies nur über CSS-Codes zu erreichen. Mittlerweilen liefert Divi die Option mit - versteckt sie aber gut. Wir haben die Sticky-Option aufgespürt.
Nun: Dr. Code liebt das Divi-Theme. Aber Divi hat auch Macken. Gehörige sogar. Eine der gröbsten sind die verkorksten Listen, welche Divi produziert. Ob Aufzählungen oder Bullet-Points: das sieht meist nicht gut aus. Es lässt sich aber beheben. Mit einigen Zeilen CSS-Code.
Keine Inhalte gefunden.
Werbung
