Monat: Januar 2024
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».
CSS-Variablen sind ein hervorragender Weg, um dereinst Anpassungen an Ihrer Website vorzunehmen. In einer Bibliothek definieren Sie Farbwerte, Fontgrössen, Abstände und vieles mehr. Bei den CSS-Klassen werden dann nicht mehr die Werte eingesetzt, sondern deren Name in der Library. Das zahlt sich vor allem dann aus, wenn sich dereinst irgend ein Wert ändern sollte.
Hin und wieder möchte man dass das Website-Logo das Navigationsmenü überragt. Weder mit dem Standardmenü des Divi-Themes noch mit dem Divi-Menümodul ist das über die Einstellungen möglich. Trotzdem funktioniert es: Für beide Navigationsarten benötigen Sie unterschiedlichen, aber einfachen CSS-Code.
Font Awesome hat einige Icons im Portfolio, welche sich perfekt für eine simple Animation eignen und sich hernach um die eigene Achse drehen oder pulsieren. Das ist denkbar einfach umzusetzen - wir zeigen Ihnen wie.
Das Divi-Theme bietet von Haus aus eine stattliche Zahl Spaltendarstellungen an. Damit lässt sich schon ganz gut arbeiten – in einzelnen Fällen bräuchte man aber eine andere Aufteilung. Wie Sie dies schaffen, zeigen wir Ihnen in diesem Tipp.
Das Akkordeon-Modul des Divi-Themes bietet keine Möglichkeit, alle Akkordeon-Toggles auf einmal zu öffnen oder zu schliessen. Hier erfahren Sie, wie Sie einen Button hinzufügen, der genau das tut.
Mit einem Button lassen sich Texte expandieren und wieder verstecken. Damit lassen sich Infos bereitstellen, ohne, dass die Website zur Bleiwüste wird. Try it.
Das Submenü im Divi-Theme lässt sich in den Design-Optionen des Menü-Moduls zwar stylen - so richtig anpassen können Sie die Submenüs aber bloss mit CSS. Die dafür nötigen Klassen haben wir in einem Bausatz zusammengestellt. Möge er Ihnen das Leben beim Webdesign erleichtern.
Mit dem Menu-Modul des Divi-Themes lassen sich auch Submenüs darstellen - es gibt aber keine Option, solche Submenüs auch ständig anzuzeigen, wenn die übergeordnete Seite aktiv ist. Mit ein wenig CSS-Code lässt sich aber dies beheben.
Die Submenu-Links im Divi-Theme werden normalerweise angezeigt, wenn man die Maus über den höher eingeordneten Menülink bewegt - beim hovern also. Doch das ganze funktioniert auch per Mausklick. Wir zeigen Ihnen wie.
Werbung
