I dagens artikel kommer vi att prata om ett plugin som heter WP-PageNavi. Detta praktiska plugin låter dig organisera sida-för-sida-navigering av din WordPress-blogg mer bekvämt än om du använde standardmetoden. I princip är bekvämligheten med standardsidanavigering en relativ fråga och det är fullt möjligt att använda de så kallade standardverktygen, men WP-PageNavi erbjuder oss ett mycket mer attraktivt alternativ. Om vi ​​som standard har två knappar "tidigare" och "senare" som sidnavigering, det vill säga att vi bläddrar igenom sidorna sekventiellt på jakt efter den vi behöver, så får vi knappar som indikerar efter att WP-PageNavi äntligen har installerats och konfigurerats sidnummer, vilket gör att vi enkelt kan navigera till önskad sida. Beroende på de valda inställningarna kan navigeringsfältet se annorlunda ut, men vi ska titta på detta lite senare.

Vilka specifika skäl kan en nybörjarbloggare ha för att använda insticksprogrammet PageNavi för att organisera bloggnavigering? Kanske uppstår inte ett sådant behov till en början, och två knappar är tillräckligt för att navigera på fem bloggsidor. Men med tiden växer mängden information, och därmed sidor, stadigt, och vanlig navigering blir obekväm, och det är lättare för läsaren att komma ihåg på vilken sida han läste eller hittade den nödvändiga artikeln än att komma ihåg hur många gånger klicka på knappen "nästa". Det är därför PageNavi är en logisk utveckling av nästan varje bloggs navigering; Naturligtvis finns det andra liknande plugins, men det är WP-PageNavi som har fått störst berömmelse och popularitet.

Installerar WP-PageNavi

Naturligtvis, innan vi arbetar med detta plugin, laddar vi ner och installerar det. Efter att vi har laddat ner det nödvändiga arkivet med pluginet måste det packas upp; som ett resultat får vi en mapp som heter WP-PAGENAVI, som vi sedan laddar upp till din värdserver i mappen med WordPress-plugins, som vi hittar under namnet wp-content/plugins/.

För att göra detta måste du komma åt dina WordPress-bloggmappar med FTP.

Särskild uppmärksamhet bör ägnas åt det faktum att mappen där pluginfilerna finns måste kopieras direkt till värdservern. Om du kopierar en mapp med samma namn, i vilken mappen vi behöver finns, kommer WordPress inte att kunna se det installerade pluginet och kommer följaktligen inte att kunna fortsätta arbeta.
När kopieringen av WP-PageNavi-pluginfilerna är klar är nästa steg att logga in på WordPress-administratörsområdet och välja "Plugins". Efter detta kommer plugin-hanteringsfönstret att dyka upp framför dig, där ditt val är länken "Inaktiv" ("Inaktiv", i den engelska versionen). Denna åtgärd låter dig öppna en lista över installerade men ännu inte aktiverade plugins för din blogg.

I den här listan måste du hitta WP-PageNavi-pluginen vi behöver och klicka på länken "Aktivera" (den finns precis under pluginnamnet).

Infogar WP-PageNavi Plugin-utdatakod i WordPress-temamallar

Så vi har aktiverat det nödvändiga pluginet, men för att äntligen se resultatet av dess arbete är det ofta inte tillräckligt. Efter att ha aktiverat insticksprogrammet behöver du gå in på bloggen som vanlig användare och se om det har skett några ändringar i navigeringsdisplayen. Om navigeringsfältet äntligen har fått ett nytt utseende kan du omedelbart fortsätta med att ställa in plugin-programmet. Om inget har förändrats måste vi manuellt infoga plugin-anropskoden i huvudfilerna för WordPress-temat som för närvarande används på bloggen. Lyckligtvis finns det inget särskilt komplicerat med detta - huvudvillkoret för framgång är att känna till strukturen för WordPress-mallen och förstå vilka filer (och vilken specifik del av dem) som pluginkoden ska läggas till.

Som regel är användningen av sidnavigering relevant på huvudsidan (detta är filen INDEX.PHP i mappen med temat som används), såväl som i ytterligare två fall - på arkivsidan (ARHIVE.PHP) och sökresultatsidan för hela bloggen (SEARCH.PHP ). Därför är det i dessa tre filer som vi kommer att behöva infoga servicekoden för PageNavi-plugin, vilket gör att vi kan visa en bekväm navigeringspanel på rätt plats på vår WordPress-blogg. För att infoga tjänstkoden för PageNavi-plugin i de nödvändiga mallfilerna måste du ansluta till bloggen via FTP-protokollet och gå till mappen med det tema som används för närvarande.

