Urambazaji wa Ukurasa wa WordPress - Programu-jalizi Tatu Muhimu. Jinsi ya Kufanya Pagination ya Nambari katika WordPress Bila Plugins

Katika makala hii, nitakuambia jinsi ya kuongeza pagination kwa WordPress. Ingawa injini humpa mtumiaji viungo vya chapisho linalofuata na la awali, utaftaji huboresha utazamaji wa kurasa za tovuti.

Kwa kutumia mandhari

Njia rahisi ya kuongeza pagination katika WordPress ni kutumia mada. Baadhi ya mandhari tayari yana kipengele hiki na zana za kubinafsisha viungo vya kurasa. Kwa mfano, kubadilisha rangi na kuonekana kwa viungo.

Ili kujua kama mada yako inasaidia kipengele hiki, nenda kwenye sehemu ya Mwonekano wa paneli yako ya msimamizi ya WordPress.

Bofya kitufe cha "Sanidi". Kulingana na mandhari unayotumia, sehemu ya pagination inaweza kuonekana hapa. Inaweza pia kujumuishwa katika sehemu zingine za ubinafsishaji wa mada.


Ikiwa hautapata mipangilio WordPress pagination bila programu-jalizi, bofya "X" ili kurudi kwenye paneli ya utawala. Utahitaji kutumia mojawapo ya mbinu ili kuongeza pagination kwenye tovuti yako.


Inasakinisha mandhari yenye usaidizi wa upaji

Vipengele ambavyo vinaungwa mkono na mada moja hazipatikani kila wakati katika nyingine. Sehemu ya hila ni kutafuta mada ambayo ina vipengele unavyohitaji na kisha kuigeuza kukufaa kwa programu-jalizi au uhariri wa msimbo.

Ili kuongeza mada inayoauni pagination:


Katika uwanja wa utafutaji, ingiza " utaftaji" WordPress huchuja mada kiotomatiki na kupata zile ambazo zina neno hili katika maelezo yao.


Tafuta mandhari unayopenda, isakinishe na uiwashe. Ikiwa huna uhakika kama inafaa, bonyeza kwenye " Hakiki ».

Kumbuka. Muhtasari ni mfumo rahisi na haizingatii vipengele vingi kama vile picha ya kichwa, wijeti, na mpangilio wa tovuti kwa ujumla.


Kutumia programu-jalizi za pagination

Katika nakala hii nitazungumza juu ya programu-jalizi ya Pagination na BestWebSoft. Kwa msaada wake, unaweza kuongeza pagination kwa sehemu mbalimbali za tovuti ya WordPress.

Ili kusakinisha programu-jalizi ya Pagination na BestWebSoft, fanya yafuatayo:

  • Katika paneli yako ya msimamizi ya WordPress, nenda kwenye sehemu ya "Plugins" na ubofye kitufe cha kuongeza programu-jalizi mpya.


  • Tafuta programu-jalizi " Uwekaji kurasa na BestWebSoft" Sakinisha na uiwashe.


  • Itaongezwa kwenye menyu ya jopo la utawala kipengele kipya. Bonyeza kipengee kipya menyu ya kufungua paneli ya BWS. Zana zote za BestWebSoft zimo katika sehemu hii. Ikiwa una zana zingine zilizosakinishwa, bofya kiungo cha Pagination.


Katika mipangilio WordPress pagination Plugin unaweza kusanidi pagination kwa sehemu tofauti za tovuti: kwa ukurasa kuu, kwa kurasa za kumbukumbu, blogi, na kadhalika.


Nenda kwenye kichupo cha "Muonekano". Katika sehemu hii unaweza kubadilisha jinsi pagination inavyoonyeshwa kwenye tovuti. Na pia kubadilisha rangi ya asili na maandishi, mipaka na vigezo vingine. Baada ya kufanya mabadiliko, bonyeza kitufe cha "Hifadhi" chini ya ukurasa.


Nenda kwa " Msimbo maalum" Hapa unaweza kuweka mitindo yako ya CSS ili kubinafsisha onyesho la utaftaji. Baada ya kumaliza kuhariri msimbo, bofya " Hifadhi mabadiliko", iko kwenye kona ya chini kushoto.


Baada ya hayo, programu-jalizi itafanya iliyobaki kiatomati. Baada ya WordPress pagination pato unachotakiwa kufanya ni kuongeza maudhui.

Programu-jalizi zingine

Kuna programu-jalizi nyingi zinazopatikana kwa WordPress ambazo hutoa vigezo mbalimbali mipangilio ya pagination.

WP-PageNavi


Plugin inakuwezesha kubadilisha maandishi ya sehemu ya pagination, pamoja na idadi ya viungo kwa machapisho ambayo yataonyeshwa. Moja ya sababu kwa nini watu wengi kutumia Plugin ni kwamba ina yake mwenyewe Faili ya CSS. Hii inaruhusu wasanidi programu kufafanua onyesho la kipekee la kurasa.

WP-Paginate


Programu-jalizi hutoa chaguzi rahisi za usanidi. Pia inasaidia uwezo wa kuongeza msimbo maalum wa CSS. Programu-jalizi hii ina kadhaa vigezo vya msingi, ikiwa ni pamoja na kuonyesha viungo na kutumia vifungo vya bluu au kijivu.

Pagination na HocWP


Rahisi programu-jalizi upagani Machapisho ya WordPress , ambayo haina kiasi kikubwa chaguzi za mipangilio. Hata hivyo, hukuruhusu kuongeza viungo vya pagination kwa ufanisi chini ya machapisho yako.

Kutumia Pagination kwa Machapisho ya WordPress

Ikiwa una kihariri cha msimbo wa CSS, unaweza kufanya mabadiliko kwenye mandhari na programu jalizi. Kwa mfano, Programu-jalizi ya ukurasa Navi hutoa ufikiaji wa faili mwenyewe CSS.

