Lesefortschritt:

Blog-Modul-Special #12: Ändern der Texte von Paginierungs-Links im Blog-Modul des Divi-Themes

14. Dezember 2022 | CSS-Stylesheet, Divi-Theme, functions.php

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

 

Kostenlose WordPress- und Divi-Tricks im Abo

Wir schicken Ihnen sporadisch (weniger als 10x jährlich) neue Tricks für Wordpress und das Divi-Theme, aber auch hilfreiche CSS- und HTML-Codes frei Haus.

Füllen Sie zur Anmeldung das folgende Formular aus. Angaben mit * sind Pflichtangaben.






Vielen Dank.

Pin It on Pinterest

Share This