Sisältö kasvaa, sivut lisääntyvät, eivätkä perinteiset "Edellinen" ja "Seuraava" -linkit enää riitä. Lukijat eivät halua selata loputonta syötettä, he tarvitsevat selkeää navigointia: sivunumeroita, nopeita hyppyjä, visuaalisia vihjeitä. Ja jos teemasi ei tarjoa joustavaa sivutusta valmiina, lisäosat astuvat kuvaan.

WordPressin lisäosakirjastossa on kymmeniä sivutusratkaisuja: minimalistisista numeroiduista palkeista animoituihin diaesityksiin ja kelluviin lohkoihin. Valitsimme 10 merkittävintä, ne, jotka ovat kestäneet aikaa, saavat päivityksiä ja ratkaisevat tiettyjä ongelmia. Ei turhaa höttöä, vain todistetusti toimivia työkaluja, joista on oikeat kuvakaappaukset, hyvät ja huonot puolet sekä suorat asennuslinkit.

💡 Pikakatsaus:

• Ymmärrä, miksi räätälöityä sivutusta ylipäätään tarvitaan ja milloin tavallinen WordPress-navigointi ei riitä
• Vertaa 7 pääasiallista ja 3 lisäosaa keskeisten kriteerien mukaan yhteenvetotaulukossa
• Valitse oikea lisäosa tehtävääsi: klassinen numerointi, pitkien artikkelien jakaminen, WooCommerce tai epätyypillinen fly-navigointi

Lisäosien vertailutaulukko

1. WP-PageNavi

🔗 WP-PageNavi WordPress.orgissa

🔗 Live-demo

Miljoonalla aktiivisella asennuksella WP-PageNavi on WordPress-sivutuslisäosien de facto -standardi. Se korvaa vakionavigoinnin wp_pagenavi()-template-tägillä, joka upotetaan teemaasi. Minimaalinen koodi, ennustettavat tulokset.

Aktivoinnin jälkeen lisäosa lisää välilehden Asetukset-osioon. Siellä määrität näytettävien sivujen määrän, tekstit nykyiselle, ensimmäiselle ja viimeiselle sivulle sekä "Seuraava"- ja "Edellinen"-ilmaisimet. Pudotusvalikko tarjoaa valmiita tyylivaihtoehtoja, joten CSS:n voi ohittaa kokonaan.

Satojen sivujen blogeihin se tarjoaa numeronäytön askelvälein: 5, 10, 15, 20, ei kymmeniä numeroita peräkkäin, vaan siisti valikoima. Jos haluat sovittaa ulkoasun teemaasi, kopioi lisäosan CSS-tiedostot teemakansioosi ja muokkaa niitä siellä. Lisäosapäivitykset eivät korvaa muutoksiasi.

Hyvää: matala aloituskynnys, miljoona asennusta, sisäänrakennetut tyylit, määritettävät numeroaskeleet.

Huonoa: vaatii teematiedostojen muokkaamista tägin asentamiseksi, ei Ajax-tilaa, ei visuaalista rakentajaa.

2. WP-Paginate

🔗 WP-Paginate WordPress.orgissa

🔗 Live-demo

WP-Paginate panostaa joustavuuteen. Numeroidun artikkelisivutuksen lisäksi lisäosa osaa sivuttaa kommentit, mikä on löytö aktiivisen keskustelun sivustoille. Määrität linkkien määrän ennen nykyistä sivua ja sen jälkeen ja muokkaat nimikkeet hallintapaneelin kautta.

Erillinen CSS-välilehti mahdollistaa linkkien ulkoasun mukauttamisen ilman teematiedostojen muokkaamista. Vakionavigoinnin korvaaminen vaatii kuitenkin teemamuutoksia, aivan kuten WP-PageNavissa.

$29 maksava Pro-versio lisää multisite-tuen, 11 valmista asettelua ja visuaalisen painikkeiden muokkaimen. Jos tarvitset kommenttien sivutusta ja olet valmis minimaaliseen teematyöhön, ota tämä.

