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».
Vor einigen Wochen haben wir Ihnen gezeigt, wie Sie den Post-Type «Projekte» im Divi-Theme mit einer stimmigeren URL versehen können. Auf diesen Beitrag folgten Fragen, ob sich denn das ganze auch für die Übersichtsseiten mit Projekt- Kategorien und - Schlagworte machen liesse. Aber natürlich: Wir zeigen Ihnen wie.
Das Post-Content-Modul des Divi-Themes ist im «Theme Builder» ein hervorragendes Tool: Selbst wenn ein Inhalt nicht mit dem Divi-Builder erstellt wurde, lässt er sich damit perfekt darstellen. Fast perfekt: Denn um den Inhalt wird ein völlig überflüssiger Einzug gesetzt. Der lässt sich aber ganz leicht entfernen.
Dies ist der 100. Beitrag von Dr. Code. Zur Feier des Tages haben wir Ihnen darum heute ein kleines Schmankerl bereitgestellt: Ein Divi-Child-Theme, welches per Klick und ohne Ballast alle nötigen Einstellungen vornimmt.
Wenn in einer Zeile im Divi-Theme unterschiedlich lange Texte zusammen mit Buttons dargestellt werden, kann es zu einer unschönen Positionierung der Buttons kommen. Das lässt sich aber leicht beheben. Ein Gestaltungs-Tipp für den Divi-Alltag.
Das Headermenu (auch «Primary Menu» genannt) lässt sich im Customizer des Divi Themes optisch verändern. Es geht aber noch viel besser: Mit CSS haben Sie weitaus mehr Möglichkeiten, das Styling anzupassen. Wir zeigen Ihnen wie.
Auch im Divi-Theme lässt sich mit der Maus hervorragend zoomen. «Ctrl» drücken und dazu das Mausrad bewegen; schon verkleinert oder vergrössert sich die Seitenansicht. Fast immer wenigstens. Ein Mini-Hack erklärt, was unternommen werden muss, wenn im Divi-Theme der Maus-Zoom nicht mehr funktioniert.
Im Divi-Theme gibt es ein Countdown-Modul, welches auf ein kommendes Ereignis die Tage, Stunden, Minuten und Sekunden rückwärts laufen lässt. Der Timer sieht ansprechend aus, hat aber den Schönheitsfehler, dass da auch mal steht «noch 002 Tage». Nicht so gelungen. Die überflüssigen Nullen lassen sich aber ausschalten.
Im Divi-Theme lässt sich ein «Back to top»-Button anzeigen. Wenn man auf einer Seite hinunterscrollt wird dieser Button unten rechts angezeigt und ermöglicht es BesucherInnen, mit einem Klick wieder bis ganz nach oben zu scrollen. Ein nettes Feature, das sich mit wenig CSS-Code stylen lässt.
Das Divi-Theme lässt den Zweifinger-Zoom auf Tablets und Handys in den Grundeinstellungen nicht zu. Der Hersteller argumentiert mit der besseren Kontrolle der Darstellung auf kleinen Anzeigen. Das führt jedoch mitunter zu Strafen seitens der Suchmaschinen: Googles Lighthouse etwa moniert dies wegen der reduzierten Barrierefreiheit, was zu schwächeren Platzierungen in den Suchergebnissen führen dürfte. Doch es gibt eine Lösung, um das Zoomen auf Mobilgeräten zuzulassen.
Üblicherweise lassen sich nur Widgets in die Seitenleiste einer Website integrieren. Die Module des Divi-Themes lassen sich aber mit einem einfachen Trick ebenso verwenden. Das ergibt ganz neue Möglichkeiten.
Wenn Sie im Divi-Theme die Sidebar mit Widgets bestücken, ist oft nicht ganz klar, wo das eine Widget endet und das nächste beginnt. Mit ein wenig CSS können Sie ganz mühelos eine Trennlinie zwischen den Widgets anlegen.
Vielleicht haben Sie in Ihrem Divi-Theme Module, Zeilen oder gar ganze Sektionen, welche Sie nach dem Zufallsprinzip anzeigen wollen. Ein Headerbild vielleicht, das bei jedem Seitenaufruf zufällig erscheint oder ein Handlungsaufruf (Call to action). Auch das kriegen wir hin. Es ist ganz einfach.
Keine Inhalte gefunden.
Werbung