Unaweza kuongeza msimbo maalum kwa maeneo mengine ya ukurasa kupitia faili ya mandhari ya style.css. Na pia ubadili rangi ya mandharinyuma, onyesho la vipengee wakati wa kuelekeza mshale wa panya na mengi zaidi.

Jinsi ya Kufanya Tovuti Yako Ishirikiane Zaidi

Pagination Kurasa za WordPress hufanya tovuti kuingiliana zaidi. Kwa msaada wake, wageni wanaweza kujitegemea kuchagua kurasa za kwenda. Hii ni moja ya nyongeza ambazo msanidi yeyote anaweza kufanya. Wakati huo huo, inaboresha sana uzoefu wa mtumiaji.

Urambazaji wa ukurasa ni jambo ambalo kila mwanablogu anapaswa kuzingatia Tahadhari maalum. Inajumuisha kuonyesha machapisho ya WordPress kwa msingi wa ukurasa kwa ukurasa. Kwa kawaida, maingizo yanaonyeshwa kwa mpangilio wa daraja, na wakati una chaguo za uteuzi kama vile Maingizo ya Kale na Maingizo mapya, huna chaguo la kuonyesha maingizo kwa msingi wa ukurasa baada ya ukurasa na kurasa zilizo na nambari.

Kwa kutumia urambazaji wa ukurasa, mtumiaji anaweza kwenda moja kwa moja kwa ukurasa wa 6 au 8 bila kulazimika kutoka ukurasa hadi ukurasa. Urambazaji huu pia ni muhimu kwa SEO; injini za utafutaji hupendelea urambazaji huu; huruhusu roboti kupitia kwa urahisi machapisho kwenye kurasa za tovuti. Kutumia bure Plugins WordPress, iliyotolewa katika makala hii, unaweza kusakinisha urambazaji wa pagination kwenye tovuti yako.

1 - Navi ya Ukurasa wa WP

Navi ya Ukurasa wa WP ni programu-jalizi maarufu ambayo itawawezesha wanaotembelea tovuti yako kuhama kwa urahisi kutoka ukurasa hadi ukurasa. Itachukua nafasi ya chaguo la Machapisho ya Kale/Machapisho Mapya na urambazaji wa kurasa. Programu-jalizi haihitaji rasilimali kubwa na haiathiri kasi ya upakiaji wa ukurasa.

Programu-jalizi hii inaoana na mada nyingi zilizopo.

  • Inahitaji rasilimali chache.
  • SEO kirafiki.
  • Maarufu sana.
2 - WP Paginate

Programu-jalizi hii ni njia nzuri ya kuongeza urambazaji wa ukurasa kwa wavuti yako ya WordPress, nayo unaweza kuongeza nambari inayoonyesha nambari ukurasa wa nyumbani, ukurasa wa kati na ukurasa wa mwisho.

Kwa hiyo, unaweza hata kuongeza urambazaji kupitia maoni kwa machapisho, hii itarahisisha upakiaji wa ukurasa.

Vipengele muhimu na vipengele:

  • Hutumia urambazaji rahisi wa ukurasa.
  • SEO kirafiki.
  • Inayofaa mtumiaji.
3 - Rahisi Pagination
Rahisi Pagination ni programu-jalizi ambayo itakuruhusu kuwa na urambazaji kupitia machapisho na maoni yako. Kama jina linavyopendekeza, programu-jalizi hii ni rahisi sana kutumia. Unaweza hata kutengeneza urambazaji wako ili kuendana na mandhari ya blogu yako kwa kutumia laha za mtindo.

Kuna laha 6 za mtindo zinazofaa tovuti yako na usaidizi wa lugha mbili.

Vipengele muhimu na vipengele:

  • Hutumia urambazaji rahisi wa ukurasa.
  • Hutumia urambazaji wa maoni.
  • Kuna karatasi za mtindo kwa aina tofauti kuonyesha.
  • Kuna aina 6 za mitindo.
4 - Viungo vya Ukurasa Pamoja

Viungo vya Ukurasa Plus- programu-jalizi ambayo hufanya kazi ya kuongeza urambazaji kwenye chapisho. Kuna nyakati ambapo rekodi yako inakuwa kubwa kiasi kwamba unahitaji kuigawanya katika sehemu. Katika hali kama hizi, programu-jalizi ya Page Links Plus itakusaidia, ambayo itavunja chapisho lako katika kurasa, kuonyesha uhusiano kati yao, kukuwezesha kutazama chapisho zima.

Programu-jalizi huja na mipangilio mbalimbali ili kukusaidia kupata matokeo unayotaka kwa chapisho lako.

Vipengele muhimu na vipengele:

  • Inakuruhusu kuhesabu machapisho na kurasa.
  • Kuna chaguo kutazama rekodi nzima.
  • Kuna mipangilio mingi.
  • Kuna toleo la Pro linapatikana.
5 - Uandikaji wa Alfabeti

Uandikaji wa Alfabeti itaweka nambari machapisho na kurasa za tovuti yako mpangilio wa alfabeti. Ikiwa unauza bidhaa kwenye tovuti yako ya WordPress, basi programu-jalizi hii itafanya maajabu, itahesabu bidhaa zako zote kwa utaratibu wa alfabeti.

Inaweza kutumika popote kwenye tovuti yako kwa kutumia shortcode.

Vipengele muhimu na vipengele:

  • Kuna urambazaji wa alfabeti.
  • Usaidizi wa biashara unapatikana.
  • Inaweza kuwekwa popote kwa kutumia shortcode.
  • Inaweza kuonyesha orodha ya watumiaji kwa mpangilio wa alfabeti.
6 - Nyumba ya sanaa Pagination kwa WordPress

Nyumba ya sanaa Pagination Plugin kwa WordPress itakusaidia kupitia maghala ya picha ya tovuti yako ya WordPress. Itaonyesha picha zote kwenye ghala ambayo itasaidia mtumiaji kwenda moja kwa moja kwa picha yoyote bila kulazimika kuvinjari picha moja baada ya nyingine.