Låt oss först hitta en fil som heter INDEX.PHP i temamappen och börja redigera den i den mest bekväma och välbekanta editorn (personligen använder jag det avancerade anteckningsblocket Notepad++ för dessa ändamål).

I filen som öppnas måste du hitta kodavsnittet som är tydligt ansvarig för att navigera på de många sidorna på din blogg. Det måste sägas att detta i vissa fall blir en ganska svår uppgift. INDEX.PHP-filen i sig är dock liten och noggrann studie av den tar inte mycket tid. Din uppgift är att hitta kommentarer som är relaterade till exempelvis navigering och. I sådana kommentarer inkluderar temaskapare vanligtvis tjänsteområdets kod som är ansvarig för sidnavigering på en WordPress-blogg.

Sidnavigeringskoden i ditt temas INDEX.PHP-fil kan se ut som vad som helst, men nu måste du identifiera den korrekt och sedan ersätta den med anropslinjen för plugin-programmet wp_pagenavi som vi överväger. Den här raden ser ut så här: . Vi sparar de ändringar som gjorts i filen, går till bloggens huvudsida och ser till att allt fungerar precis som vi behövde.

I princip behöver inte standardnavigeringskoden som finns i INDEX.PHP-filen raderas, så att senare när du tar bort vårt plugin kommer sidnavigeringen på din blogg att fungera adekvat. För att göra detta, istället för standardkoden för sidnavigering, måste du skriva ett villkor som bestämmer när standard WordPress-navigering ska visas och när sidnavigeringsfältet som skapas med WP-PageNavi-plugin ska visas .

Förresten, lämpligheten av navigering ligger också i att kunna komma åt, till exempel från huvudsidan, till vilken som helst annan. Det är lätt att förstå att standardknapparna "framåt" och "bakåt" inte är lämpliga för detta ändamål, särskilt för flersidiga bloggar.

När du är klar med filen INDEX.PHP måste du göra samma sak för de återstående filerna (SEARCH.PHP och ARCHIVE.PHP) från samma temamapp för din blogg. Efter att ha slutfört dessa operationer kan vi anta att vi helt och hållet har listat ut hur man ställer in visningen av panelen som ger sidnavigering på vår WordPress-blogg. Detta är dock inte allt, eftersom vi nu är på väg att bekanta oss med plugininställningarna som gör att vi kan ändra strukturen på sidnavigeringspanelen.

Detaljerad inställning av WP-PageNavi

För att börja konfigurera plugin-programmet måste du välja "PageNavi" eller, i den ryska versionen, "Lista över sidor" i den vänstra menyn på WordPress-administratörspanelen från området "Inställningar". Den här åtgärden öppnar ett fönster som innehåller en lista över WP-PageNavi-plugininställningar i området med mallar för sidlistor.

Det första fältet, kallat "total sidlista mall", innehåller en specificerad visning av den aktuella sidan och det totala antalet sidor. Om det här alternativet väljs kommer sidnavigeringspanelen i WordPress-bloggen att bli en sekventiell lista med sidor med det aktuella sidnumret markerat; Du kan också lägga till ett ord i det här fältet, till exempel "Sida" - detta kommer inte att påverka själva funktionaliteten alls. Om det finns en sådan önskan kan detta fält rensas helt.

Följande fält är namngivna "Aktuellt sidelement", vidare - "Sidelement". Vi berör inte innehållet i dessa fält, eftersom det är här visningen av sidor (både den aktuella och alla andra) ställs in i form av ett serienummer. När det gäller WP-PageNavi-panelen kommer allt här att se ganska standard och naturligt ut. Ett liknande sidnavigeringssystem finns nu på många bloggar.

Textfälten för första och sista sidan är avsedda att specificera texten som visas på knapparna för att flytta till första och sista sidan. Den klassiska lösningen är att skriva en istället för text för förstasidesfältet och fylla "Text för den sista sidan" med raden %TOTAL_PAGES% - tack vare detta kommer det totala antalet sidor i din blogg att visas under den sista linje.

Följande fält är utformade för att visa knappar för att gå till föregående och nästa bloggsida. De har namn "Text till föregående inlägg" respektive "Text till nästa inlägg". Som regel skrivs de vanliga pilarna i motsvarande riktning här.

