Trick # 230 | Dieser Beitrag beinhaltet 0 Wörter. – Geschätzte Lesezeit: ca. 0 Minuten.
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.
Zunächst ein Beispiel. Nebenan sehen Sie ein Blogmodul im Gridlayout. So präsentieren sich die angezeigten Beiträge «out of the box»:
Um die angezeigten Beiträge etwas auffälliger zu gestalten, benötigen Sie ein wenig CSS-Code.
Divi-Theme: Inhalte gezielt nur für eingeloggte (bzw. ausgeloggte) User anzeigen
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.
Diesen finden Sie in der Folge - kopieren sie ihn in das CSS-Stylesheet Ihrer Website. Im Backend unter Design/Customizer/Zusätzliches CSS:
.title-background .entry-title {
min-height: 200px;
padding: 10px;
color: #ffffff;
background-color: #293280;
border-radius: 10px;
display: flex;
align-items: flex-end;
hyphens: auto;
}.title-background .entry-title:hover {
color: #293280;
background-color: #59b14b33;
border: 1px solid #293280;
transition: ease 0.5s;
}Nun müssen Sie dem Blogmodul noch die Klasse «title-background» zuweisen. Bearbeiten Sie hiezu das Blog-Modul, wechseln Sie auf den Tab «Erweitert», gehen auf «CSS-ID & Klassen» und fügen Sie den Klassennamen in das Textfeld «CSS-Klassen» ein.
Nun zeigt sich das obige Blog-Modul so:
Den CSS-Code können Sie natürlich ganz nach Ihren Wünschen anpassen.
Divi-Theme: Inhalte gezielt nur für eingeloggte (bzw. ausgeloggte) User anzeigen
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.
Werbung
Werbung