Usaidizi wa CDN hukusaidia kufanya matunzio yako ya picha kuwa SEO ya kirafiki. Pia kuna kache ili kuongeza kasi ya upakiaji wa ukurasa, pamoja na Ajax kufanya mabadiliko bila kulazimika kupakia upya ukurasa.

Vipengele muhimu na vipengele:

  • Kuna urambazaji kupitia ghala za picha.
  • Usaidizi wa CDN unapatikana.
  • SEO kirafiki.
  • Uakibishaji unapatikana.
7 – Advanced Post Pagination
Advanced Post Pagination Plugin itapitia maingizo yako. Ikiwa chapisho lako ni kubwa sana, unaweza kutumia programu-jalizi hii kuligawanya katika kurasa nyingi. Ili usichanganyike katika kawaida vifungo vya digital, na programu-jalizi hii unaweza kuweka maandishi na picha kwenye vifungo. Unaweza kutumia msimbo mkato kubandika chapisho lako kwa njia yoyote upendayo.

Ajax itakusaidia kwenda kwenye sehemu bila kulazimika kupakia upya ukurasa mzima.

Vipengele muhimu na vipengele:

  • Kugawanyika kuingia tofauti.
  • Kutumia maandishi na picha kwenye vifungo.
  • Kwa kutumia shortcodes.
  • Kwa kutumia Ajax.
8 - WP Smart Pagination
WP Smart Pagination-Hii njia rahisi onyesho la machapisho yaliyogawanywa katika kurasa, pamoja na uwanja ambao unaweza kuingiza nambari ya ukurasa, kukuwezesha kupata mara moja. ukurasa unaotaka. Hii ni muhimu sana ikiwa una machapisho mengi kwenye tovuti yako, hivyo kufanya iwe vigumu kwa watumiaji kwenda kwenye ukurasa ambao uko mbali sana. Ikiwa una kurasa 4000 za machapisho, na mtumiaji anataka kuona ukurasa wa 2555, programu-jalizi hii inaweza kukupa huduma muhimu sana.

Vipengele muhimu na vipengele:

  • Hutumia urambazaji rahisi wa ukurasa.
  • Kuna uwanja kwa mpito wa moja kwa moja kwa ukurasa unaotaka.
  • Mada zinazolingana.
  • Kuna marekebisho ya mitindo.
9 - jPages Pagination Kwa WordPress
Hii jQuery programu-jalizi, iliyochochewa na jPages, ambayo hurahisisha kuweka kurasa za matunzio na maoni yako. Hii ni programu-jalizi inayojibu kikamilifu ambayo itatoa urambazaji wa maudhui kwa kila aina ya vifaa ukubwa mbalimbali skrini. jPages Pagination Kwa WordPress ni programu-jalizi ndogo ambayo hukuruhusu kuunganisha kwa urahisi urambazaji na jQuery.

Vivinjari vyote vikuu vinaunga mkono programu-jalizi hii, kwa hivyo wanaotembelea tovuti yako hawatakuwa na tatizo la kutazama maudhui wakati wa kutumia programu-jalizi hii kwa urambazaji.

Vipengele muhimu na vipengele:

  • jQuery inatumika.
  • Programu-jalizi inayoitikia.
  • Inasaidiwa na vivinjari vikuu.
  • Ushirikiano rahisi.
Hitimisho
Nakala hii inatoa orodha ya bora programu-jalizi za bure Chaguo za pagination za WordPress ambazo zinaweza kukusaidia kuweka tovuti yako zaidi njia bora. Programu-jalizi zote zina vipengele mbalimbali, kwa hivyo chagua ile inayofaa tovuti yako.

Salaam wote!

Ninaendelea kuandika makala kwenye urambazaji wa tovuti kwenye injini ya WordPress.

Na katika nyenzo hii Nitakuonyesha jinsi urambazaji wa ukurasa unafanywa bila programu-jalizi na kutumia WP-PageNavi inayojulikana. Kama ilivyo kwa , nitaonyesha utekelezaji kwa njia kadhaa ili uweze kuchagua ile inayokufaa zaidi. Na kuna matukio wakati njia fulani haifanyi kazi kwa mtu. Kwa hiyo, kutakuwa na aina fulani ya wavu wa usalama.

Nyenzo hizo zilikuwa nyingi sana na, labda, za kina zaidi kwenye mtandao.

Urambazaji wa ukurasa (pagination) ni mgawanyo wa habari katika kurasa. Ikiwa unachukua tovuti nyingi kwenye Wordpres, basi jambo hili linaonyeshwa wazi katika video ya orodha ya nambari za ukurasa chini ya kila ukurasa na matangazo. Kwenye blogi yangu kazi hii inaonekana kama hii:

Ubunifu unaweza kutofautiana. Lakini kiini chake ni sawa - kuvunja habari katika kurasa. Kama unavyojua, kwa chaguo-msingi, matangazo ya machapisho yanaonyeshwa kwenye ukurasa kuu wa tovuti, ambayo kunaweza kuwa na nambari fulani (kulingana na mipangilio katika kipengee cha "Kuandika").

Ikiwa hatutavunja nambari zao, zitaonyeshwa kwenye ukurasa mmoja. Lakini hii sio nzuri, kwani itakuwa ngumu kutumia tovuti na ukurasa wa nyumbani Itachukua muda mrefu kupakia, kwa sababu baada ya muda kutakuwa na idadi kubwa ya matangazo.

Kama sheria, sasa katika violezo vya kisasa vya Wodpress, urambazaji wa ukurasa tayari umejengwa. Lakini kuna chaguo wakati haipo. Kisha itabidi utekeleze. Badala yake, kunaweza kuwa na utaftaji wa matangazo kwa njia ya viungo vya machapisho yaliyotangulia na yanayofuata. Hii inaonyeshwa wazi katika violezo vya kawaida.

