pravljenjesajtova.rs

WordPress paginacija – kako postaviti korak po korak

Šta je WordPress paginacija i zašto je važna?

Kada počnete da objavljujete sadržaj na svom WordPress sajtu, brzo ćete shvatiti da lista postova ili proizvoda može postati nepregledna. Zamislite da imate blog sa 100 članaka ili WooCommerce prodavnicu sa 50 proizvoda – prikazivanje svega na jednoj strani bi učinilo stranicu izuzetno dugom, sporo se učitavala i otežavala navigaciju posetiocima. WordPress paginacija je sistem koji rešava upravo ovaj problem tako što deli dugi spisak sadržaja na više, lakše svarivih stranica. Umesto da se svi članci prikažu odjednom, posetioci vide određeni broj postova po strani (npr. 10), a na dnu se nalaze linkovi ili brojevi za navigaciju ka prethodnoj, narednoj ili specifičnoj stranici rezultata.

Ova funkcionalnost je kritično važna iz nekoliko razloga. Prvenstveno, poboljšava korisničko iskustvo (UX) tako što omogućava bržu navigaciju i čini sadržaj organizovanijim. Kao što možete videti u našem vodiču o izradi modernog web sajta, organizacija sadržaja je jedan od stubova profesionalnog prisustva. Drugo, paginacija direktno utiče na performanse sajta. Kraće stranice se brže učitavaju, što je ključni SEO faktor. Prema istraživanju Portenta, stranice koje se učitavaju za 1 sekundu imaju za 2.5x veću stopu konverzije od onih koje se učitavaju za 5 sekundi. Treće, dobro implementirana paginacija pomaže pretraživačima da bolje indeksiraju i razumeju strukturu vašeg sajta, što može pozitivno uticati na rangiranje.

Kako postaviti paginaciju u WordPress-u: Korak po korak

Postavljanje paginacije nije komplikovano, a WordPress nudi nekoliko načina da to uradite, zavisno od vaših veština i potreba. Evo detaljnog vodiča.

1. Podešavanje osnovne paginacije za blog postove

WordPress ima ugrađena podešavanja za kontrolu koliko će se postova prikazati na stranicama arhive (kao što su početna stranica bloga, kategorije ili tagovi).

  1. Idite u WordPress administraciju: U levom meniju, kliknite na Podešavanja > Čitanje.
  2. Pronađite opciju "Prikaži najviše": Videćete polje pod naslovom "Prikaži najviše X postova na stranicama". Ovo je osnovna paginacija.
  3. Podesite broj: Podrazumevana vrednost je često 10. Promenite ovaj broj u onoliko postova koliko želite da se prikaže po stranici. Za većinu blogova, vrednost između 6 i 12 je optimalna za balans između preglednosti i broja klikova.
  4. Sačuvajte promene: Kliknite na dugme Sačuvaj promene na dnu stranice.

Od sada će vaša glavna stranica bloga i stranice arhiva prikazivati određeni broj postova, a na dnu će se pojaviti jednostavna paginacija (obično linkovi "Stariji postovi" i "Noviji postovi").

2. Implementacija numeričke paginacije kroz temu

Podrazumevana paginacija "Stariji/Novi postovi" je funkcionalna, ali često nije najlepša niti najpraktičnija za korisnike koji žele da skoče na određenu stranicu. Mnoge moderne WordPress teme već imaju ugradjenu numeričku paginaciju (npr., "1, 2, 3, … 10"). Međutim, ako vaša tema to nema, moraćete je dodati.

Ovo zahteva izmenu fajlova teme. Uvek napravite backup preko CPanela ili plugina preko nego što počnete sa izmenama. Kao što je objašnjeno u našem vodiču o pravljenju backup-a, ovo je osnovna mera opreza.

Glavni fajlovi koje ćete verovatno trebati da izmenite su index.php, archive.php i search.php – zavisno od toga gde želite da se paginacija pojavi.

Primer dodavanja koda za numeričku paginaciju:

  1. Otvorite fajl teme (npr., index.php) u uređivaču koda ili preko WordPress Editora (Izgled > Uređivač teme).

  2. Pronađite petlju (loop) koja prikazuje postove. Obično počinje sa <?php while ( have_posts() ) : the_post(); ?>.

  3. Nakon zatvaranja petlje (nakon <?php endwhile; ?>), dodajte sledeći kod:

    <?php
the_posts_pagination( array(
    'mid_size'  => 2,
    'prev_text' => __( 'Prethodna', 'textdomain' ),
    'next_text' => __( 'Sledeća', 'textdomain' ),
) );
?>

  4. Zamenite 'textdomain' sa tekst domenom vaše teme (ovo je obično naziv teme malim slovima, sa crticama). Ova funkcija the_posts_pagination() je moderna WordPress funkcija koja generuje lepu, pristupačnu numeričku paginaciju.

  5. Sačuvajte fajl.

Napomena: Ako koristite child temu, što je visoko preporučljivo za bilo kakve izmene, ove izmene pravite u odgovarajućim fajlovima child teme. Saznajte više o prednostima ovog pristupa u članku o Child temi u WordPress-u.

3. Korišćenje page builder plugina (najlakši način)

Ako niste voljni da dirate kod ili koristite temu koja to ne dozvoljava, najjednostavniji način za kontrolu paginacije je kroz page builder plugin kao što je Elementor.

  1. Ako koristite Elementor za dizajn vaših arhivnih stranica, jednostavno otvorite tu stranicu u Elementor uređivaču.
  2. Pronađite widget koji prikazuje postove (npr., "Postovi", "Blog").
  3. U levom panelu sa podešavanjima widgeta, potražite sekciju pod nazivom "Paginacija".
  4. Ovde možete aktivirati paginaciju, odabrati stil (učitavanje još, brojevi, prethodno/sledeće), i podesiti broj postova po strani. Elementor Pro nudi posebno napredne opcije.