Hyvää: kommenttien sivutus, CSS-välilehti hallinnassa, Pro 11 asettelulla, aktiiviset päivitykset (v2.2.6, toukokuu 2026).

Huonoa: perusversiossa ei visuaalista rakentajaa, vaatii teemakoodin korvaamista, Pro on maksullinen.

3. Pagination by BestWebSoft

🔗 Sivutus WordPress.orgissa

🔗 Live-demo

BestWebSoftin Sivutus erottuu kattavuudellaan: se lisää numeroinnin paitsi artikkeleihin myös avainsanoihin, kategorioihin, hakutuloksiin ja kirjoittajasivuille. Lisäosa on yhteensopiva BestWebSoftin portfolion ja gallerioiden kanssa, joten sivutus näkyy myös niissä.

Kaksi näyttötilaa: pitkä (kaikki numerot järjestyksessä) ja lyhyt (askelilla). Navigoinnin sijainti on määritettävissä, sisällön ylä- tai alapuolelle, tasattuna vasemmalle, oikealle tai keskelle. "Seuraava"- ja "Edellinen"-nuolet ovat muokattavissa. Yksittäisiä sivuja voidaan jättää sivutusnumeroinnin ulkopuolelle.

29 dollarin Pro-versio lisää "Lataa lisää" -painikkeen ja loputtoman vierityksen. Blogeille, joissa on monipuolista sisältöä (avainsanoja, kategorioita, hakuja), tämä on yksi monipuolisimmista vaihtoehdoista.

Plussat: kattaa kaikki sivutyypit (artikkelit, avainsanat, kategoriat, haut, kirjoittajat), kaksi näyttötilaa, yksittäisten sivujen poissulkeminen.

Miinukset: sidoksissa BestWebSoftin ekosysteemiin gallerioiden osalta, Pro maksaa erikseen, perusdesign ilman hienouksia.

4. Advanced Content Pagination

🔗 Advanced Content Pagination WordPress.orgissa

🔗 Live-demo

Tämä lisäosa ratkaisee eri tehtävän: se ei numeroi blogisivuja, vaan jakaa yhden pitkän artikkelin useaksi lyhyeksi sivuksi. Viisi painikeasettelua, erilaisia sisällön lataustapoja, painikkeiden sijoitus ylös, alas tai molemmille puolille.

Lisäosa lisää TinyMCE-editoriin painikkeen, jolla sivunvaihtoja voi lisätä shortcodeilla. Se tukee sekä yksinkertaista sivutusta sivun uudelleenlatauksella että Ajax-tilaa, jolloin sivu ei lataudu uudelleen vaan sisältö latautuu dynaamisesti. Integroituu WPBakeryn (entinen Visual Composer) kanssa.

Pro-versio sisältää vakio "Seuraava sivu" -painikkeen automaattisen muuntamisen mukautetuksi sekä otsikon ja kuvauksen lisäämisen sivutus-painikkeisiin.

Plussat: jakaa pitkät artikkelit, Ajax-tila, 5 painikeasettelua, integraatio WPBakeryn kanssa.

Miinukset: viimeisin päivitys vuodelta 2023 (saattaa laahata tuoreiden WP-versioiden perässä), Pro maksaa erikseen, ei blogisivujen numerointiin.

5. Storefront Product Pagination

🔗 Storefront Product Pagination WordPress.orgissa

Kapea-alainen mutta täsmällinen työkalu: lisää "Seuraava"- ja "Edellinen"-linkit yksittäisille WooCommerce-tuotesivuille. Vaaditut ehdot: Storefront-teema ja asennettu WooCommerce.

Linkit näkyvät tuotekuvien kera, ja otsikko tulee esiin, kun kuvan päällä viedään hiirtä. Sisäänrakennetulla muokkaimella voit muuttaa näyttöä vastaamaan verkkokauppasi tyyliä. 30 000 aktiivisella asennuksella lisäosa on suosittu Storefrontia käyttävien WooCommerce-kauppiaiden keskuudessa.

Plussat: erikoistunut WooCommerceen, tuotekuvat navigoinnissa, yksinkertainen muokkain.

