WP-PageNavi - WordPress-blogin sivunavigointi - asennus, konfigurointi ja sivutuksen ulkoasun muuttaminen. Sivutusasetusten määrittäminen WordPressissä

24.09.2013 Romchik

Ensimmäinen asia, joka meidän on tehtävä, on ladata laajennus. Kesti kauan valita laajennuksen monien sivujen mahdollistavien laajennusten joukosta. Mutta toinen kuormittaa järjestelmää voimakkaasti, toinen on jotenkin riittämätön. Ja valintani oli WordPress-laajennus WP-Paginate, jonka voit ladata virallisesta arkistosta. Plugin on helppo asentaa. Ja on Perus asetukset joita tarkastelemme alla. Siirrytään sivun asettamiseen.

Toinen asia, joka meidän on tehtävä, on määrittää itse CMS:ssä, kuinka monta viestiä haluamme näyttää sivulla. Voit tehdä tämän siirtymällä hallintapaneelissa kohtaan "Asetukset" -> "Lukeminen" ja ilmoittamalla "Näytä enintään blogisivuilla" -kenttään tarvittava numero. Eli omani maksaa 5, ts. Yhdellä sivulla näytetään enintään viisi viestiä. Ja napsauta "Tallenna muutokset".

Hienoa, siirrytään nyt kolmanteen vaiheeseen. Siirry hallintapaneelissa kohtaan "Plugins" -> "Installed" ja etsi WP-Paginate-laajennus. Aktivoidaan se. Voit tehdä tämän napsauttamalla liitännäisen nimen alla olevaa linkkiä "Aktivoi"

Neljäs – laajennuksen määrittäminen. Voit tehdä tämän napsauttamalla heti "Asetukset"

Tai valitse hallintapaneelista "Asetukset" -> "WP-Paginate"

On sinun päätettävissäsi, minkä menetelmän valitset. Siirrymme sivutuslaajennuksen asetusikkunaan.

• Sivutustunniste – määritä teksti, joka sijaitsee ennen sivuluetteloa.
• Edellinen sivu – määritä edelliselle sivulle johtavan linkin teksti
• Seuraava sivu – määritä seuraavalle sivulle johtavan linkin teksti
• Ennen merkintää ja merkinnän jälkeen – määritä html-koodi, joka sijaitsee ennen ja jälkeen sivuluettelon.
• Merkintänäyttö – jos valitsemme ruudun, yllä ilmoittamamme html-koodi näytetään, vaikka sivuluettelo olisi tyhjä
• Sivualue – nykyisen sivun jälkeen näytettävien sivujen määrä
• Sivuankkurit – linkkien määrä, jotka on näytettävä linkin alussa ja lopussa.
• Sivuväli – sivujen vähimmäismäärä ennen...

Kun olet muuttanut kaikki asetukset, napsauta "Tallenna muutokset"

Laajennuksemme on kaikki määritetty. Nyt sivutuslaajennus on näytettävä sivulla.

Viides askel. Siirrytään malliimme. Avaa tiedosto, jossa luetellaan viestit. Minun tapauksessani se on index.php, sinulla voi olla loop.php tai jokin muu. Ja paikkaan, jossa haluamme näyttää sivunumeron, liitä seuraava koodi:

Nuo. Tarkistamme ensin wp_paginate-funktion olemassaolon ja jos se on olemassa, kutsumme sitä.

Kaikilla verkkosivuillamme on nyt sivutus.

Ja viimeinen kuudes vaihe on tuoda sivutus suunnitteluumme. Tätä varten "pelaamme" CSS:llä.

Sivuluettelomme kehystetään html-koodilla, jonka määritimme Ennen merkintää- ja Jälkeen merkintää -kentissä. Meidän tapauksessamme tämä on div navigointiluokan kanssa. Seuraavaksi tulee spsiok

