Beiträge zum Divi-Blog-Modul
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 Blog-Modul des Divi-Themes ist recht beschränkt, was die Einstellungsmöglichkeiten für die Ausgabe betrifft. Vor allem hinsichtlich Spalten wünscht man sich oft mehr Optionen. Die gibt es auch: mit einem einfachen Trick. Hier zeigen wir Ihnen wie's geht.
Das Divi-Theme ist ein ausgeklügeltes Tool mit zahlreichen Vorteilen und vielen Einstellungsmöglichkeiten – aber manchmal stehen wir vor einer Nische oder einer speziellen Herausforderung, die mit Divi nicht standardmässig möglich ist. So gibt es ein häufiges Problem mit dem Beschnitt von Bildern aus der Mediathek – namentlich in den Blogs, Portfolios und in der Galerie. Doch diese Probleme lassen sich lösen.
Beiträge mit Beitragsbildern werden im Blog-Modul des Divi-Themes ansprechend dargestellt. Was aber, wenn Sie keine Beitragsbilder verwenden? So macht es auch Dr. Code. Sie haben aber auch ohne Bilder die Möglichkeit, Ihre Blogbeiträge «catchy» und auffällig anzuzeigen. Wir zeigen Ihnen, wie das geht.
Die Blog-Übersichten im Divi-Theme bieten schon einige Möglichkeiten zum Styling. Doch richtig cool wird die Bildwelt, wenn Sie mit ein paar CSS-Tricke noch ein wenig nachhelfen. Zwei Möglichkeiten möchten wir Ihnen heute vorstellen.
Das Divi-Theme verfügt über ein Blog-Modul, mit dem Sie eine Liste von Beiträgen anzeigen können. Sie können auch einige Details zusammen mit den Beiträgen anzeigen: z.B. den Autor des Beitrags und die Kategorien, zu denen der Beitrag gehört. Eine Sache, die Sie mit dem Blog-Modul nicht anzeigen können, sind die Schlagwörter (Tags) der Beiträge. Hier erfahren Sie, wie Sie die Schlagwörter im Blogmodul dennoch anzeigen können.
Die Metatexte (Datum, Kategorie, AutorIn) erscheinen im Divi-Blog-Modul standardmässig unter dem Titel als Links. Es gibt aber die Möglichkeit, daraus Schaltflächen zu bauen und diese über das Bild zu legen. Hier zeigen wir Ihnen, wie Sie dies hinkriegen.
Normalerweise wird im Blog-Modul des Divi-Themes nur der Titel, das Bild und (sofern vorhanden) der Read-More-Link mit einer Verknüfung auf den vollständigen Beitrag verlinkt. Das lässt sich aber soweit ändern, dass der gesamte Teaser mit dem Beitrag verlinkt ist.
Das Divi-Modul «Blog» stellt allerlei Inhalte dar. Jedoch immer in derselben Reihenfolge: Titel, Meta-Angaben und am Schluss den Inhaltsauszug. Doch so fix ist diese Reihenfolge nicht: Um die Abfolge der Angaben zu ändern, greifen Sie via CSS-Code ein.
Das Blogmodul des Divi-Themes bietet eine Handvoll gute Einstellmöglichkeiten; die Paginierung allerdings - also z.B. der «ältere Beiträge»-Link - sieht etwas erbärmlich aus. Er lässt sich aber mit wenig CSS in eine ansprechende Schaltfläche umwandeln. Hier erfahren Sie, wie das geht.
Das Blog-Modul des Divi-Themes verlinkt standardmässig den Titel des Beitrags mit der Detailseite dessen, die Kategorie mit der entsprechenden Übersicht und den/die AutorIn mit der persönlichen Übersicht des/der Verfasserin. Das ist oft nützlich - es gibt aber Situationen, in welchen man dies nicht möchte. Mit wenig CSS-Code ist auch dies möglich.
Das Seitenverhältnis der Beitragsbilder, welche im Divi-Blog-Modul angezeigt werden lässt sich anpassen. Standardmässig bildet das Blogmodul Bilder mit 400x250px ab - was einem Seitenverhältnis von 8:5 entspricht. Die Darstellung lässt sich aber übersteuern; selbst dann, wenn das Bild auf dem Server gar nicht im gewünschten Format vorliegt. Wir zeigen Ihnen wie das geht.
Dieses Sujet ist für mich ein Highlight. Und ums highlighten geht es auch gleich in diesem Hack: Die Beiträge, welche im Blog-Modul des Divi-Themes gelistet werden, können nämlich farblich unterschiedlich hinterlegt werden. So finden sich User noch besser zurecht und finden Inhalte zu Themen, die sie interessieren, besonders schnell. Das aufzusetzen, ist wirklich unglaublich einfach. Auch darum: Ein Highlight.
Werbung
