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».
Auf Ihrer Website möchten Sie vielleicht hin und wieder sicherstellen, dass bestimmte Beiträge ausschliesslich im Text-Editor bearbeitet werden können. Dies kann besonders dann wichtig sein, wenn der visuelle Editor den Code eines Beitrags verändert oder im schlimmsten Fall verunstaltet.
Das Divi-Theme bietet eine enorme Flexibilität bei der Gestaltung von Websites. Doch manchmal möchte man Inhalte gezielt nur für eingeloggte oder ausgeloggte Nutzer sichtbar machen – sei es für personalisierte Menüs, exklusive Inhalte oder spezielle Hinweise. Mit einfachen WordPress-Shortcodes lässt sich dies problemlos umsetzen. In diesem Beitrag erfahren Sie, wie es funktioniert.
Das Divi-Theme hat eine nette Funktion, mit der Sie CSS-IDs als Ankerlinks verwenden können. Bei einem Klick auf einen solchen Link, wird der User direkt zu dem Teil der Seite mit dieser Komponente weitergeleitet. In manchen Fällen kann es vorkommen, dass Ihre Seite zum Ankerlink scrollt, dann aber wieder an den Anfang der Seite springt, bevor sie schliesslich doch zur gewünschten Position auf der Seite zurückscrollt. Heute erfahren Sie, was Sie dagegen tun können.
Eingeloggte User sehen auf der WordPress-Live-Website immerzu einen schwarzen Balken am oberen Bildrand. Der kann stören und er lässt sich ausschalten. Jedoch fehlen dann im VisualBuilder des Divi-Themes wichtige Links und Tools. Darum soll er da bitteschön wieder erscheinen. Das bewerkstelligen wir heute.
Wenn Sie in der Überschrift eines Divi-Moduls Fullwidth-Header lange Wörter verwenden, kann es vorkommen, dass der Text mitten im Wort umbrochen wird. Dies ist äusserst hässlich – aber leider ein Standardverhalten des Moduls. Das beheben wir heute mit ein wenig CSS-Code.
Wenn Sie das Divi-Theme verwenden, dann kennen Sie bestimmt den VisualBuilder. Mit diesem können Sie die gerade angezeigten Inhalte bequem in der Frontend-Ansicht editieren. Heute fügen wir einen grossen Buton hinzu, mit welchem Sie die Seite oder den Post direkt in den ViusualBuilder laden und bearbeiten können.
Wenn Sie auf Ihrer Divi-Website ein Such-Modul einfügen, wird normalerweise auf dem Suchbutton ein Text erscheinen. Wahlweise können Sie diesen Text aber ganz einfach mit einer Lupe ersetzen. Wir zeigen Ihnen wie das geht.
Das Such-Modul des Divi-Themes hat standardmässig Ecken und Kanten. Je nach Webdesign möchten Sie es vielleicht ein wenig runder. Geht ganz einfach. Wir zeigen wie.
Die Divi-Suche hat eine fixe Höhe, die Sie aber mit CSS leicht anpassen können. Je nach Webdesign kann dies empfehlenswert sein. Heute legen wir einen Innenabstand im Such-Modul des Divi-Themes fest.
Das Divi-Suchmodul zeigt üblicherweise ein Eingabefeld links und den Suchbutton rechts. Die beiden Elemente können Sie aber vertauschen – wie das geht, zeigen wir Ihnen heute.
Das Divi-Suchmodul zeigt üblicherweise ein Eingabefeld links und den Suchbutton rechts. Die beiden Elemente können Sie aber vertauschen – wie das geht, zeigen wir Ihnen heute.
Das Erstellen eines Eselsohr-Effekts auf Ihren Elementen der Divi-Website kann eine ansprechende visuelle Note hinzufügen und den Eindruck erwecken, dass eine Ecke der Seite umgeknickt ist. Geht mit Divi und ein wenig CSS ganz einfach.
Keine Inhalte gefunden.
Werbung
