WordPress & Webwork - perun.net

WordPress: die Seitenumbruch-Links stylen

Von am 21. 07. 2012 um 13:26 – Aktualisiert am 28.09.2012 um 16:12

Wie man die Links zu den Unterseiten, die dabei entstehen, wenn man ein Artikel in mehrere Teile unterteilt ("manuelle Seitenumbrüche") auch stylen bzw. per CSS ansprechen kann.

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  {...}

Diesen Artikel weiterempfehlen oder später lesen:

auf Kindle (später) lesen

Premium WordPress Themes

Verwandte Artikel:

Kategorien:
WordPress
Tags:
,  
Beitrag:
Trackback-Adresse und die Druckvorschau
Kommentare:
Kommentare verfolgen oder Kommentar abgeben

 — 

4 Kommentare »»

  1. 1. – Blog Vorstellung: perun.net von Vladimir Simovic

    Pingback vom 24.07.2012 um 16:12

    [...] WordPress: Die Seitenumbruch-Links stylen Das sind die WordPress Artikel, die wirklich Tiefgang haben und wo ich immer etwas Neues lernen kann! [...]

  2. 2. – Stefan B.

    Kommentar vom 27.07.2012 um 13:32

    Danke für den guten Tipp.
    Habe ich soeben mal auf meinem Blog angepasst und nun sieht die Ausgabe ähnlich aus wie bei meiner Pagebar2 Implementation für die Archiveseiten.

  3. 3. – Stefan B.

    Kommentar vom 27.07.2012 um 19:41

    Ich habe da noch eine kleine Frage zu dem Style. Kann man die aktuelle Seitenzahl irgendwie hervorheben?

    Ich würde gerne die aktuelle "aktive Seitenzahl" zum Beispiel gerne mit einer anderen Farbe hinterlegen.
    Ich habe aber absolut nicht herausbekommen wie das gehen könnte, da ich für die aktuelle Seitenzahl irgendwie keine stylecklasse angeben kann.

  4. 4. – metafakten // metalinks am 4. August 2012

    Pingback vom 04.08.2012 um 10:05

    [...] WordPress: die Seitenumbruch-Links stylen | WordPress & Webwork – Von Vladimir auf WordPress & Webwork. [...]

Hinweis:
300+ Professionelle WordPress-Themes
Premium WordPress-Themes, 38 davon mit deutschem Support

Einen Kommentar hinterlassen




XHTML (folgende Tags sind erlaubt): <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> . Kommentar-Vorschau ist aktiviert (Javascript wird benötigt).

Code-Beispiele: damit die Code-Beispiele richtig angezeigt werden müssen die Sonderzeichen maskiert werden (z. B. < zu &lt;).

Weblog der perun.net webwork gmbh mit Artikeln zum Thema WordPress, Webwork, und Internet.