Ova metoda je odlična za korisnike koji žele brzo i vizuelno da podeše izgled bez ikakvog kodiranja.

4. Paginacija za WooCommerce prodavnicu

Ako imate online prodavnicu napravljenu u WooCommerce-u, paginacija je podjednako važna za stranice sa proizvodima.

  1. Preko WooCommerce podešavanja: Idite u WooCommerce > Podešavanja > Proizvodi > Prikaz proizvoda.
  2. Ovde ćete videti opciju "Broj proizvoda po strani". Podesite željeni broj (npr., 12, 16, 24).
  3. Kroz temu: Način na koji se paginacija prikazuje zavisi od vaše teme. Mnoge WooCommerce kompatibilne teme imaju svoje opcije za stil paginacije u Prilagodjavanju (Izgled > Prilagodjavanje).
  4. Korišćenjem koda: Za potpunu kontrolu, možete filtrirati osnovno WooCommerce podešavanje dodavanjem koda u functions.php fajl vaše (child) teme: 
    add_filter( 'loop_shop_per_page', 'promeni_broj_proizvoda_po_strani', 20 );
function promeni_broj_proizvoda_po_strani( $cols ) {
  // Vratite broj proizvoda po strani
  return 12;
}

Napredne tehnike i SEO najbolje prakse

  • "Učitaj još" dugme vs. Klasična paginacija: "Učitaj još" dugme (infinite scroll) može pružiti moderan osećaj, ali ima nedostatke za SEO jer sadržaj niske stranice nije direktno dostupan preko jedinstvenog URL-a. Klasična numerička paginacija je često bolji izbor za indeksaciju.
  • Rel="next" i Rel="prev": WordPress automatski dodaje ove HTML tagove u <head> sekciju kada je paginacija prisutna. Oni pomažu pretraživačima da shvate odnos između stranica u nizu. Važno je proveriti da vaša tema to podržava.
  • Optimizacija brzine: Svaka stranica u paginiranom nizu treba da se učitava brzo. Koristite pluginove za keširanje i optimizujte slike. Studija koju je sproveo Google pokazuje da kašnjenje od samo 100-400 ms može negativno uticati na angažovanje korisnika.
  • Jedinstveni naslovi i meta opisi: Obavezno koristite SEO pluginove kao što su Yoast SEO ili Rank Math. Oni pomažu u sprečavanju problema sa duplim meta podacima na paginiranim stranicama, što je ključno za izbegavanje kanibalizacije ključnih reči.

Često postavljana pitanja (FAQ)

1. Zašto mi se paginacija ne prikazuje na blog stranici?
Najčešći razlog je što broj vaših postova ne prelazi podrazumevani limit postova po stranici (podešen u Podešavanja > Čitanje). Ako imate manje postova od tog broja, paginacija se neće pojaviti. Drugi razlog može biti da vaša tema nema implementiran kod za prikaz paginacije na odgovarajućem mestu u fajlovima kao što su index.php ili archive.php.

2. Kako da promenim tekst "Stariji postovi" i "Noviji postovi"?
Možete to učiniti na dva načina. Prvi je kroz kod, koristeći the_posts_pagination() funkciju sa parametrima 'prev_text' i 'next_text' kao što je prikazano gore. Drugi, jednostavniji način je korišćenje prevodilačkog plugina kao što je Loco Translate, koji vam omogućava da pronađete i prevedete te konkretne stringove u vašoj temi.

3. Da li paginacija šteti SEO-u mog sajta?
Pravilno implementirana paginacija ne šteti SEO-u, već ga poboljšava. Ona pomaže pretraživačima da efikasnije obiđu i indeksiraju vaš sadržaj. Ključno je obezbediti da svaka paginirana stranica ima jedinstven URL i da su tagovi rel="next" i rel="prev" ispravno postavljeni (što WordPress često radi automatski). Treba izbegavati "beskonačno skrolovanje" za kritičan sadržaj ako se ne implementira pravilno sa HTML5 istorijom API-jem.

4. Kako da dodam paginaciju na prilagodjenu stranicu gde prikazujem postove sa WP_Query?
Kada koristite prilagodjenu WP_Query petlju, morate koristiti posebne funkcije za paginaciju. Nakon vaše petlje, treba da koristite paginate_links() funkciju umesto standardne the_posts_pagination(). Ova funkcija zahteva da joj prosledite niz parametara, uključujući 'total' (ukupan broj stranica iz $custom_query->max_num_pages) i 'current' (trenutni broj stranice).

5. Može li se podesiti različit broj postova po strani za različite kategorije?
Da, to je moguće, ali zahteva dodavanje koda. Možete koristiti uslovnu logiku (if/else) u functions.php fajlu vaše teme koja proverava da li se nalazite na stranici određene kategorije, a zatim koristi pre_get_posts akciju da dinamički promeni posts_per_page parametar za tu kategoriju. Za jednostavnije rešenje, postoje i specijalizovani pluginovi koji nude ovu funkcionalnost.

Pravilno postavljena paginacija je mali, ali značajan detalj koji čini vaš WordPress sajt profesionalnijim, bržim i prijatnijim za korišćenje. Ako vam je potrebna pomoć u implementaciji naprednih funkcionalnosti ili izradi celovitog, optimizovanog WordPress sajta za vaš biznis, naš tim je tu da pomogne. Pogledajte naše usluge i kreirajmo zajedno rešenje koje će vašim posetiocima pružiti vrhunsko iskustvo.

Kontaktiraj nas