Jag personligen föredrar att rensa de återstående två fälten, för annars kommer de att visa oss ett par vita knappar utan text. Men i din blogg kan du hitta en plats för dessa fält med motsvarande knappar.

Nu är det dags att gå vidare till ytterligare inställningar för WP-PageNavi-pluginet och gå vidare till sidlistans inställningar. Det första vi möter i fönstret "sidlista inställningar"- det här är "Använd pagenavi-css.css", som låter dig inaktivera eller ansluta filen med överlappande stilmallar som följer med pluginet som diskuteras idag genom att markera rutan.

Nästa fält, kallas "Sidlista stil", uppmanar oss att öppna en rullgardinslista med CSS-stilar, som i huvudsak uppmanar oss att välja en stil av två som erbjuds. Den vanliga stilen är sidnavigeringsknapparna som vi redan har nämnt, medan stilen som kallas "Rullgardinslista" visar navigeringen i form av en lakonisk rullgardinslista med sidnummer.

Nästa inställningsfält uppmanar oss att markera eller avmarkera objektet "Visa alltid sidnavigering". Om du markerar rutan här kommer navigeringen att visas även för de sidor som ännu inte har tillräckligt många inlägg att dela upp - till exempel på huvudsidan.

Fältet "Antal sidor att visa" är avsett för dig att ange hur många sidor som kommer att visas som en serie med siffror, medan navigering till andra sidor på din blogg kommer att utföras med knapparna "nästa" och "föregående" (samma som vi markerade med pilar), samt knappar för att gå till första sidan och till sista.

Fält anropat "Antal större sidnummer att visa" anger hur många avlägsna siffror som är större än de visade numeriska värdesiffrorna som kommer att ses av en bloggbesökare efter att ha klickat på knappen för att gå till nästa sida i ordning.

Slutligen ringde ett fält "Visa större sidnummer i multipler av" ger möjlighet att ställa in steget med vilket antalet avlägsna sidor i din blogg ska visas. Till exempel, i det första av dessa beskrivna fält kommer vi att sätta en trea, och för den andra - en tvåa. Detta kommer att leda till det faktum att i WP-PageNavi-panelen, med den aktuella sidan numrerad 1 och antalet visade sidor specificerat med siffran 5, efter de sekventiellt visade sidorna från den första till den femte, sidorna numrerade 6, 8, 10 kommer att synas - det vill säga tre sidor i din blogg med ett steg (intervall) lika med två. Du behöver dock inte använda den här funktionen, skriv bara 0 i fältet för antalet visade fjärrnummer.

När du har gjort alla nödvändiga ändringar av visningsinställningarna för navigeringsfältet måste du spara dem. För att göra detta, klicka på motsvarande knapp längst ned på inställningspanelen.

Arbeta med utseendet på sidnavigeringsfältet

Naturligtvis kanske du vill ändra standardfärgschemat för navigeringsfältet eller dess teckensnitt och andra externa attribut till de som är mer lämpliga för din bloggs designstil. För att göra detta måste du skriva de nödvändiga CSS-egenskaperna i den överlappande stilmallsfilen.

Du kan dock lägga till ytterligare egenskaper direkt till CSS-filen för ditt nuvarande WordPress-tema ( wp-content/themes/current theme/style.css), och inte till motsvarande plugin-fil, som finns på: .

Ett annat sätt att ändra utseendet på vår sidnavigeringsfält placerad på bloggsidor när du använder plugin-programmet WP-PageNavi är att ändra stilfilen för själva plugin-programmet. Denna fil finns i mappen /wp-content/plugins/wp-pagenavi/pagenavi-css.css.

(3)

WordPress är en väldigt mångsidig bloggplattform, och med hjälp av plugins kan den göras ännu mer användarvänlig.

Detta gäller även sidnavigering (paginering) av sidor, som initialt saknas i WordPress. Men detta kan enkelt fixas genom att välja en av de 10 bästa plugins för din webbplats.

1.WP-PageNavi

En av de mest populära och ofta använda plugins. Använder den inbyggda funktionen wp_pagenavi() vanliga länkar ← Tillbaka | Nästa → kommer att ändras till attraktiv paginering.

2. WP Smart paginering

Ett annat användbart plugin som har en mycket bekväm funktion. Du kan gå till önskad sida genom att ange dess nummer i det extra fönstret.

3. Enkel paginering

En av de bästa och enklaste plugins du kan använda för att lägga till extra paginering för inlägg och kommentarer, vilket gör navigeringen på din WordPress-webbplats mycket enklare.