Miinukset: vain Storefront-teema, vaatii WooCommercen, ei tavallisille blogiartikkeleille.

6. Next Post Fly Box

🔗 Next Post Fly Box CodeCanyonissa

🔗 Live-demo

Epätyypillinen lähestymistapa navigointiin: numeroidun palkin sijaan käytössä on kelluva lohko, joka ilmestyy näkyviin sivua selattaessa ja tarjoaa mahdollisuuden siirtyä edelliseen tai seuraavaan artikkeliin. Lohko pysyy näkyvissä, vaikka lukija siirtyisi sivulla alaspäin.

jQuery-pohjainen lisäosa, joka tukee mukautettuja artikkelityyppejä ja kategorioita. Lohkon sijainti (vasen tai oikea), koot ja näkyvyysehdot ovat säädettävissä asetuspaneelissa. Artikkelien järjestely on myös joustavaa. Kokoelman ainoa täysin maksullinen lisäosa, 19 dollaria CodeCanyonissa.

Plussat: omaperäinen kelluvan lohkon mekaniikka, herättää huomiota, muokattavissa olevat koot ja sijainti.

Miinukset: vain maksullinen (19 $), epätyypillinen käyttökokemus, ei sovi kaikille sivustoille, ei klassista numeroitua sivutusnavigaatiota.

7. Helppo sivutus

🔗 Easy Pagination WordPress.orgissa

Easy Pagination muuttaa sivut ja artikkelit diaesitykseksi. Lisäät sisältöön erotintagin, valitset parametrit ja saat animoidun navigaation. Kolme animaatiotyyliä: pystysuora, vaakasuora ja pehmeä. Kaksi ensimmäistä yhdistyvät 32 jQuery-easing-efektiin.

Kuusi navigaatiopohjaa täysillä muokkausmahdollisuuksilla, neljä nuolityyliä, pikkukuvat ylä- tai alareunassa. Lisäosa poimii automaattisesti kunkin osion ensimmäisen otsikon ja ensimmäisen kuvan luodakseen diat. Näkymän korkeus ja leveys lasketaan automaattisesti, diat eivät ylitä näytön rajoja.

Plussat: vaikuttava animaatio, 3 tyyliä + 32 easing-efektiä, automaattinen koon tunnistus, sopii portfolioille.

Miinukset: liioiteltu yksinkertaiseen numerointiin, viimeisin päivitys 2024, vaatii SEO-varovaisuutta (diaesitys voi piilottaa sisältöä).

Lisäosia erityistarpeisiin

Kolme niche-ratkaisua, jotka eivät mahtuneet päälistalle mutta ansaitsevat maininnan:

Alphabetic Pagination suodattaa sivuja, artikkeleita, WooCommerce-tuotteita, mediatiedostoja ja kirjoittajia aakkosittain. Numeroiden sijaan kirjaimet. Toimii hyvin musiikkisivustoille, kirjakaupoille, jäsenhakemistoille. Lisäosan sivu

Ajax Pagination and Infinite Scroll tarjoaa kolme tilaa: perinteinen sivutus, ääretön vieritys ja "Lataa lisää" -painike (kaikki Ajaxilla). Toimii artikkeleiden, sivujen, haun, mukautettujen sisältötyyppien ja WooCommercen kanssa. Lisäosan sivu

Page-Links Plus lisää "Näytä yhdellä sivulla" -painikkeen, jonka avulla lukijat voivat yhdistää moniosaisen artikkelin yhdeksi näkymäksi. Pro-versio käyttää Ajaxia sulavaan lataukseen. Lisäosan sivu

⁉️🤔 Usein kysytyt kysymykset

Tarvitsenko sivutulisäosaa, jos teemassani on jo sivutus?

Jos teemasi vakiosivutus toimii sinulle, lisäosaa ei tarvita. Mutta teemat tarjoavat usein vain minimaaliset asetukset: et voi vaihtaa numeroaskelta, nuolityyliä tai tasausta. Lisäosa ratkaisee nämä rajoitukset ilman koodin muokkaamista.

