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».
Hin und wieder trifft Divi das Ankerziel nur so halbwegs und scrollt nicht ganz an die richtige Stelle der Webseite. Falls dies bei Ihrer WordPress-Site auch der Fall ist, empfehlen wir Ihnen diesen kleinen CSS-Hack.
Das Divi-Theme bietet ein Box-Layout an, mit welchem sich die Website gestalten lässt. Standardmässig ist die «Box» aber mit einem Schatten versehen, den viele nicht wünschen. Ein kurzer CSS-Code und das Problem ist gelöst.
Das Blog-Modul in Divi zeigt die Bilder stets über dem Titel und dem Textauszug. Das gefällt nicht allen. Mit ein paar Zeilen CSS können Sie das Bild links oder rechts des Textes platzieren.
Im Divi-Theme gibt es ein hübsches Accordion-Modul, mit welchem sich die Inhalte einer Website sehr schön strukturieren lassen. Jedoch hat das Modul in der Grundausstattung zwei entscheidende Nachteile: Der erste Accordion-Content ist beim Seitenaufruf immer geöffnet und die Accordions lassen sich nur schliessen, indem ein anderes geöffnet wird. Ein kleiner Hack schafft Abhilfe.
Die Header-Navigation in Divi eignet sich nicht für alle Websites gleichermassen. Besonders auf den kleinen One-Pagern, wo alle Inhalte direkt auf der Startseite untergebracht sind, ist der Sinn einer Header-Navigation stark beschränkt. Divi bietet von Haus aus nur die Möglichkeit, das Website-Logo auszublenden, nicht aber die Navigation. Doch es gibt eine Lösung.
Das Divi-Theme sieht standardmässig ein Logobild vor, welches im Header angezeigt wird. Viele GestalterInnen möchten aber lieber den Seitentitel im Header anzeigen. Diese Möglichkeit existiert, ist aber ein wenig versteckt.
Divi bringt standardmässig eigene Social-Media-Icons mit. Aktiviert man diese, öffnen sich die Links aber nicht automatisch in einem neuen Tab oder Fenster. Das lässt sich ändern.
Divi zeigt in der Grundinstallation unter dem Header und am Rand der Sidebar eine feine Linie an. Das mag bei der Webentwicklung noch hilfreich sein, im Alltag möchte man aber auf die Trennlinien meist verzichten. Sie lassen sich ganz einfach ausblenden.
Das Divi-Theme ist mit einem Slider-Modul ausgestattet, mit welchem sich ansprechende Slideshows anzeigen lassen. Ein Nachteil: Die einzelnen Folien werden normalerweise in genau jener Reihenfolge angezeigt, in der man die Slides erfasst. Doch es gibt einen Trick, um die Slides randomized anzuzeigen.
Keine Inhalte gefunden.