4. Alfabetisk paginering

Med detta plugin kan du filtrera inlägg och sidor alfabetiskt. Det är inte bara lätt att installera, utan också att använda.

5. jPages paginering för WordPress

Detta är en av de bästa plugins för att skapa paginering för gallerisidor, kommentarer etc. Med dess hjälp förvandlas gallerier till ett galleri med paginering.

6.Paginera

Detta plugin låter dig skapa sidpaginering enligt dina krav. Du kan öka numreringen på en sida, välj antalet enheter som ska visas. Som standard kan det vara 10.

7. Nästa inlägg Fly Box för WordPress

En av de bästa plugins som skapar navigering mellan nästa och föregående inlägg i form av en popup-ruta till vänster eller höger i fönstret. När användaren rullar på sidan visas en popup-ruta där du kan välja nästa eller föregående post.

8. JQuery Paginator Plugin

Insticksprogrammet låter dig välja mellan 3 typer av paginering om du ställer in önskad parameter. Detta är en av de mest attraktiva pagineringsplugins.

9. Smart paginering

Ett utmärkt plugin som erbjuder 11 olika pagineringsalternativ.

Bonus. CSS-stilar för WP-PageNavi-plugin

En utmärkt samling av CSS-stilar för populära WordPress-plugins - WP-PageNavi och WP-Paginate. Innehåller HTML-sidor med stildemonstrationer, och varje stil innehåller en separat CSS-fil.

Sidnavigeringär något som varje bloggare bör ägna särskild uppmärksamhet åt. Det består av att visa WordPress-inlägg sida för sida. Vanligtvis visas inlägg i hierarkisk ordning, och medan du har urvalsalternativ som gamla inlägg och nya inlägg, har du inte möjlighet att visa inlägg sida för sida med numrerade sidor.

Med hjälp av sidnavigering kan användaren gå direkt till sida 6 eller 8 utan att behöva navigera från sida till sida. Denna navigering är också användbar för SEO-sökmotorer föredrar den här navigeringen. Med hjälp av de gratis WordPress-plugins som tillhandahålls i den här artikeln kan du installera pagineringsnavigering på din webbplats.

1 – WP Page Navi

WP Page Naviär ett populärt plugin som gör att dina webbplatsbesökare enkelt kan flytta från sida till sida. Det kommer att ersätta alternativet Gamla inlägg/Nya inlägg med en sidnumrerad navigering. Insticksprogrammet kräver inte stora resurser och påverkar inte sidladdningshastigheten.

Denna plugin är kompatibel med de flesta befintliga teman.

• Kräver få resurser.
• SEO-vänlig.
• Mycket populär.

2 – WP-sidate

Detta plugin är ett bra sätt att lägga till pagineringsnavigering till din WordPress-webbplats, med det kan du lägga till numrerad paginering som visar startsidan, mittsidan och slutsidesnumren.

Med den kan du till och med lägga till navigering genom kommentarer till inlägg, detta kommer att göra sidans laddning lättare.

Nyckelpunkter och funktioner:

• Använder enkel sidnavigering.
• SEO-vänlig.
• Användarvänlig.

3 – Enkel paginering
Enkel pagineringär ett plugin som gör att du kan navigera genom både dina inlägg och kommentarer. Som namnet antyder är detta plugin väldigt lätt att använda. Du kan till och med utforma din navigering så att den matchar din bloggs tema genom att använda stilmallar.

Det finns 6 stilmallar som passar din webbplats och stöd för dubbla språk.

Nyckelpunkter och funktioner:

• Använder enkel sidnavigering.
• Använder kommentarsnavigering.
• Det finns stilmallar för olika displaytyper.
• Det finns 6 typer av stilar.

4 – Sidlänkar Plus

Sidlänkar Plus– ett plugin som utför funktionen att lägga till navigering till ett inlägg. Det finns tillfällen då din inspelning blir så stor att du behöver dela upp den i delar. I sådana fall kommer insticksprogrammet Page Links Plus att hjälpa dig, vilket kommer att dela upp ditt inlägg i sidor, visa kopplingen mellan dem, så att du kan se hela inlägget.

Plugin-programmet kommer med en mängd olika inställningar för att hjälpa dig att få de resultat du vill ha för ditt inlägg.

Nyckelpunkter och funktioner:

• Låter dig numrera inlägg och sidor.
• Det finns ett alternativ att se hela inspelningen.
• Det finns många inställningar.
• Det finns en Pro-version tillgänglig.

