Wordpress sidenavigation. WordPress-sidenavigation uden plugin! WP Page Navi – Sidelisteskabeloner

Flexor 5

Opdateret:

Dette er et af de mest berømte og populære plugins til WordPress. Det giver dig mulighed for nemt og enkelt at vise side-for-side navigation på dit websted. Behovet for sidenavigation er hævet over enhver tvivl - for det første er det meget mere bekvemt for brugerne end med uforståelige "Før" og "Senere" links, og for det andet hjælper sidenavigation i forhold til SEO - søgemaskiner indekserer sider meget bedre, hvis links til de er tændt hjemmeside websted. Der er flere lignende plugins, men denne betragtes som den bedste. Faktisk sidenavigering ind WordPress og plugin PageNavi Disse er nu praktisk talt uadskillelige begreber.

1 Pak arkivet ud.

2 Kopier mappen til /wp-content/plugins/.

3 Gå til bloggens administrationspanel på "fanen" Plugins" og aktiver plugin'et.

Pluginnet er fuldstændigt oversat til russisk. Desuden overdrev oversætteren det og oversatte endda navnet på plugin'et (dette strider mod sund fornuft - hvem oversætter egennavne?). Derfor, når du aktiverer et plugin, skal du se blandt de downloadede plugins ikke , men Liste over sider. Det er den samme historie med indstillingerne - du finder dem i " Indstillinger\Liste over sider".

Den første del af plugin-indstillingerne vedrører selve panelet og dets værdier:

Disse er standardværdierne. De giver noget som dette til panelet:

Hvis du ikke udfylder noget felt, vil det ikke blive vist i panelet. Derfor kan du reducere panelet til en mere kompakt version som:

Den anden del af indstillingerne vedrører selve plugin'et:

Her må jeg komme med et par præciseringer. Mulighed " Brug style pagenavi-css.css" får pluginnet til at anvende css-stile fra en fil til panelet pagenavi-css.css, som er i plugin-mappen. Hvis din skabelon allerede indeholder stilarter til pluginnet (og dette sker ofte, da det er meget populært), så skal du fjerne markeringen af ​​denne mulighed. Når alt kommer til alt, er de stilarter, der er angivet i emnet, som regel bedre stilarter standard plugin.

Jeg råder dig til at deaktivere intervaller (de er aktiveret som standard) ved at indstille værdien "0" overalt. Fordi jeg personligt ikke kan lide denne navigation:

Men det er selvfølgelig op til dig at bestemme.

Vi er færdige med indstillingerne - hvordan får man vist plugin-panelet i skabelonen? Du skal kigge i skabelonfilerne for kode, der ligner:

Og erstatte det med koden:

Det er på dette stadium, at mange brugere har problemer. Fordi denne kode kan være forskellig i hver skabelon. Selv de filer, du skal lede efter denne kode i, er meget forskellige fra skabelon til skabelon. Derfor råder jeg dig til at downloade Notepad++-editoren (du har brug for det under alle omstændigheder, da filerne skal gemmes strengt i kodningen UTF8 uden stykliste) og søg efter funktionsfiler og .

Sådan finder du præcis, hvor i din skabelon dens forfatter gemte funktionerne til visning af navigationslinks, og du kan erstatte dem med koden til at kalde plugin-panelet. Hvis du ikke selv kunne finde det, så skriv i kommentarerne, jeg hjælper.

Lad os nu tale om paneldesignstile. Kan du ikke lide standardpaneludseendet? Vil du have et panel som det på skærmbilledet i begyndelsen af ​​denne artikel? Åbn derefter denne fil og kopier dens indhold til filen pagenavi-css.css, som er i din plugin-mappe.

Der er en endnu nemmere måde at style dit panel på. For at gøre dette skal du installere et plugin, hvor du kan vælge indbyggede stilarter som disse:

Vil du ikke installere et ekstra plugin? Okay, i så fald kan du bruge mine stilvalg til:

WordPress er en meget alsidig bloggingplatform, og ved hjælp af plugins kan den gøres endnu mere brugervenlig.

Dette gælder også sidenavigation (paginering) af sider, som i første omgang mangler i WordPress. Men dette kan nemt rettes ved at vælge en af ​​de 10 til din hjemmeside bedste plugins.

1.WP-PageNavi

Et af de mest populære og hyppigt brugte plugins. Brug af den indbyggede funktion wp_pagenavi() sædvanlige links ← Tilbage | Næste → skifter til attraktiv paginering.

2. WP Smart paginering


En anden nyttigt plugin, som har en meget praktisk funktion. Du kan gå til den ønskede side ved at indtaste dens nummer i det ekstra vindue.

3. Simpel sideinddeling

En af de bedste og mest simple plugins, som giver dig mulighed for at indstille yderligere paginering for indlæg og kommentarer, hvilket gør navigationen på dit WordPress-websted meget lettere.

