WordPress: die Seitenumbruch-Links stylen

Manuelle Seitenumbrüche in WordPress Ich habe bereits in zwei Artikeln, die Möglichkeit erklärt, wie man in WordPress manuelle Seitenumbrüche erzeugt oder besser gesagt wie man einen Artikel in mehrere Unterseiten aufteilt.

Im Beitrag “Artikel auf mehrere Seiten verteilen” zeigte ich u.a. wie man diese Funktion in ein Theme nachrüstet und wie man den entsprechenden Button im visuellen Editor zurückholt.

Im Artikel “Paginierung und die Indizierung” ging ich auf die möglichen SEO-Probleme, die dabei auftreten können … wobei mittlerweile das Plugin wpSEO hier zum Teil Abhilfe schaffen kann.

So weit so gut. Gestern bekam ich die Frage, wie man die Links zu den Unterseiten, die bei dem Seitenumbruch entstehen, auch stylen kann.

Wenn man die Seitenumbruch-Funktion im Theme lediglich mit wp_link_pages(); einbindet, dann werden die einzelnen Unterseiten-Links nur innerhalb eines normalen Absatze ausgegeben und man hat kaum Möglichkeiten darauf per CSS zu greifen und diese irgendwie anders zu stylen. Deswegen muss man den Template-Tag um zusätzliche Parameter erweitern.

Hier eine Möglichkeit:

<?php wp_link_pages('before=<div class="umbruch">&after=</div>'); ?>

Danach werden die Links innerhalb von <div class="umbruch">...</div> ausgegeben und man kann dann per CSS mit folgenden Selektoren darauf Einfluss nehmen:

.umbruch    {...}
.umbruch a  {...}

Wir arbeiten seit 20 Jahren mit WordPress und bieten diverse Dienstleistungen rund um das System an. Kontaktiere uns für weitere Informationen oder für ein Angebot.