Trick # 193 | Dieser Beitrag beinhaltet 660 Wörter. – Geschätzte Lesezeit: ca. 4 Minuten.
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.
Dieses Snippet nimmt den Titel, der normalerweise auf den Beitrag verlinkt, und erstellt einen unsichtbaren Bereich über die gesamte Breite und Höhe des Blogbeitrags. Technisch gesehen wird der Titellink also über die gesamte Beitragsvorschau ausgedehnt.
Klingt das kompliziert? Ist es aber nicht. Sie benötigen dazu folgende CSS-Zeilen, die Sie in das CSS-Stylesheet Ihrer Website verfrachten – unter Design/Customizer(Zusätzliches CSS:
.et_pb_blog_grid .et_pb_post, .et_pb_posts .et_pb_post {
position: relative;
}.et_pb_blog_grid .et_pb_post .entry-title a:after, .et_pb_posts .et_pb_post .entry-title a:after {
position: absolute;
display: block;
content: "";
width: 100%;
height: 100%;
left: 0;
top: 0;
}.et_pb_blog_grid .et_pb_post:hover, .et_pb_posts .et_pb_post:hover {
cursor: pointer;
}Dies ergibt dann folgendes Ergebnis:
Standard-Variante
Beitragsnummerierung im Backend anzeigen – wahlweise auch im Frontend
Möchten Sie die fortlaufende Beitragsnummer in der WordPress-Beitragsübersicht anzeigen lassen? Dieser Trick kann besonders hilfreich sein, wenn Sie Beiträge chronologisch analysieren oder organisieren möchten. In diesem Beitrag zeigen wir, wie Sie mit einer handlichen Funktion Beitragsnummern aufgrund des jeweiligen Veröffentlichungsdatums berechnen, in der Übersicht hinzufügen und die Backend-Spalte sortierbar machen.
Variante mit CSS-Code
Beitragsnummerierung im Backend anzeigen – wahlweise auch im Frontend
Möchten Sie die fortlaufende Beitragsnummer in der WordPress-Beitragsübersicht anzeigen lassen? Dieser Trick kann besonders hilfreich sein, wenn Sie Beiträge chronologisch analysieren oder organisieren möchten. In diesem Beitrag zeigen wir, wie Sie mit einer handlichen Funktion Beitragsnummern aufgrund des jeweiligen Veröffentlichungsdatums berechnen, in der Übersicht hinzufügen und die Backend-Spalte sortierbar machen.
So wie der Code geschrieben ist, wirkt sich dies auf jedes Blogmodul auf Ihrer Website aus. In den meisten Fällen ist das perfekt. Wenn Sie jedoch möchten, dass dies nur für ein bestimmtes Blog-Modul gilt, können Sie diesem auf der Registerkarte Erweitert im Eingabefeld CSS-Klasse einen benutzerdefinierten Klassennamen geben. Ersetzen Sie dann «.et_pb_posts» (unbedingt die Pluralvariante beachten) im Codeschnipsel durch den Namen Ihrer benutzerdefinierten Klasse.
Cool. Oder?
Werbung
Werbung
