Stilisera pagineringslänkar i WordPress-inlägg

WordPress erbjuder en relativt lite känd funktion för att dela upp dina extremt långa inlägg i olika sidor. Det är dock lite svårt att stilisera så det matchar din övergripande webbplatsstil eftersom WordPress som standard inte tillämpar CSS-klasser för att rikta in sig på dess element. Låt oss lära oss hur man filtrerar funktionen som matar ut dem och lägger till klasser för att stilisera dem.

Översikt

Inlägg kan pagineras genom att skriva in <!--nextpage--> snabbtaggen medan du skriver inläggets innehåll, för att indikera att innehållet efter taggen måste placeras på en ny sida. Länkarna genereras sedan med funktionen wp_link_pages, som skapar sideringen av postinnehållet.

Även om du måste överväga SEO- konsekvenserna av sidnumrering av innehåll, och det är ett helt ämne för sig, har du förmodligen en bra anledning att göra det, till exempel en otroligt lång artikel, förmodligen med många bilder och inbäddade videor som skulle ta alltför mycket att ladda och skulle förbruka många resurser på din server.

Initialisering

Vi kan kalla wp_link_pagesfunktionen i vårt WordPress-tema inklusive våra CSS-klasser redo att utformas så här:

Filtrering

Vad händer om vi använder ett barntema? om det är korrekt byggt med hjälp av get_template_partkan vi kopiera filen till vårt underordnade tema och återinitiera funktionen med de rätta värdena.

Ett bra alternativ skulle vara att använda filtret wp_link_pages_argsför att åsidosätta initieringen av wp_link_pagesfunktionen. Vi kan lägga till följande kod i functions.php-filen för vårt barntema:

Detta är också ett bra alternativ om funktionen initieras i ett ramverk och vi vill åsidosätta värdena för vårt eget syfte.