Trick # 183 | Dieser Beitrag beinhaltet 304 Wörter. – Geschätzte Lesezeit: ca. 2 Minuten.
Das Blog-Modul des Divi-Themes bietet Usern Paginierungslinks an, die «ältere Einträge» und «neuere Einträge» anzeigen, damit sie in einer langen Liste von Beiträgen navigieren können. Bloss vermögen die Textlinks oft nicht so recht zu überzeugen – das Divi-Modul bietet aber keine Funktion an, um dies zu ändern. Wir zeigen Ihnen, wie Sie die Texte dennoch einfach anpassen können.
Der Linktext lässt sich ganz einfach mit ein wenig CSS-Code ändern. Kopieren Sie den nachstehenden Code und fügen Sie ihn in das CSS-Stylesheet Ihrer Website (unter Design/Customizer/Zusätzliches CSS ein:
.et_pb_blog_grid .pagination > .alignleft a:before {
content: 'ältere Beiträge';
visibility: visible;
}
.et_pb_blog_grid .pagination > .alignleft a {
visibility: collapse;
}
.et_pb_blog_grid .pagination > .alignright a:before {
content: 'neuere Beiträge';
visibility: visible;
}
.et_pb_blog_grid .pagination > .alignright a {
visibility: collapse;
}In unserem Beispiel geschehen bloss folgende Ersetzungen:
- «ältere Einträge» wird zu «ältere Beiträge»
- «neuere Einträge» wird zu «neuere Beiträge»
Wenn dies auf Ihrer Website nicht so recht passt, können Sie einfach den Textinhalt der Zeilen 2 und 9 entsprechend anpassen.
Quite easy!
Werbung
Werbung
