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».
Heute wenden wir uns einem Fall zu, der vor allem bei hochformatigen Website-Logos auftritt: Es wird im Standard-Header des Divi-Themes entweder sehr klein dargestellt oder dann in einem riesigen Header. Es gibt aber eine Lösung, die wir Ihnen heute zeigen. Mit dieser ragt das Logo einfach ein Stück weit über den Header hinaus.
Im «Visuellen Builder» kann im Divi-Theme auch der Header und der Footer bearbeitet werden. Das ist eigentlich ganz praktisch – wer aber nicht genau weiss, was er/sie tut, kann auch ganz viel kaputt stylen. Sowohl Header als auch Footer lassen sich aber im Visual Builder ganz einfach sperren.
Heute zeigen wir Ihnen einen hübschen Gestaltungs-Trick: Das beliebige Divi-Element, das sich in einer Lightbox öffnet. Das eröffnet tolle Möglichkeiten bei der Webgestaltung.
Bei der Gestaltung der Website kann es leicht passieren, dass die Überschriften und Titel in der Mobilansicht zu gross geraten. Besonders wenn die Mobilanzeigen die Schriftart-Grösse gleich ausfällt wie in der Desktop-Ansicht, sind mehrstöckige Titel und unschöne Umbrüche die Folge. Lässt sich ganz einfach und global beheben.
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.
Keine Inhalte gefunden.
Werbung
