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».
Mit dem Karten-Modul des Divi-Themes können Sie auf einfache Weise eine Google-Karte auf Ihrer Website einblenden. Diese wird farbig dargestellt – hin und wieder passt aber die Kartenfarbe nicht zum übrigen Webdesign. Mit ein wenig CSS-Code können Sie die Karte darum schwarz-weiss darstellen.
Texte in einem Textmodul des Divi-Themes können Sie vorzüglich mit einer Focus-In-Animation zum Eyecatcher umwandeln. Die Texte werden zunächst unscharf und gedehnt dargestellt und werden dann langsam schärfer und schmaler.
Ein weiterer Hingucker: Der Text, der auf der Seite aufpoppt und dem/der BetrachterIn zum Schein entgegenspringt. Einfach zu machen mit ein wenig CSS-Code.
Im heutigen Eyecatcher-Trick zeigen wir Ihnen, wie Sie den Hintergrund eines Divi-Moduls automatisch wechseln können. Das schafft Aufmerksamkeit dort, wo Sie es wollen.
Ein Trick, der sich ganz besonders für Buttons eignet, auf welche Sie die Aufmerksamkeit lenken möchten: Der Shake-Effekt. Ganz einfach zu machen – wir zeigen Ihnen wie.
Eine Leserin des Dr.-Code-Blogs hat uns vor einiger Zeit gefragt, wie sich Webaktionen für Schnellentschlossene in Divi machen lassen. Beispielsweise einen 50-%-Rabatt für SofortbestellerInnen. Das geht tatsächlich ganz einfach und ohne komplizierte Programmierung. Wie, das zeigen wir heute.
Wenn Sie möchten, dass Divi ausschliesslich Produkte Ihres Webshops durchsucht, sollten Sie sich diesen Hack zu Gemüte führen. Beiträge und Seiten lassen sich für die Shopsuche nämlich ganz einfach ausschliessen.
Das Standard-Menü des Divi-Themes lässt sich (nebst dem horizontalen Layout) auch vertikal anlegen. Ab und an bedarf aber die Standardbreite dieses vertikalen Menüs einer Korrektur. Mit ein wenig CSS-Code gelingt das ganz einfach.
Der «Senden»-Button im Divi-Kontaktformular-Modul wird von Haus aus rechtsbündig dargestellt. Es gibt keine Möglichkeit, den Button zentriert oder links auszugeben. Oder doch? Mit ein wenig CSS steuern Sie die Darstellung ganz einfach.
Wenn Sie ein vertikales Menü verwenden, vermissen Sie vielleicht eine Option, dieses immer anzuzeigen – auch dann, wenn einE BesucherIn der Website nach unten scrollt. Doch auch andere Inhalte möchten Sie vielleicht ständig anzeigen lassen, damit Ihre User sie nicht durch Scrollen aus dem Blickfeld verlieren. Geht ganz einfach.
Die Reiter im Tab- oder Registerkarten-Modul des Divi-Themes lassen sich mit einer zweiten Zeile versehen, die etwas mehr über den Inhalt breisgeben. Wie das geht, zeigen wir im heutigen Hack.
Die Divi-Galerie lässt sich Bild für Bild in einer Lightbox öffnen, ohne die eigentliche Galerie auf der Seite anzuzeigen. Die Photoshow kann per Klick auf einen Link oder Button ganz einfach gestartet werden und poppt dann auf.
Keine Inhalte gefunden.
Werbung