Chaguo hili pia sio rahisi, kwani ikiwa tunarudi kurasa 3, hatutaweza kurudi kwenye ukurasa wa asili kwa hatua moja. Utalazimika kubofya mara 3 kwenye maingizo yaliyotangulia au kwa yanayofuata. Uelekezaji wa ukurasa hukuruhusu kudhibiti wakati huu kwa urahisi zaidi.

Kwa ujumla, wacha tuendelee kwenye utekelezaji wake na hatua ya kwanza ni kuiunganisha kwenye kiolezo bila programu-jalizi. Mbinu hii Niliielezea kwenye somo la video. Ninapendekeza kutazama kwanza, na kisha kusoma toleo la maandishi la maagizo.

Tunafanya bila programu-jalizi

Sasa nitakuonyesha njia ambayo baada ya hapo utakuwa na ukurasa sawa kabisa Urambazaji wa WordPress, kama yangu. Kila kitu kinafanywa kwa urahisi sana. Utahitaji sehemu 2 za kificho, ambazo zitahitajika kuwekwa kwenye faili za template, na kisha mitindo lazima iongezwe ili kuweka muundo. Tuanze!

Hapa kuna sehemu ya kwanza ya nambari. Lazima iwekwe kwenye faili ya function.php ya template ya kubuni.

kazi wp_corenavi() ( kimataifa $wp_query, $wp_rewrite; $pages = ""; $max = $wp_query->max_num_pages; ikiwa (!$current = get_query_var("paged")) $current = 1; $a["base "] = str_replace(999999999, "%#%", get_pagenum_link(999999999)); $a["jumla"] = $max; $a["current"] = $current; $total = 0; //1 - onyesha maandishi "Ukurasa N wa N", 0 - usionyeshe $a["mid_size"] = 1; //viungo vingapi vya kuonyesha upande wa kushoto na kulia wa hii ya sasa $a["end_size"] = 1 ; //viungo vingapi vya kuonyesha mwanzoni na mwishoni $a["prev_text"] = ""; //link text " Ukurasa uliotangulia" $a["next_text"] = ""; //maandishi ya kiungo " Ukurasa unaofuata" ikiwa ($ max > 1) mwangwi"

"; }

kazi wp_corenavi() (

kimataifa $wp_query , $wp_rewrite ;

kurasa za $ = "" ;

$max = $wp_query -> max_num_pages ;

ikiwa (! $current = get_query_var ( "paged") ) $current = 1 ;

$a [ "base" ] = str_replace ( 999999999 , "%#%" , get_pagenum_link ( 999999999 ));

$a [ "jumla" ] = $max ;

$a [ "current" ] = $current ;

$ jumla = 0; //1 - onyesha maandishi "Ukurasa wa N wa N", 0 - usionyeshe

$a [ "mid_size" ] = 1 ; //viungo vingapi vya kuonyesha upande wa kushoto na kulia wa hiki cha sasa

$a [ "end_size" ] = 1 ; //viungo vingapi vya kuonyesha mwanzoni na mwisho

$a [ "prev_text" ] = "" ; // kiungo maandishi "Ukurasa uliopita"

$a [ "next_text" ] = "" ; // kiungo maandishi "Ukurasa unaofuata"

ikiwa ($max > 1 ) echo "

" ;

Niliweka nambari hiyo mwanzoni mwa faili baada ya tepe ya ufunguzi


Katika nambari hii tunaweza kurekebisha baadhi ya vigezo:

  • Mstari wa 10 - ukibadilisha thamani 0 hadi 1, kisha karibu na nambari za ukurasa maandishi kama "Ukurasa wa 3 kati ya 45" yataonyeshwa. Unaweza kufanya chaguo hili, lakini nadhani kuwa ndani kwa kesi hii haihitajiki, kwani nambari za ukurasa tayari zinaonyesha ni kurasa ngapi kwenye tovuti. Na ukurasa unaotumika umeangaziwa kwa rangi tofauti;
  • Mstari wa 11 na 12 - nambari fulani ya nambari zilizopita au zinazofuata zinapaswa kuonyeshwa upande wa kushoto na kulia wa nambari ya ukurasa inayotumika, mtawaliwa. Hapa tunaonyesha idadi yao. Nambari hii ina thamani 1. Unaweza kuweka 2 au 3. Hapa utahitaji kujaribu kidogo, kwa kuwa idadi kubwa ya nambari, urambazaji utakuwa pana. Yote inategemea upana wa template.

wp_corenavi();

Kwa kuwa urambazaji wa ukurasa unapaswa kuonyeshwa popote ambapo orodha ya matangazo inaonyeshwa, ni muhimu kanuni hii weka katika faili zote ambapo hii inatokea:

  • Ukurasa wa nyumbani - index.php;
  • Jamii na kurasa za kumbukumbu - jamii.php na archive.php;
  • Tafuta ukurasa - search.php.

Kwa njia, katika templeti zingine, matokeo ya kurasa za kategoria na kumbukumbu zinaweza kufanywa katika faili moja. Faili yangu ya kumbukumbu.php inawajibika kwa hili.

Ikiwa kiolezo chako hakina urambazaji wowote wa kuvunja matangazo katika kurasa, basi tunaweka msimbo wa pili baada ya kuonyesha maudhui. Ikiwa una viungo vya awali na vilivyofuata, ambavyo vinawezekana zaidi, basi chaguo hili ni rahisi kutekeleza, kwani unahitaji tu kuzibadilisha na msimbo uliotolewa hapo juu.

Kama sheria, urambazaji wa kawaida katika mfumo wa uliopita na ujao. viungo vinaonyeshwa kwa kutumia msimbo sawa.

< div class = "nav-previous" > ← Machapisho ya zamani", "ishirini na kumi" )); ?>< / div >

< div class = "nav-next" > "Machapisho mapya " , "ishirini na kumi" )); ?>< / div >

Nambari hii inaweza kuwa tofauti kwa kila mtu, lakini yaliyomo yake kuu yatakuwa sawa. Utahitaji kupata msimbo ambao utakuwa na msimbo unaoitwa next_posts_link na previous_posts_link.