5 – Alfabetisk paginering

Alfabetisk paginering numrerar din webbplats inlägg och sidor i alfabetisk ordning. Om du säljer produkter på din WordPress-webbplats kommer detta plugin att göra underverk, det kommer att numrera alla dina produkter i alfabetisk ordning.

Den kan användas var som helst på din webbplats med en kortkod.

Nyckelpunkter och funktioner:

• Det finns alfabetisk navigering.
• Handelsstöd är tillgängligt.
• Kan placeras var som helst med en kortkod.
• Kan visa en lista över användare i alfabetisk ordning.

6 – Galleri paginering för WordPress

Galleri paginering plugin för WordPress hjälper dig att navigera genom bildgallerierna på din WordPress-webbplats. Den kommer att visa alla bilder i galleriet vilket hjälper användaren att gå direkt till vilken bild som helst utan att behöva bläddra igenom bilderna en efter en.

CDN-stöd hjälper dig att göra dina bildgallerier SEO-vänliga. Det finns också cachning för att öka sidladdningshastigheten, samt Ajax för att göra ändringar utan att behöva ladda om sidan.

Nyckelpunkter och funktioner:

• Det finns navigering genom bildgallerier.
• CDN-stöd är tillgängligt.
• SEO-vänlig.
• Caching är tillgängligt.

7 – Avancerad postpaginering
Plugin för avancerad inläggspaginering kommer att navigera genom dina poster. Om ditt inlägg är för stort kan du använda detta plugin för att dela upp det på flera sidor. För att inte bli förvirrad av de vanliga digitala knapparna kan du med hjälp av detta plugin placera text och bilder på knapparna. Du kan använda kortkoden för att paginera ditt inlägg som du vill.

Ajax hjälper dig att navigera till ett avsnitt utan att behöva ladda om hela sidan.

Nyckelpunkter och funktioner:

• Dela en enda skiva.
• Använda text och bilder på knappar.
• Använder kortkoder.
• Använder Ajax.

8 – WP Smart paginering
WP Smart pagineringär ett bekvämt sätt att visa inlägg separerade av sidor, tillsammans med ett fält där du kan ange sidnumret, så att du omedelbart kan komma till den sida du behöver. Detta är mycket användbart om du har många inlägg på din webbplats, vilket gör det svårt för användare att navigera till en sida som är väldigt långt borta. Om du har 4000 sidor med inlägg och användaren vill se sidan 2555, kan detta plugin ge dig en ovärderlig tjänst.

Nyckelpunkter och funktioner:

• Använder enkel sidnavigering.
• Det finns ett fält för direkt navigering till önskad sida.
• Matchande teman.
• Det finns en modifiering av stilar.

9 – jPages paginering för WordPress
Det här är ett jQuery-plugin som är inspirerat av jPages som gör det enkelt att paginera dina bildgallerier och kommentarer. Detta är ett fullt responsivt plugin som ger innehållsnavigering för alla typer av enheter med olika skärmstorlekar. jPages Pagination For WordPress är ett litet plugin som låter dig enkelt integrera navigering med jQuery.

Alla större webbläsare stöder detta plugin, så dina webbplatsbesökare kommer inte att ha några problem att se innehåll när de använder detta plugin för navigering.

Nyckelpunkter och funktioner:

• jQuery används.
• Responsiv plugin.
• Stöds av stora webbläsare.
• Enkel integration.

Slutsats
Den här artikeln ger en lista över de bästa gratis WordPress-pagineringsplugins som kan hjälpa dig att paginera din webbplats på bästa möjliga sätt. Alla plugins har olika funktioner, så välj det som passar din webbplats bäst.

4 761

I den här artikeln kommer jag att visa dig hur du skapar en WordPress-navigeringsmeny. Med hjälp av ett enkelt dra & släpp-verktyg skapar du en vacker rullgardinsmeny på din webbplats.

WordPress navigeringsmeny

Varför behöver du en meny? Det låter dig presentera strukturen på din webbplats för användarna - hjälper dem att bläddra i avsnitt och snabbt hitta den information de behöver.

Menyn kan finnas längst upp/nederst och till höger/vänster på sajtsidan.

Nästan alla WordPress-teman innehåller minst en typ av menylayout.

Skapa en WordPress-meny

Du kan lägga till en meny från WordPress adminpanel - Utseende - Menyer.

Ett nytt "Skapa meny"-fönster kommer att visas på skärmen, bestående av två områden. Det vänstra området innehåller dina sidor, anpassade länkar och kategorier. Och till höger finns anpassningsbara menyalternativ.