Vaikuttaako sivutus hakukoneoptimointiin?

Kyllä, kahdella tavalla. Oikein toteutettu numeroitu sivutus auttaa hakukoneita indeksoimaan enemmän sivuja ja jakaa linkkivoimaa. Mutta liiallinen pirstominen luo "ohuita" sivuja, joissa on päällekkäistä sisältöä, Google voi pitää sitä roskapostina. Pidä kohtuullinen sisältömäärä sivua kohden (vähintään 300-400 sanaa tekstiä) äläkä jahda sivumäärää näyttökertojen toivossa.

Voinko lisätä sivutuksen ilman lisäosaa?

Kyllä, koodilla teemasi functions.php-tiedostossa käyttäen paginate_links()- tai the_posts_pagination()-funktiota. Tämä on joustava reitti kehittäjille, mutta vaatii varmaa PHP:n ja WordPress APIn hallintaa. Useimmille käyttäjille lisäosa on luotettavampi: pienempi riski rikkoa sivusto päivitysten yhteydessä.

Mikä lisäosa minun kannattaa valita WooCommercelle?

Jos käytät Storefront-teemaa, ota Storefront Product Pagination, se on räätälöity juuri tälle yhdistelmälle. Muille teemoille WooCommercen kanssa toimivat Ajax Pagination and Infinite Scroll (ääretön tuotevieritys) tai klassinen WP-PageNavi (numeroitu sivutus kauppasivuille).

Miksi lisäosa ei näytä kaikkia sivuja?

Lähes varmasti "Näytettävien sivujen määrä"- tai "Numeroaskel"-asetus lisäosan paneelissa. Mene lisäosan asetuksiin ja nosta rajaa. Toinen mahdollinen syy on välimuistitus: tyhjennä välimuisti asetusten muuttamisen jälkeen.

Kannattaako käyttää Ajax-sivutusta?

Ajax tarjoaa sulavan käyttökokemuksen ilman sivun uudelleenlatausta, mutta vaikeuttaa katselun seurantaa Google Analyticsissa (vaatii ylimääräisten tapahtumien määritystä). Hakukoneoptimoinnin kannalta on kriittistä, että jokaisella Ajax-sivutuksen "askeleella" on yksilöllinen URL-osoite, muuten hakukone näkee vain yhden sivun. Jos lisäosa tarjoaa tämän, ota se huoletta käyttöön.

Video: sivutuksen käyttöönotto 5 minuutissa

Jos pidät visuaalisesta selityksestä, katso tämä opasvideo. Se näyttää yhden kokoelman lisäosan asennuksen ja määrityksen alusta toimivaksi numeroiduksi palkiksi.

Mikä sivutulisäosa valita

Sivutus ei ole ominaisuus, josta kannattaa tinkiä. Hyvä navigaatio pitää lukijat, vähentää välitöntä poistumisprosenttia ja auttaa hakukoneita ymmärtämään sivuston rakennetta. Tämän kokoelman kymmenen lisäosaa kattavat käytännössä minkä tahansa skenaarion.

Jos tarvitset klassisen numeroidun sivutuksen ilman ylimääräistä säätöä, ota WP-PageNavi. Tarvitset kommenttien sivutusta, WP-Paginate. Haluat kattaa kaikki sivutyypit kerralla, Pagination by BestWebSoft. Pitkien artikkelien jakamiseen, Advanced Content Pagination. WooCommercen kanssa Storefrontilla työskentelyyn, Storefront Product Pagination. Haluat yllättää lukijat epätyypillisellä navigaatiolla, Next Post Fly Box tai Easy Pagination. Ja äärettömään vieritykseen ja Ajaxiin, Ajax Pagination and Infinite Scroll.

Valitse tehtäväsi mukaan, älä jahda sivumäärää mainosnäyttöjen toivossa ja pidä tasapaino käyttökokemuksen ja hakukoneoptimoinnin välillä. Hyvä sivutus on sellaista, jota lukijat eivät huomaa.