Ukiipata, jisikie huru kufuta maudhui haya kutoka kwa faili na kuyanakili mahali pake kanuni inayohitajika, ambayo inaonyesha urambazaji wa kurasa.


Kwa hivyo, unahitaji kubadilisha urambazaji wa kawaida na urambazaji wa ukurasa kwa ukurasa katika faili zote ambapo matangazo yanaonyeshwa. Nilitoa majina ya faili hapo juu.

Kwa njia, ikiwa una matatizo na mchakato huu, unaweza kuwasiliana nami kwa msaada katika maoni. Ninajaribu kusaidia.

/* USAFIRI */.urambazaji ( kuelea: kushoto; upana: otomatiki; ukingo-kushoto: 216px; ukingo-juu: -2px; ukubwa wa fonti: 16px; ) .urambazaji > a ( kuelea: kushoto; upana: 32px; fonti -uzito: 700; panga maandishi: katikati; rangi: #637b93; mapambo ya maandishi: hakuna; pambizo-kushoto: 1px; padding-top: 7px; ) .navigation > .current ( float: left; font-weight: 700 ; upana: 29px; panga maandishi: katikati; rangi: #c4c8cc; ukingo-kushoto: 5px; pedi-juu: 7px; ) .urambazaji > .prev ( kuelea: kushoto; upana: 32px; urefu: 34px; usuli: url ("picha/bow_left.png") hakuna kurudia; ukingo-kushoto: 0; ) .urambazaji > .ifuatayo ( kuelea: kushoto; upana: 34px; urefu: 34px; usuli: url("picha/bow_right.png") hakuna kurudia; pambizo-kushoto: 14px; ) .urambazaji > .doti ( kuelea: kushoto; ukubwa wa fonti: 14px; uzito wa fonti: 700; upana: 32px; panga maandishi: katikati; rangi: #c4c8cc; pedi- juu: 7px;)

/* NAVIGATION */

Urambazaji (

kuelea: kushoto;

upana: auto;

pambizo-kushoto : 216px ;

ukingo-juu : -2px ;

saizi ya fonti: 16px;

Urambazaji > a (

kuelea: kushoto;

upana: 32px;

Uzito wa herufi: 700;

maandishi-align: katikati;

rangi : #637b93 ;

maandishi-mapambo: hakuna;

ukingo wa kushoto : 1px ;

padding-top: 7px;

Urambazaji > .sasa (

kuelea: kushoto;

Uzito wa herufi: 700;

upana: 29px;

maandishi-align: katikati;

rangi : #c4c8cc ;

ukingo wa kushoto : 5px ;

padding-top: 7px;

Urambazaji > .prev (

kuelea: kushoto;

upana: 32px;

urefu: 34px;

mandharinyuma : url ( "images/bow_left.png" ) hakuna kurudia;

ukingo-kushoto : 0;

Urambazaji > .ifuatayo (

kuelea: kushoto;

upana: 34px;

urefu: 34px;

mandharinyuma : url ( "images/bow_right.png" ) no-repeat ;

pambizo-kushoto : 14px ;

Urambazaji > .dots (

kuelea: kushoto;

saizi ya fonti: 14px;

Uzito wa herufi: 700;

upana: 32px;

maandishi-align: katikati;

rangi : #c4c8cc ;

padding-top: 7px;

Pia unahitaji kupakia picha za vishale vya kusonga mbele na nyuma kwa mwenyeji kwenye folda ya picha ya kiolezo cha muundo. . Ili kupakua unaweza kutumia kiwango meneja wa faili mtoa huduma mwenyeji. Mimi.

Tunapoweka misimbo katika faili za function.php, katika faili zote zinazoonyesha kurasa zilizo na matangazo na zina mitindo iliyoandikwa, tunaweza kuangalia utendakazi wa urambazaji. Kila kitu kinanifanyia kazi na kiolezo cha kawaida inaonekana kama hii:

Tumejadili njia bila programu-jalizi. Nina hakika 100% kwamba ikiwa ulifanya kila kitu kama ilivyoelezwa hapo juu, basi kila kitu kinapaswa kukufanyia kazi kwa bang. Pia kulikuwa na chaguo la pili bila programu-jalizi, lakini baada ya kuiangalia niligundua kuwa kimsingi ilikuwa chaguo sawa, iliyorekebishwa kidogo tu. Kwa hivyo, ninaendelea na njia ya kutekeleza urambazaji wa ukurasa kwa kutumia programu-jalizi.

Programu-jalizi ya WP-PageNavi

Ili kuanza, pakua programu-jalizi kutoka Ukurasa Rasmi na usakinishe kwenye tovuti.

Baada ya kusakinisha programu-jalizi, utahitaji pia kuweka msimbo ambao utaonyesha urambazaji chini ya ukurasa.

Sasa programu-jalizi itafanya kazi yake na nambari za ukurasa zitakuwa na muundo ufuatao.

Kwa upande mmoja, kubuni sio moto sana, lakini kwa upande mwingine, sio mbaya kabisa, kwani sio macho. Watumiaji wanapenda urahisi! Kwa hivyo, unaweza kuacha kila kitu kama ilivyo. Ikiwa unataka kitu cha rangi zaidi, basi sasa tutaangalia chaguo fulani. Wakati huo huo, tutajadili kitu kama kusanidi wp pagenavi. Kuna mipangilio na inafaa kuzungumza juu.

Kuhusu kipengee cha kwanza cha kuweka "Violezo vya orodha ya ukurasa", huna haja ya kubadilisha chochote ndani yake. Tumeridhika. Tunahamia kwenye kipengee cha "Mipangilio ya Orodha ya Ukurasa".

Ninaona kuwa unahitaji kujaribu na vigezo vyote kwenye aya hii kupata thamani mojawapo kwa ajili yangu mwenyewe. Nitaelezea kwa ufupi kile kila paramu hufanya.

  • Tumia mtindo - ikiwa tutaweka thamani kwa "Hapana", basi mitindo ya programu-jalizi itaondolewa na nambari za ukurasa hazitapangiliwa;

  • Mtindo wa orodha ya ukurasa - pamoja na orodha ya kawaida ya nambari za ukurasa, tunaweza kuchagua chaguo la orodha ya kushuka;

  • Onyesha orodha kila wakati mpangilio wa ukurasa hatuwashi. Unataka orodha ionyeshwe pale tu inapohitajika;
  • Idadi ya kurasa za kuonyesha - inawajibika kwa idadi ya nambari za ukurasa zilizoonyeshwa mwanzoni mwa orodha. Kwa chaguo-msingi, thamani ni 5 na katika viwambo vya skrini hapo juu unaweza kuona kwamba hasa kurasa 5 zinaonyeshwa;
  • Masafa ya kurasa za kuonyesha - ikiwa tovuti yako ina kurasa nyingi, basi kipengele hiki kitakuwa muhimu sana. Itatoa nambari za ukurasa baada ya orodha kuu na maadili ya 10, 20, 30, 40 na kadhalika. Muda kati ya maadili haya imedhamiriwa na parameta ifuatayo;
  • Mgawo wa safu za kurasa - ukiweka thamani hadi 5, basi masafa ya ukurasa yataonekana kama - 10, 15, 20, 25, nk. Ikiwa 10, basi 10, 20, 30, 40 na kadhalika. Thamani ya 10 inatosha kabisa.

Hii ndiyo mipangilio yote unayohitaji kurekebisha ili kuendana na mahitaji yako. Hapa kila mtu atajisimamia mwenyewe.

Chaguo rahisi ni kufunga programu-jalizi ya ziada, ambayo ina mitindo iliyopangwa tayari na pia inafanya uwezekano wa kusanidi kila parameter moja kwa moja. Inaitwa programu-jalizi.

Baada ya kuiweka ndani Paneli za admin za WordPress kipengee kipya kinaonekana.

Baada ya kuibadilisha, tunaweza kuchagua mara moja nafasi zilizopo za muundo.


Ikiwa tunataka kubinafsisha mitindo kibinafsi, basi katika kipengee cha kwanza cha mipangilio ya "Chagua Laha ya Mtindo", chagua chaguo la "Custom" na usanidi vigezo vya vipengele vyote (mipaka na rangi zao, rangi ya fonti na ukubwa, rangi ya viungo wakati. kuelekeza mshale wa panya, na kadhalika).


Nitatafsiri vigezo vyote kwa ajili yako.

  • Rangi ya Kichwa - rangi ya maandishi "Ukurasa wa 3 wa 45";
  • Rangi ya Asili - rangi ya asili;
  • Rangi ya Mandhari Inayotumika/Sasa - rangi ya usuli nambari inayotumika kurasa;
  • Ukubwa wa herufi - saizi ya herufi;
  • Rangi ya kiungo - rangi ya kiungo;
  • Unganisha Mouse Hover/ Active Hover - rangi ya kiungo unapopeperusha kipanya juu ya nambari na nambari inapotumika;
  • Kiungo Rangi ya Mpaka- rangi ya mpaka;
  • Kiunga cha Panya ya Kiunganishi / Rangi Inayotumika - rangi ya mpaka wakati wa kuelekeza mshale wa panya na wakati nambari inafanya kazi;
  • Pangilia Urambazaji - eneo la urambazaji (kushoto, kulia, katikati).

Unaweza kutafuta maana za rangi kwenye mtandao au ndani Mpango wa Photoshop unapochagua rangi inayotaka kwa kujaza.


Chaguo la programu-jalizi sio mbaya, lakini daima ninasema kwamba unahitaji kuondokana na programu-jalizi zisizohitajika, na katika kesi hii ni.

Chaguo la pili linafanywa kwa kuhariri faili za mitindo, ambayo iko kwenye folda na programu-jalizi ya Wp-pagenavi kwenye mwenyeji - pagenavi-css.css.

Faili hii inajumuishwa wakati mpangilio wa "Tumia pagenavi-css.css style" unatumika katika mipangilio ya programu-jalizi. Kwa hivyo, ikiwa tutaihariri, basi baada ya kusasisha programu-jalizi, mitindo yote itabadilishwa na ile ya kawaida. Ili kuibadilisha kila wakati faili hili na bila kuandika tena mitindo, napendekeza kufanya jambo lifuatalo:

  1. Hariri mitindo katika faili hii iwe yako mwenyewe, ukiongeza kubuni muhimu urambazaji wa ukurasa;
  2. Zima mpangilio wa "Tumia pagenavi-css.css";
  3. Weka mitindo hii katika faili kuu ya mtindo wa muundo wa kiolezo style.css.

Kwa njia hii mitindo hii itafanya kazi bila kujali programu-jalizi. Na wanaposasisha hawatapotea. Hii labda ndiyo zaidi chaguo bora muundo wa urambazaji katika programu-jalizi hii, ambayo ningefanya mwenyewe. Lakini, kwa bahati nzuri, ninatumia chaguo bila programu-jalizi, ambayo ndio ninakushauri kufanya.

Kwa hivyo, marafiki. Nyenzo zitageuka kuwa nzuri sana, kama mimi. Una maoni gani kuhusu hili? Natumai umemaliza. Ikiwa kitu haifanyi kazi, nitajaribu kusaidia katika maoni. Andika, usiogope! Mimi pia niliwahi kuteseka sana na nilifanikiwa kujua.

Katika kumbuka hii, nataka kumaliza chapisho hili haraka, kwani ilichukua nguvu nyingi. Hiyo ndiyo nitafanya. Nitaaga na kwenda kupumzika, kisha niwe na shughuli nyingi za kuandika maudhui mapya.

Hongera sana, Konstantin Khmelev!

Kutakuwa na vipengele vipya ili kurahisisha urambazaji wa mandhari: urambazaji_wa_chapisho, urambazaji_wa_machapisho, na kipengele cha_cha_chapishi cha_cha_chapishi.

Kwa urambazaji wa kurasa, mandhari nyingi za WordPress hutekeleza usaidizi wa programu-jalizi kama vile , na kuanzia na mandhari ya Ishirini na Nne, baadhi ya waandishi wamefuata mwongozo wa mandhari ya kawaida na kutekeleza upaginaji kwa kutumia kipengele cha msingi cha paginate_links kilichojengewa ndani.

Kutumia chaguo hili la kukokotoa mara nyingi huhitaji na wakati mwingine hujumuisha mantiki ili kushughulika na vibali vya moduli ya WP_Rewrite, data ya WP_Query, na zaidi. Kuanzia na toleo la 4.1 la WordPress, watengenezaji wa msingi walifunga mantiki hii katika kazi moja rahisi.

the_posts_pagination()

The_posts_pagination() kazi huingiza kizuizi cha upagino kwenye mada ya WordPress:

the_posts_pagination() chaguo za kukokotoa huchukua safu kama kigezo chake pekee, ambacho hupitishwa kwenye kitendakazi cha paginate_links(). Hii ina maana kwamba utendakazi wote ambao tulifanya hapo awali kwa kutumia paginate_links() unaweza pia kutekelezwa kwa urahisi kwa kutumia chaguo mpya za kukokotoa zilizorahisishwa the_posts_pagination() .

Kwa mfano, unaweza kuongeza alama # kabla ya kila nambari ya ukurasa:

The_posts_pagination(array("before_page_number" => "Hapana",));

Kwa chaguo-msingi, the_posts_pagination() huonyesha ukurasa wa kwanza na wa mwisho, pamoja na ukurasa mmoja karibu na huu wa sasa. Wengine wote hubadilishwa na ellipsis. Tabia hii inaweza kubadilishwa kwa kutumia hoja:

  • show_all - onyesha kurasa zote
  • end_size - idadi ya kurasa mwanzoni na mwisho wa orodha
  • mid_size - idadi ya kurasa upande wa kushoto na kulia wa ukurasa wa sasa

Kwa mfano:

The_posts_pagination(array("end_size" => 2, "mid_size" => 2,));

Nambari hii itaonyesha ya kwanza, ya pili, ya mwisho na ukurasa wa mwisho, bila kujali ya sasa. Na kuzunguka ukurasa wa sasa kutakuwa na kurasa mbili kila upande. Kwa kutumia mada ya mfano ingeonekana kama hii:

The_posts_pagination() chaguo za kukokotoa huongeza idadi ya madarasa ya ziada kwenye ghafi ambayo unaweza kubadilisha mwonekano kila kipengele cha pagination.

urambazaji_wa_machapisho

The_posts_navigation() chaguo la kukokotoa ni chaguo lisilovutia sana la the_posts_pagination() chaguo la kukokotoa. Inaonyesha tu viungo vya kurasa zinazofuata na zilizopita zinazohusiana na za sasa.

Kabla ya WordPress 4.1, viungo hivi vinaweza kupatikana kwa kutumia get_next_posts_link() na get_previous_posts_link() vitendaji, ambavyo vinatumiwa na waandishi wengi wa mandhari ya WordPress leo. Kuanzia toleo la 4.1, waandishi wanaweza kurahisisha sana onyesho la viungo kama hivyo:

Kwa kutumia funguo za prev_text na next_text za safu iliyopitishwa, unaweza kubadilisha maandishi ya viungo. Chaguo-msingi ni "Maingizo ya Zamani" na "Maingizo Mapya", ambayo yatafanya kazi kwa hali nyingi.

urambazaji_wa_baada

The_post_navigation() chaguo za kukokotoa zinaweza kutumika katika kiolezo cha chapisho moja. Kazi hii huonyesha viungo vya maingizo yanayofuata na yaliyotangulia kuhusiana na ya sasa. Pia inafanya kazi vizuri kwa matumizi katika violezo vya viambatisho.

Hoja za prev_text na next_text zinaweza kutumika kubadilisha maandishi, ambapo mstari wa kichwa % unaweza kutumika kuingiza kichwa cha makala inayofuata au iliyotangulia:

The_post_navigation(safu("next_text" => " Ingizo linalofuata: %title", "prev_text" => "Ingizo lililotangulia: %title",));

Hitimisho

Data imepachikwa Vipengele vya WordPress hukuruhusu kupunguza kwa kiasi kikubwa idadi ya msimbo katika mada, na maadili ya hoja zao msingi yanafaa kwa mada nyingi, na kuziruhusu kutumika bila vigezo vyovyote.

Ikumbukwe kwamba kazi zote tatu zinaonyesha matokeo mara moja kwenye skrini. Ikiwa unataka kuandika matokeo kwa kutofautisha, unaweza kufanya hivyo kwa kuongeza kiambishi awali cha get_ kwa yoyote kati yao, kwa mfano get_the_posts_pagination() .

Tunakukumbusha kwamba toleo la WordPress 4.1 litatolewa Desemba 2014 pamoja na jipya mandhari ya kawaida Ishirini na Tano.

Katika nakala hii, nataka kukuonyesha jinsi ya kuongeza uwekaji nambari katika WordPress kwenye blogi yako bila programu-jalizi zozote. Ubaguzi wa nambari ambao nitatekeleza unatumika kwenye tovuti hii (ukienda kwenye sehemu ya blogu na kusogeza hadi chini kabisa, utaelewa ninachozungumza; maelezo ya mtafsiri - takriban utekelezaji sawa unatumika kwenye blogu hii. , kupitia programu-jalizi pekee). Niliandika chapisho hili kwa sababu ninaamini kuwa watu kawaida huwa na wakati mgumu kuongeza utaftaji kwenye tovuti iliyopo. Mara kwa mara mimi hukutana na mijadala kwenye vikao vya WordPress.org ambapo watumiaji huuliza maswali kama hayo: "Je, ninawezaje kuongeza orodha kwenye ukurasa wangu wa blogu?", "Je, ninawezaje kuongeza nambari hizo chini kabisa ya ukurasa ili watumiaji waweze kupitia machapisho. ?” au "Ninawezaje kugawanya blogu yangu katika kurasa nyingi?" Inaonekana kwamba watumiaji wengi huchagua utaftaji wa nambari katika WordPress badala ya urambazaji kwa kutumia viungo vya kawaida"Ukurasa uliotangulia" na "Ukurasa unaofuata", ambao kwa kweli hausemi chochote kuhusu mahali ambapo mtumiaji yuko kwa sasa.

Uandikaji wa msingi kwa kutumia viungo viwili "Ukurasa Ufuatao" na "Ukurasa Uliotangulia" ni rahisi sana kutekeleza, kama ilivyoandikwa vizuri kwenye msimbo, lakini urambazaji huu sio rahisi zaidi. Fikiria kuwa mtumiaji alikuja kwenye tovuti yako, akafika kwenye ukurasa wa 8 kiingilio kinachohitajika na kushoto. Kisha akarudi na kuamua kupata chapisho lile lile kwenye ukurasa wa 8 - kwa hili itabidi atembeze rundo la kurasa. Fikiria jinsi hii inakera. Hii inaonyesha utumiaji duni, na inashauriwa kuepuka mbinu hii ikiwa hutaki watumiaji warudi kwako.

Usanidi wa kimsingi: WP_Query maalum

Hatua ya kwanza-na muhimu zaidi-ya kuunda pagination ni mpangilio sahihi WP_Query. Unahitaji kuhakikisha kuwa hoja inarudisha data ya rekodi. Hapa mfano msingi ya hoja inayotekelezwa:

6, "paged" => $iliyopangwa); $custom_query = new WP_Query($args); while($custom_query->have_posts()) : $custom_query->the_post(); ?>

  • " rel="alamisho">

    Imeandikwa na:/mwandishi/"> juu #maoni ">
      ">

Kumbuka: Nambari iliyo hapo juu inatumika kama mfano. Ikiwa unakili tu na kuibandika kwenye faili yako, basi mitindo yote itavunjwa. Ikihitajika, msimbo unaweza kurekebishwa ili kukidhi mahitaji yako. Pia kumbuka utofauti tunaotumia kuhifadhi hoja yetu, $custom_query, kwani hii itatumika kuonyesha uwekaji wa hoja kwa hoja hiyo.

Mwanzoni kabisa mwa ombi letu, tuliweka $paged variable, ambayo itatumika ndani ya ombi letu maalum. Inahitajika kuashiria kwa WordPress ni ukurasa gani wa pagination ambao tuko kwa sasa. Bila vigezo hivi viwili, utaftaji wa nambari katika WordPress hautafanya kazi ipasavyo.

Mitindo ya pagination

Mitindo ifuatayo imewekwa moja kwa moja kwenye faili kuu ya .CSS ya mandhari yako. Mitindo hii inafafanua jinsi ukurasa wa tovuti yako unavyoonyeshwa.

/* Upaji wa ukurasa */ .pagination ( wazi:zote mbili; nafasi: jamaa; saizi ya fonti:11px; /* Ukubwa wa maandishi ya kurasa */ urefu wa mstari:13px; kuelea:kulia; /* Mwelekeo wa kuelea wa pagination */ ) . , .pagination a ( display:block; float:left; margin: 2px 2px 2px 0; padding:6px 9px 5px 9px; text-decoration:none; width:auto; color:#fff; /* Rangi ya maandishi ya pagination */ background : #555; /* Rangi ya mandharinyuma isiyotumika ya kupagiza */ -webkit-mpito: usuli .15s urahisi-kutoka; -moz-mpito: usuli .15s urahisi-kutoka; -ms-mpito: usuli .15s urahisi-kutoka; -o-mpito: mandharinyuma .15 urahisi-kutoka; mpito: usuli .15 urahisi-kutoka; ) .pagination a:hover( rangi:#fff; usuli: #6AAC70; /* Mandharinyuma ya uwekaji ukurasa kwenye hover */ ) .pagination .current( padding:6px 9px 5px 9px; usuli: #6AAC70; /* Mandharinyuma ya ukurasa wa sasa */ color:#fff; )

Kitendaji cha pagination

Nambari iliyo hapa chini ni msimbo wote tunaohitaji ili utaftaji ufanye kazi ipasavyo. Hapa ndipo data ya ombi lililorejeshwa huchakatwa na utaftaji wetu mzuri hutolewa. Nakili na ubandike msimbo huu kwenye faili yako ya function.php. Hakuna mabadiliko yanayohitajika kufanywa:

idadi_ya_kurasa; if(!$pages) ( $pages = 1; ) ) ikiwa(1 != $pages) ( echo "

Ukurasa ".$umepangwa." ya ".$kurasa.""; ikiwa($paged > 2 && $paged > $range+1 && $showitems< $pages) echo "« First"; if($paged >1 && $showitems< $pages) echo "‹ Previous"; for ($i=1; $i <= $pages; $i++) { if (1 != $pages &&(!($i >= $paged+$range+1 || $i<= $paged-$range-1) || $pages <= $showitems)) { echo ($paged == $i)? "".$i."":"".$i.""; ) ) ikiwa ($paged< $pages && $showitems < $pages) echo "Inayofuata ›"; ikiwa ($paged< $pages-1 && $paged+$range-1 < $pages && $showitems < $pages) echo "Last »"; echo "
\n";)) ?>

Kutoa pagination namba katika WordPress

Sasa kwa kuwa kila kitu kimeundwa, tunaweza kuonyesha pagination kwenye tovuti. Ongeza kizuizi kifuatacho cha msimbo moja kwa moja kwenye mada au kiolezo chako (kulingana na mahali unapotaka pagination kuonekana).

kurasa_idadi_za_idadi); )?>