Låt oss skapa din första meny.

Ange ett namn för din meny, t.ex. "Min första meny" och klicka sedan på knappen "Skapa meny".

Menyinställningar kommer att visas framför dig:

Som du kan se erbjuder Azbuka WordPress-webbplatstema tre menylayoutalternativ: huvud, sekundär, sidfot.

Menynamn och platser beror på det valda temat och kan variera.

Välj sedan de sidor du vill lägga till - kontrollera sidorna i den vänstra rutan och klicka på Lägg till i menyn.

Välj sedan din menyplats och spara.

Du kan prova olika layouter för att se hur det ser färdigt ut.

Placera menyalternativ

Du kommer att märka att varje menyalternativ du lägger till är i den ordning du lagt till det. Till exempel visas sidan Om mig i slutet och sidan Produkter visas i början.

Oroa dig inte, du kan dra och släppa menyalternativ med musen och ordna dem i den ordning du vill.

På så sätt kan du skapa önskat antal menyer för olika delar av webbplatsen.

Skapa en rullgardinsmeny för WordPress-navigering

Rullgardinsmenyn är en navigeringsmeny. Med föräldra- och barnelement.

När användaren för musen över det överordnade menyelementet visas alla andra underordnade element smidigt efter varandra under det överordnade.

Använder rullgardinsmenyndu kan skapa ett korrekt strukturerat navigationssystem.

Låt oss nu lägga till en undermeny för din nya meny.

I struktur, dra elementet precis under dess överordnade element och dra sedan elementet något åt ​​höger. Du kommer att märka att det automatiskt blir ett undermenyobjekt.

På så sätt kan du skapa flera nivåer av undermenyer. Men tyvärr stöder inte alla teman skapandet av sådana flernivåmenyer - de flesta låter dig bara skapa 2 nivåer.

Lägger till kategorier till menyn

Kategorier används för att skapa en rullgardinsmeny på en blogg. Och de läggs till enligt samma princip som sidor. Expandera fliken "Kategorier", välj de du behöver och lägg till dem i menyn.

Du kommer att märka att kategorier visas som menyalternativ. Precis som med sidor kan du dra och släppa kategorier med musen för att ordna dem i den ordning du vill.

I exemplet nedan gjorde jag det så att alla kategorier blev underordnade delar av bloggsidan.

Lägga till anpassade länkar till WordPress-navigeringsmenyn

Redigera ett menyalternativ

När du lägger till sidor eller en kategori använder WordPress automatiskt sidtiteln eller kategorinamnet som länktext.

Det betyder inte att du inte kan ändra det.

Expandera elementet och redigera det efter behov.

Här kan du ändra titel, länktext och lägga till ett titelattribut till länken. Spara menyn så att du inte förlorar alla dina ändringar.

Ta bort från menyn

Expandera även menyalternativet och längst ner ser du den röda texten "Radera".

Navigationsmenyområden

Varje tema erbjuder sina egna typer av navigeringsmenylayout.

I temat för denna webbplats, som jag visade i exemplen, finns det 3 typer av menylayout. Det kan finnas fler eller färre av dem i ditt ämne. Och de kan naturligtvis kallas olika.

Lägga till en navigeringsmeny i sidofältet

Förutom standardområden kan du lägga till en meny i sidofältet och andra områden med widgets.

I administratörspanelen väljer du "Utseende" - "Widgets" och lägg till widgeten "Anpassad meny" i sidofältet.

Du måste sedan namnge widgeten och välja en av dina anpassade menyer från listan. Klicka på spara-knappen.

Gå nu till sajten och kolla hur menyn visas i sidofältet.

När det gäller sociala knappar i menyer erbjuder vissa teman inbyggda knappar för sociala medier.

Om ditt tema inte har dem kan du installera ett plugin som Menu Social Icons för att lägga till knappar själv.

Du kanske är intresserad av:

Om du har frågor, skriv i kommentarerna.

Och följ oss vidare

God dag kära vänner! Idag kommer vi att prata med dig om hur man gör en så vacker och bekväm sak på WordPress som sidnavigering med WP-PageNavi-plugin eller enkel kod. Jag vet inte med dig, men personligen gillar jag inte alls den inbyggda navigeringen i WordPress-motorn.

