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 Divi-Theme hat ein übersichtlicher Registermodul an Bord, mit dem sich Inhalte schön strukturieren lassen. Allerdings bietet das Modul von Haus aus nur eine horizontale Navigation – bzw. Tab-Auswahl. Eine horizontale Anordnung fehlt. Das lässt sich natürlich leicht anpassen.
Out oft the box schaut das Suchfeld des Divi-Themes etwas ärmlich aus. Mit unserem CSS-Bausatz können Sie das Suche-Modul aber ganz einfach dem Styling Ihrer Website anpassen.
Heute ein ganz kurzer Hack: Wenn Sie des Links im Admin-Menu auf den Visual Builder überdrüssig sind, dann lässt sich der ganz einfach ausblenden. Ein wenig CSS-Code und gut ist.
Das Button-Modul des Divi-Themes enthält keine Option, um seine Höhe einzustellen. Aber in manchen Fällen möchten Sie diese vielleicht anpassen, damit der Button auf Ihrer Seite besser zur Geltung kommt. Hier zeigen wir Ihnen, wie Sie die Höhe des Divi-Buttons mittels CSS-Code anpassen können. Auch für die Button-Breite haben wir einen Hack parat.
Das Divi-Theme kommt mit einem patenten Login-Modul daher. Doch es lässt sich nicht komplett stylen: So sind etwa horizontal angeordnete Anmeldefelder von Haus aus nicht möglich. Es sei denn, Sie verwenden unseren CSS-Trick.
Die Formularfelder des Kontaktformular-Moduls im Divi-Theme werden normalerweise innerhalb der eigentlichen Felder angezeigt. Doch das lässt sich ändern: Die Feldbezeichnungen können auch links der Eingabefelder platziert werden. Wie das geht, zeigen wir Ihnen heute,
Den «Back-Button» in Ihrem Browser werden Sie kennen und ihn bestimmt auch rege nutzen. In diesem Artikel zeigen wir Ihnen, wie Sie eine Browser-Verlaufsschaltfläche in das Divi-Thema einfügen. Wenn Sie auf diesen Button klicken, gelangen Sie zu jener Seite, auf der Sie waren, bevor Sie die aktuelle Seite besucht haben.
Das Galerie-Modul des Divi-Themes lässt sich recht einfach mit einem «Load More»-Button ergänzen. Wie das funktioniert, zeigen wir Ihnen im heutigen Trick.
Divi-Module lassen sich recht einfach mit einem kleinen Textbanner – einem Ribbon – darstellen und hervorheben. Wir zeigen Ihnen heute, wie Sie solche Ribbons mittels CSS-Code erstelln können. Sie können aus 15 Varianten wählen.
Der Standardfooter des Divi-Themes verfügt über eine Creditleiste. Deren Breite ist abhängig von der Breite der Website und wird stets mit den identischen Massen dargestellt. Falls Sie die Credit-Leiste selber definieren möchten, können Sie dies ganz einfach tun.
Mit einem «Sticky-Widget» können Sie Ihrem Theme Widgets hinzufügen, die auch dann angezeigt werden, während der Benutzer auf der Seite nach unten scrollt. Wir zeigen Ihnen, wie Sie dem Divi-Theme einen «Sticky-Widget»-Bereich für die Seitenleiste hinzufügen.
Der Visual Builder des Divi-Themes bietet am Seitenfuss mehrere Buttons an, welche auf die gesamte Darstellungsbreite verteilt werden. Wer die Buttons lieber zusammen gruppieren möchte, kann diese auch auf einfache Weise links darstellen lassen. Wir zeigen Ihnen wie's geht.
Keine Inhalte gefunden.
Werbung