4. Alfabetisk sideinddeling


Ved at bruge dette plugin kan du filtrere indlæg og sider alfabetisk. Det er nemt ikke kun at installere, men også at bruge.

5. jPages-paginering til WordPress


Dette er et af de bedste plugins til at oprette paginering til gallerisider, kommentarer osv. Med dens hjælp bliver gallerier til et galleri med paginering.

6.Paginere


Dette plugin giver dig mulighed for at oprette sidepaginering i henhold til dine krav. Du kan øge nummereringen på én side, vælg antallet af enheder, der skal vises. Som standard kan der være 10.

7. Nem sideinddeling til WordPress


Gør lange indlæg og sider mere attraktive med skydere: Horisontal skyder, Lodret skyder eller Fade. Vandrette og lodrette skydere kan kombineres med 32 jQuery-effekter.

8. Næste indlæg Fly Box til WordPress


Et af de bedste plugins, der skaber navigation mellem næste og forrige indlæg i form af en pop-up boks i venstre eller højre side af vinduet. Når brugeren ruller på siden, vises en pop op-boks, hvor du kan vælge den næste eller forrige post.

9. JQuery Paginator Plugin


Pluginnet giver dig mulighed for at vælge mellem 3 typer paginering, hvis du indstiller påkrævet parameter. Dette er et af de mest attraktive pagineringsplugins.

10. Smart sideinddeling


Fantastisk plugin, der tilbyder 11 forskellige muligheder paginering.

Bonus. CSS-stile til WP-PageNavi-plugin


En fremragende samling af CSS-stile til populære WordPress-plugins - WP-PageNavi og WP-Paginate. Inkluderer HTML-sider med en demonstration af stilarter, og hver stil indeholder en separat CSS-fil.

Næsten enhver blogger, der kører en blog på WordPress-motoren, er bekendt med WP-PageNavi-pluginet, som viser sidenavigation som dette:

Men ikke alle ved (herunder mig indtil for nylig), at WordPress har en indbygget funktion (siden version 2.1), der implementerer næsten samme funktionalitet. De der. Der er ingen grund til at bruge et plugin.

I nogen tid brugte jeg en anden lignende løsning, som mange tak til forfatteren Timur for.

Den funktion, jeg tilbyder dig, er ret lille i størrelsen:

funktion wp_corenavi() ( global $wp_query; $pages = ""; $max = $wp_query->max_num_pages; if (!$current = get_query_var("paged")) $current = 1; $a["base"] = str_replace(999999999, "%#%", get_pagenum_link(999999999) = $a["current"] = $total = 1; Side N af N", 0 - vis ikke $a["mid_size"] = 3; //hvor mange links der skal vises til venstre og højre for den nuværende $a["end_size"] = 1; //hvordan mange links at vise i begyndelsen og slutningen $a["prev_text"] = """; //linktekst "Forrige side" $a["next_text"] = """ //linktekst "; Næste side" if ($max > 1) echo"

"; }

Denne kode skal placeres i en fil funktioner.php din skabelon. Der er kun fem muligheder i funktionen, de er adskilt af linjeskift. Jeg skrev kommentarerne, jeg tror, ​​at alt er klart her.

For at vise navigation i på det rigtige sted, indsæt følgende kode i skabelonen:

HTML-koden, der er resultatet af funktionens output, ser sådan ud:

Som du kan se, er alle de nødvendige CSS-klasser til stede, der kan bruges til at designe ethvert navigationselement (for eksempel den aktuelle side, links til forrige og næste side).

Tjekket denne funktion på WordPress-versioner startende fra 2.3.3, og testede også muligheder med CNC aktiveret og deaktiveret. Alt fungerer som forventet.

Brug det.

Hvis du har brug for pålidelig hosting og domæneregistrering, så venter den største ukrainske hostingudbyder FREEhost.UA på dig, som er klar til at tilbyde enhver form for hosting, fra virtuel til leje af en færdiglavet server.

Dagens indlæg vil handle om, hvordan man opretter side-for-side-navigation til et WordPress-websted ved hjælp af WP-PageNavi-plugin'et.

Så du har allerede et tilstrækkeligt antal indlæg, der ikke passer på én blogside. WordPress opdeler automatisk bloggen i sider, når antallet af publicerede indlæg overstiger det antal, der er angivet i indstillingerne (Indstillinger - Læsning - Vis ikke mere end *antal* indlæg på blogsider). Standard et stort antal af WordPress-temaer viser sideskift på denne måde:

Det forekommer mig, at dette ikke er særlig praktisk, fordi side-for-side WordPress navigation meget mere funktionel.

Så for at lave sidenavigation til en WordPress-blog, installerer vi WP-PageNavi-plugin'et. Du kan downloade det fra den officielle hjemmeside, men vi finder det gennem en søgning.

Gå til sektionen "Plugins - Tilføj ny", indtast navnet "WP-PageNavi" i søgningen og klik på "Søg efter plugins".

WordPress-sidenavigationsplugin'et, vi har brug for, vil være det første i søgeresultaterne, klik på "Installer" og derefter på "Aktiver plugin".

Nu har vi en "Sideliste"-sektion i parametrene, vi går ind i det lidt senere, men for nu viser vi en ny sidenavigation i stedet for den standard;

Lad os gå til " Udseende- Editor” og åbn filkoden, der er ansvarlig for navigation mellem sider. I de fleste tilfælde er dette filen index.php. Vi finder i den den sektion, der er ansvarlig for navigationsoutput. Det skal se sådan ud:

Vi skal fjerne disse linjer og indsætte følgende kode i stedet:

Vi gemmer ændringerne, går ind på vores blog og ser, hvordan sidenavigationen nu vises. I mit tilfælde blev det sådan her:

Enig, dette ser bedre ud end to "Tilbage" og "Frem"-knapper.

Nu kan du gå til indstillingerne for WP-PageNavi plugin og se, hvad du kan ændre i det:

  • skabelon til en generel liste over sider (du kan erstatte teksten "Side 1 af 12" med din egen, hvis du ikke kan lide standarden);
  • element" Nuværende side"(ingen grund til at ændre);
  • element "Side" (ingen grund til at ændre);
  • elementet "Første side" (du kan erstatte det med "Tilbage til toppen" eller en anden sætning, du kan lide);
  • element" sidste side"(svarende til det foregående afsnit, for eksempel "Til slutningen");
  • "Forrige side" element (du kan erstatte standarden " med et andet symbol, for eksempel en venstre pil);
  • element "Næste side" (på samme måde som i forrige afsnit kan du erstatte " med en højrepil);
  • element "Forrige" (ellipsis nær overgangen til forrige side);
  • element "Næste" (ellipser nær overgangen til næste side).
  • brug pagenavi-css.css stil (standard vil blive brugt css plugin);
  • sidelistestil (du kan vælge almindelig liste eller rullemenu);
  • vis altid en liste over sider (aktiver eller deaktiver sidenavigation, selvom der ikke er nogen sider med indlæg);
  • antal sider, der skal vises (antal sider vist på listen);
  • række af sider, der skal vises (hvis du har mange sider på webstedet);
  • koefficient for sideintervaller (hvis den er 5, vil sidenavigation se sådan ud: 5, 10, 15, 20 osv.).

Hvis du forstår css, kan du selv tilpasse WP-PageNavi, som du vil.

Nu ved du, hvordan du opretter sidenavigation ved hjælp af WP-PageNavi plugin. Hvis du har spørgsmål, så spørg dem i kommentarerne, og for ikke at gå glip af nye artikler, abonner på blogopdateringer.

Sidenavigation er noget, som enhver blogger bør være særlig opmærksom på. Det består i at vise WordPress indlæg på side for side basis. Typisk vises posteringer i hierarkisk rækkefølge, og mens du har valgmuligheder såsom Gamle poster og Nye poster, har du ikke mulighed for at vise poster side for side med nummererede sider.

Ved hjælp af sidenavigation kan brugeren gå direkte til side 6 eller 8 uden at skulle navigere fra side til side. Denne navigation er også nyttig for SEO-søgemaskiner foretrækker denne navigation. Ved hjælp af gratis plugins WordPress, givet i denne artikel, kan du installere pagineringsnavigation på dit websted.

1 – WP Page Navi

WP Page Navipopulært plugin, som giver dine besøgende mulighed for nemt at flytte fra side til side. Det vil erstatte indstillingen Gamle indlæg/Nye indlæg med en pagineret navigation. Pluginnet kræver ikke store ressourcer og påvirker ikke sidens indlæsningshastighed.

Dette plugin er kompatibelt med de fleste eksisterende temaer.

  • Kræver få ressourcer.
  • SEO venlig.
  • Meget populær.
2 – WP-sidete

Dette plugin er en god måde at tilføje pagineringsnavigation til dit WordPress-websted, med det kan du tilføje nummerpaginering for at vise tal hjemmeside, midtside og slutside.

Med det kan du endda tilføje navigation gennem kommentarer til indlæg, dette vil gøre sidens indlæsning lettere.

Nøglepunkter og funktioner:

  • Bruger simpel sidenavigation.
  • SEO venlig.
  • Brugervenlig.
3 – Enkel sideinddeling
Simpel sideinddeling er et plugin, der giver dig mulighed for at navigere gennem både dine indlæg og kommentarer. Som navnet antyder, er dette plugin meget nemt at bruge. Du kan endda style din navigation, så den matcher din blogs tema ved at bruge typografiark.

Der er 6 style sheets, der passer til dit websted og understøttelse af to sprog.

Nøglepunkter og funktioner:

  • Bruger simpel sidenavigation.
  • Bruger kommentarnavigation.
  • Der er style sheets til forskellige typer Skærm.
  • Der er 6 typer stilarter.
4 – Sidelinks Plus

Sidelinks Plus– et plugin, der udfører funktionen med at tilføje navigation til et indlæg. Der er tidspunkter, hvor din optagelse bliver så stor, at du er nødt til at opdele den i dele. I sådanne tilfælde vil det hjælpe dig Side plugin Links Plus, som vil opdele dit indlæg i sider, der viser forbindelserne mellem dem, så du kan se hele indlægget.

Pluginnet kommer med en række indstillinger for at hjælpe dig med at få de resultater, du ønsker for dit indlæg.

Nøglepunkter og funktioner:

  • Giver dig mulighed for at nummerere indlæg og sider.
  • Der er mulighed for at se hele optagelsen.
  • Der er mange indstillinger.
  • Der er en Pro-version tilgængelig.
5 – Alfabetisk sideinddeling

Alfabetisk sideinddeling vil nummerere indlæg og sider på dit websted alfabetisk orden. Hvis du sælger produkter på dit WordPress-websted, så vil dette plugin gøre underværker, det vil nummerere alle dine produkter i alfabetisk rækkefølge.

Den kan bruges overalt på dit websted ved hjælp af en kortkode.

Nøglepunkter og funktioner:

  • Der er alfabetisk navigation.
  • Handelssupport er tilgængelig.
  • Kan placeres hvor som helst ved hjælp af en kortkode.
  • Kan vise en liste over brugere i alfabetisk rækkefølge.
6 – Galleri paginering til WordPress

Galleri paginering plugin til WordPress vil hjælpe dig med at navigere gennem billedgallerierne på dit WordPress-websted. Det vil vise alle billederne i galleriet, hvilket vil hjælpe brugeren med at gå direkte til ethvert billede uden at skulle rulle gennem billederne et efter et.

CDN-support hjælper dig med at gøre dine billedgallerier SEO-venlige. Der er også caching for at øge sideindlæsningshastigheden, samt Ajax til at foretage ændringer uden at skulle genindlæse siden.

Nøglepunkter og funktioner:

  • Der er navigation gennem billedgallerier.
  • CDN-support er tilgængelig.
  • SEO venlig.
  • Caching er tilgængelig.
7 – Avanceret post-paginering
Plugin for avanceret post-paginering vil navigere gennem dine indlæg. Hvis dit indlæg er for stort, kan du bruge dette plugin til at opdele det i flere sider. For ikke at blive forvirret af de sædvanlige digitale knapper, ved hjælp af dette plugin kan du placere tekst og billeder på knapperne. Du kan bruge kortkoden til at paginere dit indlæg, som du vil.

Ajax hjælper dig med at navigere til en sektion uden at skulle genindlæse hele siden.

Nøglepunkter og funktioner:

  • Opdeling af en enkelt plade.
  • Brug af tekst og billeder på knapper.
  • Brug af shortcodes.
  • Bruger Ajax.
8 – WP Smart paginering
WP Smart paginering- Det her bekvem måde visning af indlæg opdelt i sider, sammen med et felt, hvor du kan indtaste sidenummeret, så du med det samme kan komme til ønskede side. Dette er meget nyttigt, hvis du har mange indlæg på dit websted, hvilket gør det svært for brugerne at navigere til en side, der er meget langt væk. I tilfælde af at du har 4000 sider med indlæg, og brugeren ønsker at se side 2555, kan dette plugin give dig en uvurderlig service.

Nøglepunkter og funktioner:

  • Bruger simpel sidenavigation.
  • Der er et felt til direkte navigation til den ønskede side.
  • Matchende temaer.
  • Der er en ændring af stilarter.
9 – jPages-sideinddeling til WordPress
Det her jQuery plugin, inspireret af jPages, som gør det nemt at paginere dine billedgallerier og kommentarer. Dette er et fuldt responsivt plugin, der giver indholdsnavigation til alle typer enheder med forskellige størrelser skærmen. jPages Pagination For WordPress er et lille plugin, der giver dig mulighed for nemt at integrere navigation med jQuery.

Alle større browsere understøtter dette plugin, så dine besøgende vil ikke have noget problem med at se indhold, når de bruger dette plugin til navigation.

Nøglepunkter og funktioner:

  • jQuery bruges.
  • Responsivt plugin.
  • Understøttet af større browsere.
  • Nem integration.
Konklusion
Denne artikel giver en liste over de bedste gratis WordPress plugins til pagineringsnavigation, som kan hjælpe dig med at paginere dit websted mest muligt den bedste måde. Alle plugins har forskellige funktioner, så vælg det, der passer bedst til dit websted.