Vad är det här för navigering? Okej, om bloggen fortfarande var ung och det inte skulle finnas många artiklar om den, men tänk om det redan finns fler än 200-300 av dem? I det här fallet kan sådan navigering lätt skrämma bort många av dina läsare, eftersom ingen vill klicka på knappen "föregående inlägg" förrän de tappar pulsen för att komma till önskat material. Dessutom ser denna inskription så oansenlig ut att den kanske helt enkelt inte syns, vilket i slutändan kommer att leda till en minskning av sidvisningar per besökare och tid som spenderas på webbplatsen, och detta är nu mycket viktigt när du marknadsför en webbplats, vilket inte kan ignoreras . Så om du fortfarande planerar att göra sidnavigering kan du använda vilken metod som helst som presenteras nedan.

Sidnavigering för WordPress med WP-PageNavi-plugin.

Metod 1. Ladda ner WP-PageNavi plugin här och ladda upp den till bloggen, aktivera den, gå till bloggens adminpanel i "inställningar" "lista över sidor". Här behöver vi bara konfigurera en parameter - "antal sidor att visa". Jag angav personligen 10 för att göra min navigering mycket synlig för besökare. Förresten, om plötsligt hela din sidnavigering inte passar in i din temamall, det vill säga om den ser ut ungefär så här:

sedan kan du helt enkelt minska det här antalet eller, ännu bättre, ta bort inskriptionen "sida" från plugininställningarna och ersätta dem med pilar. Ok, efter det, klicka på spara och se hur vi nu har en enkel sida-för-sida-navigering på bloggen. Om detta inte händer, gå till "utseende" "editor", öppna huvudmallfilen (index.php) och leta efter något så här: eller något liknande och ändra det till: , spara inspelningen.

Vi utför samma operation med filerna archive.php och search.php om du vill att denna navigering inte bara ska finnas på huvudsidan, utan även i enskilda sektioner och under sökningar. Bra, jag vill varna dig ifall att detta plugin inte fungerar för alla, så om inget fungerar för dig kan du installera en liknande plugin WP-Page Numbers. Om du installerar det måste du också infoga en speciell kod i samma filer.

Vackra designstilar för sidnavigering av plugin-programmen WP-PageNavi och WP-Page Numbers.

Du har säkert redan märkt att min sidnavigering ser mycket bättre och mer attraktiv ut än din. Detta beror på det faktum att jag har en extra plugin WP-Page Numbers-stil , som fungerar för både WP-PageNavi och WP-Page Numbers. Om du plötsligt är en kodare, som jag, så att säga, inte ett proffs, så att säga, för att förskriva design i plugin-filerna själv, då kan du helt enkelt installera denna plugin för dig själv. Efter installationen kommer en ny PageNavi Style-flik att dyka upp på din adminpanel. I den kan du välja vilken designstil du vill ha på sidan.

Totalt har plugin 20 typer av stilar med alla färger som finns tillgängliga. Dessutom, om du plötsligt inte gillar något från listan kan du på fliken Välj stilark ändra inställningarna från "Befintliga stilar" till "Anpassad" kommer att dyka upp framför dig, där du kan ange inställningarna , färger etc. du behöver. Om så är fallet, här är deras översättning:

Rubrikfärg - rubrikfärg.

Bakgrundsfärg - bakgrundsfärg.

Aktiv/aktuell bakgrundsfärg- färgen på knappen när du för muspekaren över den.

Teckenstorlek - teckenstorlek.

Link Mouse Hover / Active Color- färgen på länken när du håller muspekaren över den.

Länkkantsfärg - färgen på knappens kant med sidnumret.

Länkgräns Mouse Hover/Aktiv färg- kantfärg när du håller muspekaren.

Align Navigation - justering på sidan: mitten, vänster eller höger.

Hur gör man sidnavigering utan WP-PageNavi-plugin?

Om du inte är en av dem som gillar att installera nya för att förbättra funktionaliteten, kan du ta en lösning - installera bara koden som visar den här navigeringen, men innan dess, gör det i alla fall.

Metod 2. Gå till "utseende" "editor" och öppna temafunktionsfilen (functions.php) och alldeles i slutet före taggen?>

funktion wp_corenavi() (

$pages = "";
$max = $wp_query->max_antal_sidor;


$a["totalt"] = $max;
$a["current"] = $current;
$total = 1; //1 — visa texten "Sida N av N", 0 — visas inte
$a["mid_size"] = 3; //hur många länkar som ska visas till vänster och höger om den aktuella
$a["end_size"] = 1; //hur många länkar som ska visas i början och i slutet
$a["prev_text"] = """; //länktext "Föregående sida"
$a["next_text"] = """; //länktext "Nästa sida"
if ($max > 1) eko "

";
}