wp-paginate-luokan kanssa. Seuraavaksi he menevät
1. :
   • Otsikkoluokassa tämä teksti on ennen sivuluetteloa
   • Edellisellä luokalla tämä on linkki edelliselle sivulle
   • C luokan sivu- linkki sivulle
   • Luokkasivulla ja nykyisellä - tämä on nykyinen sivu
   • Seuraavalla kurssilla – linkki seuraavalle sivulle

   Siinä kaikki. Vaihtaa CSS-ominaisuudet Näillä luokilla tuomme sivutustyypin suunnittelussa välttämättömään.

   Näin ollen vain kuudessa vaiheessa määritämme sivuttamisen verkkosivustollemme alla CMS-hallinta WordPress.

   Hei kaikki!

   Jatkan artikkeleiden kirjoittamista sivuston navigoinnista WordPress-moottori.

   Ja sisään tätä materiaalia Näytän sinulle kuinka sivunavigointi tehdään ilman lisäosia ja käyttämällä tuttua WP-PageNavia. Kuten , näytän toteutuksen useilla tavoilla, jotta voit valita sinulle parhaiten sopivan. Ja on tapauksia, joissa jokin menetelmä ei toimi jollekin. Siksi siellä on jonkinlainen turvaverkko.

   Materiaali oli erittäin laajaa ja ehkä verkoston kattavin.

   Sivulla navigointi(sivutus) on tiedon jakamista sivuille. Jos käytät paljon Wordpres-sivustoja, tämä ilmiö ilmaistaan ​​selvästi videossa kunkin sivun alareunassa olevasta sivunumeroluettelosta ilmoituksilla. Blogissani tämä toiminto näyttää tältä:

   Suunnittelu voi vaihdella. Mutta sen olemus on sama - tietojen jakaminen sivuille. Kuten tiedät, oletusarvoisesti ilmoitukset viesteistä näytetään sivuston pääsivulla, ja niitä voi olla tietty määrä (riippuen "Kirjoitus" -kohdan asetuksista).

   Jos emme erittele heidän numeroaan, ne näkyvät yhdellä sivulla. Ja tämä ei ole hyvä, koska sivuston käyttö on hankalaa ja pääsivun latautuminen kestää kauan, koska ajan myötä ilmoituksia tulee valtavasti.

   Yleensä nykyaikaisissa Wodpress-malleissa sivunavigointi on jo sisäänrakennettu. Mutta on olemassa vaihtoehto, kun sitä ei ole olemassa. Sitten sinun on pantava se täytäntöön. Sen sijaan ilmoitukset voivat jakautua sivuille linkkien muodossa edellisiin ja seuraavat merkinnät. Tämä ilmaistaan ​​selvästi vakiomalleissa.

   Tämä vaihtoehto on myös hankala, koska jos palaamme 3 sivua taaksepäin, emme voi palata alkuperäiselle sivulle kerralla. Sinun on napsautettava 3 kertaa edellisiä tai seuraavia merkintöjä. Sivunavigoinnin avulla voit hallita tätä hetkeä joustavammin.

   Yleisesti ottaen siirrytään sen toteutukseen ja ensimmäinen askel on integroida se malliin ilman laajennusta. Tämä menetelmä Selitin sen video-opetusohjelmassa. Suosittelen katsomaan sen ensin ja sitten tutustumaan ohjeiden tekstiversioon.

   Teemme sen ilman lisäosaa

   Nyt näytän sinulle tavan, jonka jälkeen sinulla on täsmälleen sama sivu WordPress-navigointi, kuten minun. Kaikki tehdään hyvin yksinkertaisesti. Tarvitset 2 osaa koodia, jotka on sijoitettava mallitiedostoihin, ja sitten sinun on lisättävä tyylejä suunnittelun määrittämiseksi. Aloitetaan!

   Tässä on koodin ensimmäinen osa. Se on sijoitettava suunnittelumallin functions.php-tiedostoon.

   funktio wp_corenavi() ( globaali $wp_query, $wp_rewrite; $pages = ""; $max = $wp_query->max_suum_pages; if (!$current = get_query_var("paged")) $current = 1; $a["base "] = str_replace(999999999, "%#%", get_pagenum_link(999999999)); $a["yhteensä"] = $max; $a["nykyinen"] = $nykyinen; $yhteensä = 0; //1 - näytä teksti "Page N of N", 0 - älä näytä $a["mid_size"] = 1 //kuinka monta linkkiä näytetään vasemmalla ja oikealla $a["end_size"] = 1; // kuinka monta linkkiä näytetään alussa ja lopussa $a["prev_text"] = "" //link text "; Edellinen sivu" $a["next_text"] = ""; //linkin teksti " Seuraava sivu"jos ($max > 1) kaiku"

   "; }

   funktio wp_corenavi() ( globaali $wp_query , $wp_rewrite ; $sivut = "" ; $max = $wp_query -> maksimi_sivujen_määrä ; if (! $nykyinen = get_query_var ( "sivuttu" ) ) $nykyinen = 1 ; $a [ "base" ] = str_replace ( 999999999 , "%#%" , get_pagenum_link ( 999999999 ) ) ; $a [ "yhteensä" ] = $max ; $a [ "nykyinen" ] = $nykyinen ; $yhteensä = 0 ; //1 - näyttää tekstin "Page N of N", 0 - älä näytä $a [ "mid_size" ] = 1 ; //kuinka monta linkkiä näytetään nykyisen linkin vasemmalla ja oikealla puolella $a [ "end_size"] = 1 ; //kuinka monta linkkiä näytetään alussa ja lopussa $a [ "prev_text" ] = "" ; //linkin teksti "Edellinen sivu" $a [ "seuraava_teksti" ] = "" ; //linkin teksti "Seuraava sivu" jos ($max > 1 ) kaiku " " ;

   Laitoin koodin aivan tiedoston alkuun avaavan tagin jälkeen

   
   

   Tässä koodissa voimme säätää joitain parametreja:

   • Rivi 10 - jos muutat arvon 0 1:ksi, sivunumeroiden vieressä näkyy merkintä, kuten "Sivu 3 / 45". Voit tehdä tämän vaihtoehdon, mutta mielestäni se on tässä tapauksessa sitä ei tarvita, koska sivunumerot osoittavat jo kuinka monta sivua sivustolla on. Ja aktiivinen sivu on korostettu eri värillä;
   • Rivit 11 ja 12 - aktiivisen sivunumeron vasemmalla ja oikealla puolella tulee näyttää tietty määrä edellisiä tai seuraavia numeroita. Tässä näytämme heidän numeronsa. Tämä koodi sisältää arvon 1. Voit laittaa 2 tai 3. Tässä sinun täytyy kokeilla hieman, koska mitä suurempi numeroiden määrä, sitä laajempi navigointi on. Kaikki riippuu mallin leveydestä.

   wp_corenavi();

   Koska sivunavigoinnin pitäisi näkyä kaikkialla, missä ilmoitusluettelo näkyy, se on välttämätöntä tämä koodi paikka kaikissa tiedostoissa, joissa näin tapahtuu:

   • Kotisivu - index.php;
   • Luokka- ja arkistosivut - kategoria.php ja arkisto.php;
   • Hakusivu - search.php.

   Muuten, joissakin malleissa luokkien ja arkistojen sivujen tulostus voidaan suorittaa yhdessä tiedostossa. Oma arkisto.php-tiedostoni on vastuussa tästä.

   Jos mallissasi ei ole navigointia ilmoitusten jakamiseksi sivuille, asetamme toisen koodin sisällön näyttämisen jälkeen. Jos sinulla on edellinen ja seuraava linkki, mikä on todennäköisempää, tämä vaihtoehto on helpompi toteuttaa, koska sinun on vain korvattava ne yllä annetulla koodilla.

   Yleensä vakionavigointi edellisen ja seuraavan muodossa. linkit näytetään samankaltaisella koodilla.

   ← Vanhemmat viestit", "kaksikymmentä")); ?>
   →", "kaksikymmentä")); ?>

   < div class = "nav-previous" > ← Vanhemmat viestit", "kaksikymmentä" ) ); ?>< / div > < div class = "nav-next" > "Uusia viestejä →" , "kaksikymmentä" ) ); ?>< / div >

   Tämä koodi voi olla erilainen kaikille, mutta sen pääsisältö on sama. Sinun on löydettävä koodi, joka sisältää koodin next_posts_link ja previous_posts_link.

   Kun löydät sen, voit vapaasti poistaa tämän sisällön tiedostosta ja kopioida sen tilalle vaadittu koodi, joka näyttää sivujen navigoinnin.

   
   

   Siksi sinun on korvattava vakionavigointi sivukohtaisella navigoinnilla kaikissa tiedostoissa, joissa ilmoituksia näytetään. Annoin tiedostojen nimet yllä.

   Muuten, jos sinulla on ongelmia tämän prosessin kanssa, voit ottaa minuun yhteyttä saadaksesi apua kommenteissa. yritän auttaa.

   /* NAVIGOINTI */.navigointi ( float: vasen; leveys: automaattinen; marginaali vasen: 216px; margin-top: -2px; font-size: 16px; ) .navigation > a ( float: vasen; leveys: 32px; font -paino: 700 tekstin koristelu: 7px: .navigation; korkeus: 34px; tausta: url ("images/bow_left.png") no-repeat - margin-left: 0; images/bow_right.png") no-repeat; margin-left: 14px; .navigation > .dots ( kelluva: vasen; fontin koko: 14px; fontin paino: 700; leveys: 32px; tekstin tasaus: keskellä; väri : #c4c8cc - täyttö: 7px)

   /* NAVIGOINTI */ Navigointi ( kellua: vasen; leveys: auto; marginaali vasen : 216px ; marginaali yläosa : -2px ; fonttikoko: 16px; Navigointi > a ( kellua: vasen; leveys: 32px; fontin paino: 700; tekstin tasaus: keskellä; väri : #637b93 ; tekstikoristelu: ei mitään; marginaali vasen : 1px ; täyte-top: 7px; Navigointi > .current ( kellua: vasen; fontin paino: 700; leveys: 29px; tekstin tasaus: keskellä; väri: #c4c8cc ; marginaali vasen : 5px ; täyte-top: 7px; Navigointi > .prev ( kellua: vasen; leveys: 32px; korkeus: 34px; tausta : url ( "images/bow_left.png" ) no-repeat ; marginaali vasen : 0 ; Navigointi > .seuraava ( kellua: vasen; leveys: 34px; korkeus: 34px; tausta : url ( "images/bow_right.png" ) no-repeat ; marginaali vasen : 14px ; Navigointi > .dots ( kellua: vasen; fonttikoko: 14px; fontin paino: 700; leveys: 32px; tekstin tasaus: keskellä; väri: #c4c8cc ; täyte-top: 7px;

   Sinun on myös ladattava kuvia eteenpäin ja taaksepäin liikkuvista nuolista isännöintiisi suunnittelumallin kuvakansioon. . Lataamiseen voit käyttää standardia Tiedostonhallinta isännöintipalveluntarjoaja. Minä olen.

   Kun olemme sijoittaneet koodit functions.php-tiedostoihin, kaikkiin ilmoituksia sisältäviä sivuja näyttäviin tiedostoihin, joissa on kirjoitustyyli, voimme tarkistaa navigoinnin toimivuuden. Kaikki toimii minulle ja vakiomalli se näyttää tältä:

   

   Olemme keskustelleet menetelmästä ilman lisäosaa. Olen 100% varma, että jos teit kaiken yllä kuvatulla tavalla, kaiken pitäisi toimia sinulle loistavasti. Oli myös toinen vaihtoehto ilman lisäosaa, mutta sitä katsellessani tajusin, että se oli pohjimmiltaan sama vaihtoehto, vain hieman muokattuna. Siksi siirryn tapaan toteuttaa sivulla navigointi laajennuksen avulla.

   WP-PageNavi-laajennus

   Aloita lataamalla laajennus osoitteesta virallinen sivu ja asenna se sivustolle.

   

   Kun olet asentanut laajennuksen, sinun on myös asetettava koodi, joka näyttää navigoinnin sivun alareunassa.

   Nyt laajennus suorittaa tehtävänsä ja sivunumerot ovat seuraavanlaisia.

   Toisaalta muotoilu ei ole niin kuuma, mutta toisaalta se ei ole ollenkaan huono, koska se ei särkeä silmiä. Käyttäjät rakastavat yksinkertaisuutta! Siksi voit jättää kaiken sellaisenaan. Jos haluat jotain värikkäämpää, katsomme nyt joitain vaihtoehtoja. Sillä välin keskustelemme sellaisesta asiasta kuin wp pagenavin määrittäminen. Asetuksia on ja niistä kannattaa puhua.

   Mitä tulee ensimmäiseen asetuskohtaan "Sivuluettelomallit", sinun ei tarvitse muuttaa siinä mitään. Olemme tyytyväisiä. Siirrymme "Sivuluetteloasetukset" -kohtaan.

   

   Huomaan, että sinun on kokeiltava kaikkia tämän kappaleen parametreja löytääksesi optimaalinen arvo itselleni. Selitän vain lyhyesti, mitä kukin parametri tekee.

   • Käytä tyyliä - jos asetamme arvoksi "Ei", laajennustyylit poistetaan ja sivunumeroita ei muotoilla.

   

   • Sivuluettelotyyli - paitsi tavallinen lista Voimme valita sivunumerot avattavasta luettelosta;

   

   • Näytä aina lista sivun asetus emme kytke sitä päälle. Haluat listan näkyvän vain siellä, missä sitä tarvitaan;
   • Näytettävien sivujen määrä - vastaa luettelon alussa näytettävien sivunumeroiden määrästä. Oletuksena arvo on 5 ja yllä olevista kuvakaappauksista näet, että tarkalleen 5 sivua näytetään;
   • Näytettävien sivujen valikoima - jos sivustollasi on paljon sivuja, tämä toiminto on erittäin hyödyllinen. Se tulostaa sivunumerot pääluettelon jälkeen arvoilla 10, 20, 30, 40 ja niin edelleen. Näiden arvojen välinen aika määräytyy seuraavalla parametrilla;
   • Sivualueiden kerroin - jos asetat arvoksi 5, sivualue näyttää tältä - 10, 15, 20, 25 jne. Jos 10, niin 10, 20, 30, 40 ja niin edelleen. Arvo 10 on aivan riittävä.

   Nämä ovat kaikki asetukset, jotka sinun on säädettävä tarpeidesi mukaan. Täällä jokainen säätelee itse.

   Yksinkertaisin vaihtoehto on asentaa lisälaajennus, jolla on valmiit tyylit ja joka mahdollistaa jokaisen parametrin konfiguroinnin erikseen. Sitä kutsutaan pluginiksi.

   Sen jälkeen kun se on asennettu WordPressin hallintapaneelit tulee näkyviin uusi kohde.

   

   Vaihdettuamme siihen, voimme heti valita olemassa olevat suunnitteluaihiot.

   
   

   Jos haluamme mukauttaa tyylejä yksitellen, valitse "Valitse tyylitaulukko" -asetusten ensimmäisessä kohdassa vaihtoehto "Mukautettu" ja määritä kaikkien elementtien parametrit (reunukset ja niiden värit, fontin värit ja koot, linkkien väri, kun pitämällä hiiren osoitinta ja niin edelleen).

   
   

   Käännän kaikki parametrit sinulle.

   • Otsikon väri - tekstin väri "Sivu 3 / 45";
   • Taustaväri - taustaväri;
   • Aktiivinen/Nykyinen Taustaväri- aktiivisen sivunumeron taustaväri;
   • Fonttikoko - kirjasinkoko;
   • Linkin väri - linkin väri;
   • Link Mouse Hover/ Active Hover - linkin väri, kun viet hiiren osoittimen numeron päälle ja kun numero on aktiivinen;
   • Linkki Reunuksen väri- reunuksen väri;
   • Linkki Border Mouse Hover/Active Color - reunuksen väri, kun hiiren osoitinta liikutetaan ja kun numero on aktiivinen;
   • Kohdista navigointi - navigointisijainti (vasen, oikea, keskellä).

   Voit etsiä värien merkityksiä Internetistä tai osoitteesta Photoshop ohjelma kun valitset haluttu väri täyttöä varten.

   
   

   Plugin-vaihtoehto ei ole huono, mutta sanon aina, että sinun on päästävä eroon tarpeettomista laajennuksista, ja tässä tapauksessa se on.

   Toinen vaihtoehto suoritetaan muokkaamalla tyylitiedostoa, joka sijaitsee kansiossa, jossa on Wp-pagenavi-laajennus hosting-palvelimella - pagenavi-css.css.

   

   

   Tämä tiedosto sisällytetään, kun "Käytä pagenavi-css.css-tyyliä" -asetus on aktiivinen laajennuksen asetuksissa. Siksi, jos muokkaamme sitä, laajennuksen päivityksen jälkeen kaikki tyylit korvataan tavallisilla. Vaihda se joka kerta Tämä tiedosto ja kirjoittamatta tyylejä uudelleen, suosittelen seuraavaa:

   1. Muokkaa tämän tiedoston tyylejä omaksi lisäämällä tarvittava suunnittelu sivun navigointi;
   2. Poista käytöstä "Käytä pagenavi-css.css-tyyliä" -asetus;
   3. Sijoita nämä tyylit suunnittelumallin style.css päätyylitiedostoon.

   Tällä tavalla nämä tyylit toimivat laajennuksesta riippumatta. Ja päivitettäessä ne eivät mene harhaan. Tämä on ehkä eniten paras vaihtoehto navigointisuunnittelua tässä laajennuksessa, jonka olisin tehnyt itse. Mutta onneksi käytän vaihtoehtoa ilman laajennusta, minkä suosittelen tekemään.

   Joten ystävät. Materiaalista tulee erittäin hyvä, kuten minulle. Mitä ajattelet tästä? Toivottavasti olet valmis. Jos jokin ei toimi, yritän auttaa kommenteissa. Kirjoita, älä pelkää! Olen myös kerran kärsinyt paljon ja onnistuin ymmärtämään sen.

   Tässä mielessä haluan lopettaa tämän postauksen nopeasti, koska se vei paljon energiaa. Niin minä teen. Sanon hyvästit ja menen lepäämään, ja sitten kirjoitan uutta sisältöä.

   Terveisin, Konstantin Khmelev!

   Melkein jokainen WordPress-moottorilla blogia pitävä bloggaaja tuntee WP-PageNavi-laajennuksen, joka näyttää sivulla navigoinnin seuraavasti:

   Mutta kaikki eivät tiedä (mukaan lukien minä viime aikoihin asti), että WordPressissä on sisäänrakennettu toiminto (versiosta 2.1 lähtien), joka toteuttaa melkein samat toiminnot. Nuo. Lisäosaa ei tarvitse käyttää.

   Käytin jonkin aikaa toista samanlaista ratkaisua, josta suuri kiitos sen kirjoittajalle Timurille.

   Tarjoamani toiminto on kooltaan melko pieni:

   funktio wp_corenavi() ( globaali $wp_query; $sivut = ""; $max = $wp_query->max_suum_s; if (!$current = get_query_var("paged")) $current = 1; $a["base"] = str_replace(999999999, "%#%", get_pagenum_link(999999999)); Sivu N/N", 0 - älä näytä $a["mid_size"] = 3; //kuinka monta linkkiä näytetään nykyisen $a["end_size"] = 1:n vasemmalla ja oikealla puolella; //miten monia linkkejä näytettäväksi alussa ja lopussa $a["prev_text"] = """ //linkin teksti "Edellinen sivu" $a["next_text"] = """ //linkin teksti "Seuraava sivu "jos ($max > 1) kaiku"

   "; jos ($yhteensä == 1 && $max > 1) $sivua = " Sivu " . $current . " from " . $max .""."\r\n"; echo $pages . paginate_links($a); if ($max > 1) echo "
   "; }

   Tämä koodi on sijoitettava tiedostoon Functions.php mallisi. Funktiossa on vain viisi vaihtoehtoa, ne erotetaan rivinvaihdoilla. Kirjoitin kommentit, mielestäni kaikki on selvää täällä.

   Navigoinnin näyttäminen sisään oikeassa paikassa, lisää seuraava koodi malliin:

   Funktion tulosteen tuloksena oleva HTML-koodi näyttää tältä:

   Sivu 7/27« Edellinen 1 ... 4 5 6 7 8 9 10 ... 27 Seuraava »

   Kuten näet, kaikki tarvittavat CSS-luokat ovat olemassa, joita voidaan käyttää minkä tahansa navigointielementin suunnitteluun (esim. tämänhetkinen sivu, linkit edellisille ja seuraaville sivuille).

   Tarkistettu tämä toiminto päällä WordPress-versiot, alkaen versiosta 2.3.3, ja myös testattuja vaihtoehtoja CNC:n ollessa käytössä ja pois käytöstä. Kaikki toimii odotetusti.

   Käytä sitä.

   Jos tarvitset luotettavaa isännöintiä ja verkkotunnuksen rekisteröintiä, sinua odottaa Ukrainan suurin hosting-palveluntarjoaja FREEhost.UA, joka on valmis tarjoamaan kaiken tyyppistä isännöintiä virtuaalisesta valmiin palvelimen vuokraamiseen.

   Tässä artikkelissa kerron sinulle, kuinka sivutus lisätään WordPressiin. Vaikka moottori tarjoaa käyttäjälle linkit seuraavaan ja edelliseen viestiin, sivutus parantaa sivuston sivujen katselua.

   Teeman käyttö

   Helppo tapa lisätä sivutus WordPressiin on käyttää teemoja. Jotkut teemat sisältävät jo tämän ominaisuuden ja työkalut sivutuslinkkien mukauttamiseen. Esimerkiksi värimuutokset ja ulkomuoto linkkejä.

   Voit selvittää, tukeeko teemasi tätä ominaisuutta, siirtymällä WordPress-hallintapaneelin Ulkoasu-osioon.

   Napsauta "Määritä"-painiketta. Käyttämästäsi teemasta riippuen tähän saattaa ilmestyä sivutusosio. Se voidaan sisällyttää myös muihin teeman mukauttamisen osiin.

   
   

   Jos et löydä asetuksia WordPress-sivutus ilman lisäosaa, napsauta "X" palataksesi hallintapaneeliin. Sinun on lisättävä sivutus sivustollesi jollakin tavoista.

   
   

   Teeman asentaminen sivutustuella

   Yhden teeman tukemat ominaisuudet eivät aina ole käytettävissä toisessa. Hankala osa on löytää teema, jossa on tarvitsemasi ominaisuudet, ja sitten muokata sitä laajennuksilla tai koodin muokkauksella.

   Sivutustoimintoa tukevan teeman lisääminen:

   
   

   Kirjoita hakukenttään " sivunumerointi" WordPress suodattaa automaattisesti aiheet ja löytää ne, joiden kuvauksessa on tämä termi.

   
   

   Etsi haluamasi teema, asenna ja aktivoi se. Jos et ole varma sopiiko se, napsauta " Esikatselu ».

   Huomautus. Esikatselu on yksinkertainen järjestelmä ja se ei ota huomioon monia elementtejä, kuten otsikkokuvaa, widgetejä ja sivuston yleistä asettelua.

   
   

   Sivutuslaajennusten käyttäminen

   Tässä artikkelissa puhun BestWebSoftin sivutuslaajennuksesta. Sen avulla voit lisätä sivutusta WordPress-sivuston eri osioihin.

   Asenna Sivutus by BestWebSoft -laajennus seuraavasti:

   • Siirry WordPressin hallintapaneelissa "Plugins" -osioon ja napsauta Lisää uusi laajennus -painiketta.

   
   

   • Etsi laajennus" Sivutus: BestWebSoft" Asenna ja aktivoi se.

   
   

   • Lisätään hallintapaneelin valikkoon uusi ominaisuus. Napsauta uutta valikkokohtaa avataksesi BWS-paneelin. Kaikki BestWebSoft-työkalut sisältyvät tähän osioon. Jos olet asentanut muita työkaluja, napsauta sivutuslinkkiä.

   
   

   Asetuksissa WordPressin sivutuslaajennus voit mukauttaa sivutusta erilaisia ​​osia sivusto: varten kotisivu, arkistosivuille, blogiin ja niin edelleen.

   
   

   Siirry "Ulkonäkö"-välilehdelle. Tässä osiossa voit muuttaa tapaa, jolla sivutus näytetään sivustolla. Ja muuta myös taustan ja tekstin väriä, reunoja ja muita parametreja. Kun olet tehnyt muutokset, napsauta "Tallenna" -painiketta sivun alareunassa.

   
   

   mene kohtaan " Kustomoitu koodi" Täällä voit määrittää omat CSS-tyylisi mukauttaaksesi sivutusnäyttöä. Kun olet muokannut koodia, napsauta " Tallenna muutokset", joka sijaitsee vasemmassa alakulmassa.

   
   

   Tämän jälkeen laajennus tekee loput automaattisesti. Jälkeen WordPress-sivutustulostus sinun tarvitsee vain lisätä sisältöä.

   Muut lisäosat

   WordPressille on saatavilla monia laajennuksia, jotka tarjoavat erilaisia ​​parametreja sivutusasetukset.

   WP-PageNavi

   
   

   Lisäosan avulla voit muuttaa sivutusosion tekstiä sekä näytettävien viestien linkkien määrää. Yksi syy siihen, miksi niin monet ihmiset käyttävät laajennusta, on se, että sillä on oma CSS-tiedosto. Näin kehittäjät voivat määrittää ainutlaatuisen sivutusnäytön.

   WP-sivu

   
   

   Plugin tarjoaa mahdollisuuden joustavat asetukset. Se tukee myös mahdollisuutta lisätä mukautettua CSS-koodia. Tämä laajennus sisältää useita perusparametrit, mukaan lukien linkkien näyttäminen ja sinisten tai harmaiden painikkeiden käyttäminen.

   Sivutus: HocWP

   
   

   Yksinkertainen laajennus sivunumerointi WordPress-viestit , joka ei sisällä suuria määriä asetusvaihtoehdot. Sen avulla voit kuitenkin lisätä tehokkaasti sivutuslinkkejä viestiesi alaosaan.

   Sivuttamisen käyttäminen WordPress-viesteissä

   Jos sinulla on CSS-koodieditori, voit tehdä muutoksia teemoihin ja laajennuksiin. Esimerkiksi PageNavi-laajennus tarjoaa pääsyn oma tiedosto CSS.

   Saa lisätä kustomoitu koodi sivun muille alueille teeman style.css-tiedoston kautta. Muuta myös taustaväriä, elementtien näyttöä hiiren osoitinta liikuttaessa ja paljon muuta.

   Kuinka tehdä verkkosivustostasi interaktiivisempi

   Sivunumerointi WordPress sivut tekee sivustosta interaktiivisemman. Sen avulla vierailijat voivat itsenäisesti valita, mille sivuille he siirtyvät. Tämä on yksi niistä lisäyksistä, joita kuka tahansa kehittäjä voi tehdä. Samalla se parantaa merkittävästi käyttökokemusta.