Haben Sie die Adventsdekoration schon aus dem Schrank geholt? Und die alte Bing-Crosby-Platte aufgelegt? Wenn Ihnen zum heutigen ersten Advent schon vorweihnächtlich zumute ist, möchten Sie es vielleicht auf Ihrer Website schneien lassen. Nichts leichter als das.
Beiträge der Kategorie «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».
Normalerweise lassen sich die praktischen Accordion- oder Tab-Module des Divi-Themes bloss mit Text füllen. Jedoch sind - mit ein wenig Programmierung - auch andere Inhalte möglich: Formulare zum Beispiel, Personenmodule, Call-To-Action-Module - sogar ganze Divi-Sections oder Zeilen und vieles mehr. Wenn Sie wollen, sogar weitere Accordions oder Tabs.
Das Divi-Theme macht das Responsive Layout - also die Darstellung für alle Anzeigengrössen - einfacher. Sehr viel einfacher. So werden etwa nebeneinander platzierte Inhalte auf kleinen Anzeigegrössen gestapelt. Dabei wird aus dem «links nach rechts »auf dem Desktop neu «oben nach unten» auf dem Mobiltelefon. Das passt meistens - aber nicht immer. Den Sonderfall kriegen wir aber mit ein paar Zeilen CSS-Code hin.
Im Divi-Theme ist ein schönes Tab-Modul (auf deutsch «Registerkarte») enthalten, mit welchem Sie Informationen übersichtlich aufbereiten können. Wenn die Tabs (die Reiter) jedoch sehr unterschiedliche Textumfänge haben, kann das auch mal weniger hübsch aussehen. Ein wenig CSS und das Problem ist gelöst.
Ehrlich gesagt, Leute: An diesem Trick hab' ich meine helle Freude. Der Slider des Divi-Themes lässt sich nämlich ganz hervorragend mit Testimonials bestücken, welche dann eins ums andere eingeblendet werden. Klingt kompliziert - isses aber nicht.
Hin und wieder spendiert Elegant Themes einem Modul für das Divi-Theme eine neue Funktion. Wenn Sie ein solches Modul bereits häufig verwenden, kann es mühsam werden, diese Option bei allen Elementen nachträglich zu aktivieren. Da hilft ein einfacher Trick, der alle bestehenden und auch künftigen Einsatzplätze ebendieses Moduls nachrüstet.
Vermutlich verwenden Sie auf Ihrer Wordpress-Website ein Formular-Plugin. Das System selber liefert ja nichts Schlaues mit, weswegen hier ein Plugin die richtige Wahl ist. Bloss sehen die Felder oft einigermassen ärmlich aus. Immerhin: Den «Senden»-Button können Sie auf einfache Weise und ganz automatisiert mit dem adretten Divi-Button ersetzen.
Menüs, Footer - aber auch andere Divi-Elemente - sollen beim Scrollen womöglich immer sichtbar bleiben. Einst war dies nur über CSS-Codes zu erreichen. Mittlerweilen liefert Divi die Option mit - versteckt sie aber gut. Wir haben die Sticky-Option aufgespürt.
Nun: Dr. Code liebt das Divi-Theme. Aber Divi hat auch Macken. Gehörige sogar. Eine der gröbsten sind die verkorksten Listen, welche Divi produziert. Ob Aufzählungen oder Bullet-Points: das sieht meist nicht gut aus. Es lässt sich aber beheben. Mit einigen Zeilen CSS-Code.
Wenn Sie Beitragsbilder als Header in einem besonderen Zuschnitt (etwa im Letterbox-Style mit 1500x500px) anzeigen wollen, stossen Sie mit Wordpress an Grenzen. Zwar lassen sich dynamische Beitragsbilder durchaus als Hintergrund verwenden - jedoch stets nur in der Originalabmessung, was selten Freude macht. Mit unserem Trick gelingt das Vorhaben aber trotzdem.
Auf Artikelübersichten werden Beitragsbilder im Divi-Theme grundsätzlich im Format 400x284px angezeigt. Dies ist an sich OK, jedoch wünscht man sich das ab und an anders. Vielleicht möchte man die Bilder schmaler oder quadratisch darstellen. Beides geht! Wie Sie dem Blogmodul oder auch dem Portfolio-Modul des Divi-Themes neue Formate beibringen, erfahren Sie in diesem Tipp.
Vor gut anderthalb Jahren haben wir Ihnen hier bei Dr. Code gezeigt, wie Sie die aktuelle Jahreszahl auf Ihrer Website mittels Shortcode anzeigen können. Wer das Divi-Theme nutzt, hat noch eine weitere Möglichkeit zur Hand, welche wir Ihnen heute vorstellen möchten.
Werbung