Koden har förresten en del förklaringar på ryska, så du kan leka lite med siffrorna om du behöver det. Nu, som med WP-PageNavi plugin, gå till filerna: functions.php, index.php och archive.php och hitta raden där och efter det eller några rader till, lägg till koden

Metod 3. Denna metod liknar den andra, men koden är fortfarande något annorlunda. I temafunktionsfilen (functions.php) i slutet före taggen ?>, infoga denna kod och spara posten.

function navigation() (
global $wp_query, $wp_rewrite;
$pages = "";
$max = $wp_query->max_antal_pages;
if (!$current = get_query_var("paged")) $current = 1;
$a["base"] = str_replace (999999999, "%#%", get_pagenum_link (999999999));
$a["totalt"] = $max;
$a["current"] = $current;
$total = 0; //1 — visa texten "Sida N av N", 0 — visas inte
$a["mid_size"] = 2; //hur många länkar som ska visas till vänster och höger om den aktuella
$a["end_size"] = 5; //hur många länkar som ska visas i början och i slutet
$a["prev_text"] = ""Föregående"; //länktext "Föregående sida"
$a["next_text"] = "Nästa"; //länktext "Nästa sida"
if ($max > 1) eko "

";
}

. Gå nu till formatmallsfilen (style.css) och infoga denna stilkod någonstans, där filkoderna börjar med en punkt, och spara posten.

.navigator (marginal:10px 7px;
bakgrund:#fff;
border:1px solid #aaa;
stoppning:15px;
overflow:hidden;
font-size:13px;
färg:#000;)

.navigator a(bakgrund: #fff;
kantlinje: 1px fast #DDDDDD;
färg: #000000;
teckenstorlek: 13px;
stoppning: 10px;
text-dekoration: ingen ;)

bakgrund:#f1f8f9;
kant: 1px fast #C6D2D4;)

.navigator a:hover(bakgrund: #fff;
kant: 1px fast #111;
färg: #0000cc;
teckenstorlek: 13px;
stoppning: 10px;
text-dekoration: ingen ;)

.navigator span.pages (utfyllnad: 3px 5px;
bakgrund:#f1f8f9;
kant: 1px fast #C6D2D4;)

.navigator span.current (bakgrund: #fff;
kant: 1px fast #111;
färg: #0000cc;
teckenstorlek: 15px;
stoppning: 10px;
text-dekoration: ingen ;)

.navigator span.extend (utfyllnad: 3px 5px;
bakgrund:#f1f8f9;
kant: 1px fast #C6D2D4;)

.str(bakgrund: #fff;
kantlinje: 1px fast #DDDDDD;
färg: #000000;
teckenstorlek: 13px;
stoppning: 10px;
text-dekoration: ingen ;)

Metod 4. I temafunktionsfilen (functions.php) i slutet före taggen ?>, infoga denna kod och spara posten.

function my_pagenavi ($pages = "", $range = 2)
{
$showitems = ($intervall * 2)+1;

global $paged;
if (tom($paged)) $paged = 1;

if ($pages == "")
{
global $wp_query;
$pages = $wp_query->max_num_pages;
om (!$sidor)
{
$sidor = 1;
}
}

if (1 != $sidor)
{
eka"

»;
}
}

I filerna: functions.php, index.php och archive.php hittar vi raden där och efter det eller några rader till lägg till koden . Gå nu till formatmallsfilen (style.css) och, som i föregående exempel, infoga den här koden och spara posten.

.paginering(
klara: båda;
teckensnittsstorlek: 12px;
margin-top: 10px;
text-align: center;
}

.pagetion span, .pagetion a (
text-dekoration: ingen;
kantlinje: 1px fast #BFBFBF;
stoppning: 3px 5px;
marginal: 2px;
}

.paginering a:hover(
kantfärg: #000;
}
.paginering .aktuell(
font-weight: fet;
}

Metod 5. Ladda ner den här filen, ta koden från den och klistra in den i (functions.php) i slutet före ?>-taggen och spara posten. Om något ber jag om ursäkt på förhand för besväret, eftersom koden var för stor för att publiceras. Nu i filerna: functions.php, index.php och archive.php hittar vi raden där och efter det eller några rader till lägg till koden

Om något så har alla koder testats för funktionalitet, så ett av exemplen borde fungera för dig i alla fall. Det var allt, lycka till.