WordPress bez dodatka – je li to moguće? Kako napraviti numeričku paginaciju u WordPressu bez dodataka Kod za stvaranje povratnih informacija o WordPressu bez dodatka

💖 Sviđa li vam se? Podijelite vezu sa svojim prijateljima

Pozdrav, dragi čitatelji bloga! Danas želim ponuditi rješenje za još jedan problem optimizacije WordPressa. Dopustite mi da vas podsjetim da su za postavljanje i ubrzanje indeksiranja stranice potrebni botovi za pretraživanje.

Ali ne manje važan je HTML analog, koji pomaže posjetiteljima da se kreću i brzo pronađu potrebne materijale na stranicama vašeg web projekta. O primjeru stvaranja već je bilo riječi. U principu, ovo je prilično dobra opcija i prilično je pogodna ne samo za početnike, već i za zrele webmastere.

Međutim, budući da je WP, usprkos svim svojim prednostima, prilično težak mehanizam, a mnogi njegovi moduli stvaraju dodatno opterećenje na hosting poslužitelju ili u određenoj fazi, iz ovog ili onog razloga, više nisu podržani od strane programera, ponekad je korisno imati rezervnu opciju. Stoga ćemo danas pokušati izraditi kartu u HTML formatu bez pomoći dodataka. Ovo je teži put, ali ako se želite razvijati, neće škoditi proći njime.

Koristeći ovu priliku, želio bih vam pružiti nekoliko materijala koji predlažu metode za optimizaciju WP bloga ili web stranice u različitim područjima bez korištenja proširenja:

Za one koji još uvijek nemaju pojma o nijansama mehanizma za stvaranje i uređivanje predložaka, preporučujem da se prvo upoznate. Uvjeravam vas da će nakon ovoga mnoga pitanja nestati.

Jednostavan sitemap u HTML formatu

Pa, sada prijeđimo izravno na pitanje kako napraviti kartu web stranice na WP bez dodataka, odnosno pomoću PHP koda, koji se koristi u glavnim predlošcima većine motora. Prvo, napravimo jednostavnu kartu kako biste razumjeli bit procesa.

Bolje je izvršiti bilo kakve promjene u datotekama stranice pomoću specijaliziranog softvera. Preporučam korištenje kombinacije za ove svrhe (za povezivanje s vašim hosting poslužiteljem) + (za izravno uređivanje).

Moguće je, naravno, koristiti samo Notepad s dva plusa, samo što je sveobuhvatna opcija, po mom mišljenju, mnogo sigurnija (ipak, izbor je vaš).

Nakon što na neki način dobijete pristup udaljenom poslužitelju na kojem web stranica "živi", upotrijebite uređivač Notepad++ da otvorite datoteku page.php svoje teme (ovaj je predložak obično odgovoran za prikazivanje standardne statične stranice WordPress bloga). Ako postoji samo jedna stranica na vašem hostingu, tada se ova datoteka najvjerojatnije može pronaći slijedeći put:

“public_html” - “naziv domene” - “wp-content” - “themes” - “naziv teme” - “page.php”

Na temelju njega napravit ćemo naš WordPress sitemap. Prije svega, morate stvoriti novu datoteku u korijenskoj mapi teme, koristeći isti Notepad, i smisliti joj prikladan naziv, koji će vam kasnije reći svrhu njezina stvaranja ako je iznenada zaboravite. Novopečeni objekt možete nazvati, recimo, map.php.

Dakle, nakon opisanih koraka, obje će se datoteke nalaziti na susjednim Notepad++ karticama. Na mojoj temi bloga stranica sadržaja.php izgleda ovako (nažalost, nemoguće je pružiti univerzalnu opciju za sve prilike, jer su svačije teme različite):

>

Zatim morate kopirati sadržaj page.php i zalijepiti ga u map.php, a zatim ga promijeniti u skladu s tim. Sada ćemo pogledati kako to učiniti koristeći primjer izrade karte web stranice prema gore prikazanom primjeru. Imajte na umu da se sadržaj vaše datoteke page.php može razlikovati od verzije koju sam predložio.

Stoga je važno razumjeti princip uređivanja. Vaši predlošci teme mogu sadržavati elemente odgovorne za dizajn sadržaja koji se razlikuju od onih koje vidite u gornjem kodu. Njihova stilska svojstva mogu utjecati na izgled karte web-lokacije i stoga ćete najvjerojatnije morati otkloniti pogreške u dizajnu pomoću .

Ako barem malo poznajete ovu temu, neće vam biti teško razumjeti obrazloženje i upute koje slijede u nastavku. Ako je sastav i sadržaj WordPress predložaka za vas mračna šuma, onda u ovom slučaju ne vidim ništa loše, jer ću na kraju predstaviti gotovu kartu web stranice koja bi trebala odgovarati gotovo svima.

Pogledajmo naš primjer u nastavku. Ostavit ćemo one retke koji definiraju glavno HTML označavanje stranice i promijenit ćemo samo sadržaj koji se nalazi između početnih i završnih oznaka članka (redci 16 - 19). Prije svega, obratite pozornost na početak (16) i kraj (19) petlje, koji određuju vrstu sadržaja koji će biti ispisan.

Nećemo ih brisati, jer ciklička funkcija također radi za prikaz poveznica na materijale koji su nam potrebni. U ovom slučaju postoje dvije linije unutar petlje (17 i 18):

Odmah uklanjamo funkciju za prikaz komentara (“comments_template”) jer je to nepotreban sadržaj za kartu. Ali što se tiče retka 17 (“get_template_part”), potrebno je napraviti objašnjenje kako bi sve bilo jasno. Činjenica je da se u mnogim modernim WordPress temama različite web stranice, uključujući statične, mogu izraditi pomoću nekoliko predložaka.

Ovaj slučaj nije iznimka. Linija 17 sadrži kod za pozivanje dodatnog predloška stranica-sadržaja.php, koji je zadužen za prikaz nekih komponenti stranice, što uključuje i funkciju prikaza naslova, koju registrirate u admin editoru. Obično se nalazi u odgovarajućoj oznaci:

Ali ovaj dizajn je namijenjen za automatsko generiranje naslova bilo koje stranice koju izradite na svom blogu. U našem slučaju, pokušavamo stvoriti poseban predložak u kojem će naslov biti konstantan. Stoga ga možete jednostavno napisati u HTML formatu iznad retka na početku petlje (istovremeno brišući “get_template_part”):

Dakle, uklonili smo sadržaj petlje koja prikazuje sadržaj obične statične web stranice, ali on se mora nečim zamijeniti, inače će HTML mapa biti prazna. Budući da se sadržaj karte web-stranice razlikuje po prisutnosti mnogih poveznica koje vode do postova na blogu, umjesto redaka 17 i 18 umećemo kod koji će prikazati te iste poveznice na članke:

">

Ali to nije sve. Kako bismo osigurali mogućnost prikazivanja materijala u obliku okomitog popisa, definiranja i lijepog dizajna cijele ove stvari dodjeljivanjem svojstava klasama i identifikatorima, zatvorit ćemo cijeli izlazni prostor veze u spremnik koji definira:

>

Karta stranice

  • ">

Stil prikaza veze primijenit će se u skladu sa svojstvima koja su navedena za selektore ul i li vaše trenutne teme u datoteci style.css. Ako iz nekog razloga niste zadovoljni ovim prikazom, tada je moguće sav sadržaj priložiti i za njega definirati neku klasu, na primjer class="html_sitemap":

>

Karta stranice

  • ">

Sada je posao skoro završen. Ali ako ste pročitali članak o tome, onda znate da kako biste kreirani predložak povezali sa stranicom, prvo morate odrediti njezin naziv. Da bismo to učinili, promijenimo sadržaj zaglavlja na neki način:

Sada smo spremni jednostavan predložak karte web stranice za posjetitelje:

>

Karta stranice

  • ">

U principu, takav se predložak može koristiti za bilo koju temu. Međutim, posljednji korak je odlazak na odjeljak "Stranice" na WordPress administratorskoj ploči - "Dodaj novo". Tamo ne unosimo naziv stranice u naslovno polje, jer će za naš uzorak biti naznačeno izravno u kreiranom predlošku, ali je potrebno postaviti stalnu vezu.

Zatim s padajućeg izbornika "Predložak" odaberite željenu opciju (u našem primjeru "Karta"). Sada datoteku map.php povezan sa stranicom i WordPress će znati kojem predlošku pristupiti kako bi ga prikazao u pregledniku:

To je sad to. Za svaki slučaj, dajem skup CSS svojstava za kartu web stranice, možda će biti prikladni:

Html_sitemap H1 (font-size:20px; margin-bottom:25px) .html_sitemap ul (list-style-type: circle; line-height: 1.5) .html_sitemap li a:hover (color:#fea02d) .html_sitemap li a ( boja: #984802; težina slova: podebljano; dekoracija teksta: ništa)

Ako ih želite malo promijeniti, tada možete eksperimentirati do mile volje pomoću alata za razvojne programere, dostupnog u bilo kojem modernom pregledniku i pozivanog pritiskom na tipku F12, čiji je prototip, koji vam omogućuje da radite sva uređivanja bez stvarne promjene u datotekama. Nakon što postignete željeni rezultat na mreži, dodajte dobivene stilove u datoteku style.css i spremni ste.

Kako izraditi potpunu HTML kartu web stranice za WordPress

U prethodnom smo dijelu pogledali kako napraviti jednostavnu mapu za WP koja sadrži isključivo poveznice na članke na stranici ili blogu. Ali u praksi se ova vrsta rijetko koristi, osim na vrlo malim resursima. Dao sam ovaj primjer samo kako bih pokazao algoritam djelovanja u takvim situacijama. Odnosno, kako, bez tečnog poznavanja PHP jezika, naučiti uređivati ​​datoteke tema bez da vas opterećuju ogromnim kodovima.

Jednom sam bio u sličnoj situaciji i gledao u php datoteke kao ovan u nova vrata. Ali postupno sam naučio razlikovati određene funkcije odgovorne za određena područja primjene. Codex WordPress je pomogao i još uvijek pomaže u tome. Čak sam sklon razmišljanju o tome da posvetim poseban odjeljak na blogu za učenje osnova PHP-a, budući da webmasteri početnici često nailaze na ozbiljne poteškoće pri uređivanju tematskih datoteka.

Dobro, dobro, to je stvar budućnosti, nastavimo našu temu. Zadržao sam se na tome da takva jednostavna karta nema praktične koristi, obično se koristi složenija verzija, gdje postoje poveznice na statične stranice, podjela na kategorije, popis arhiviranih materijala itd. Ako želite dobiti potpuni sitemap, morate slijediti korake koje ću opisati u nastavku.

Kako bismo ostvarili mogućnost finijeg ugađanja, koristimo datoteku za naše potrebe funkcija.php(dopustite da vas podsjetim, nalazi se u korijenskom direktoriju vaše teme), što vam omogućuje implementaciju najnetrivijalnijih zadataka. Da biste to učinili, spojite se na poslužitelj pomoću istog programa Filezilla koji sam spomenuo ranije u ovom članku:


Najprije ga otvorimo u istom uređivaču NotePad plus plus (u tu svrhu pomaknite kursor na function.php, desnom tipkom miša otvorite kontekstni izbornik i iz njega odaberite “View/Edit”). Zatim umetnite sljedeći fragment u njega:

Funkcija sp_html_sitemap() ( $category = true; // true - prikaz bloka s objavama, false - nema $categoryExclude = ""; // ID-ovi kategorija odvojenih zarezima koje bi trebale biti izuzete $categoryEmpty = true; // true - ne prikazuj prazne kategorije, false - prikaži $page = false; // true - prikaži blok sa stranicama, false - nema $pageExclude = ""; // ID-ovi stranica koje treba isključiti; - prikaži blok s autorima, false - nema $authorExcludeAdmin = false; // true - isključi korisnika s prijavom admin, false - nema $result = "

"; if ($stranica) ( $result .= "

Stranice

    "; $result .= wp_list_pages(array("exclude" => $pageExclude, "title_li" => "", "echo" => false,)); $result .= "
"; ) if ($category) ( $cats = get_categories(array("orderby" => "name", "hierarchical" => false, "exclude" => $categoryExclude, "hide_empty" => $categoryEmpty,)) ; $rezultat .= "";
  • cat_ID)."">".$category->name.""; $result .= "
      "; query_posts(array("cat" => $category->cat_ID,"showposts"=>1000)); while (have_posts()) ( the_post(); $cat = get_the_category(); if ($cat-> cat_ID == $category->cat_ID) ( $result .= "
    • "; $result .= "".get_the_title().""; $result .= ($categoryDate)?" (".get_the_time("d.m.Y").")":""; $rezultat .= "
    • "; ) ) $rezultat .= "
  • "; ) $rezultat .= ""; ) $rezultat .= "
    "; wp_reset_query(); echo $result; )

    Prednost HTML mape web stranice implementirane uz pomoć prekrasne datoteke function.php je u tome što dobivamo fleksibilnu opciju. Njegova fleksibilnost leži u činjenici da u budućnosti možete prilagoditi sve kako želite. Sami gornji redovi omogućuju vam da napravite potrebne promjene čak i bez osnovnog znanja PHP jezika (komentari označeni zelenom bojom, po mom mišljenju, prilično su informativni i reći će vam što i kako naznačiti u određenom slučaju).

    Na primjer, možete isključiti pojedinačne kategorije i web stranice tako da navedete njihove numeričke identifikatore () odvojene zarezima (ako ne morate ništa isključiti, jednostavno izostavite razmak između jednostrukih navodnika):

    $categoryExclude = ""; $pageExclude = "2794, 4366, 12910";

    Na primjer, bilo bi logično isključiti samu stranicu "Karta", web stranicu za pretraživanje na web mjestu (od Googlea ili Yandexa), tako da se čitatelji ne dive praznom prostoru u nedoumici. Ako nema takvih stranica, ostavite sve kako jest.

    Zajedno s zaglavljem stavljamo ga u div spremnik s klasom za prilagodbu stilova, a kao rezultat dobivamo sljedeći kod:

    >

    Karta stranice

    Pa, također možete koristiti primjer CSS stilova za cijelu kartu:

    Smap h1 (font-size:20px; margin-bottom:25px) .html_sitemap ul li(list-style-type:circle; margin-left:25px; line-height:1.3; margin-bottom:5px) .html_sitemap li ul (margin:10px 0 20px 10px) .html_sitemap li a(color:#984802; font-weight:bold) .html_sitemap li ul a(font-weight:normal) .html_sitemap li a:hover(color:#fea02d)

    Vjerojatno nisam osigurao sve funkcije koje su trebale biti dodane kartici. Na primjer, možete navesti broj članaka u svakoj arhivi, vrijeme objave postova itd., Ali to je već specifično, glavna stvar, siguran sam, je ono što imate. Na kraju vas podsjećam na mogućnost pretplate na primanje novih materijala bloga putem e-pošte. To će vam pomoći da ostanete u toku.

    Želite pravodobno primati svježe, relevantne i korisne članke? Tada se možete pretplatiti:

    Još članaka na ovu temu:

    73 recenzije

    1. Olga

      Hvala na informaciji! Kako staviti gumbe društvenih mreža na bočnu stranu web stranice - poput vaše?

    2. Aleksej

      Bio sam zaintrigiran... Počeo sam proučavati html i css. Sada, uz pomoć vašeg posta, doći ću do karte. Budući da se karta može napraviti bez dodatka, ja ću to učiniti. Dakle, članak je na temu

    3. Sanya

      Vaš je članak vrlo koristan. Instalirana je tema koja uključuje datoteku karte web-lokacije. Ali i ja, kao i vi, pokušavam doći do rude. Nakon opetovanog uređivanja teme, mapa stranice je počela pokazivati ​​broj članaka jednak postavkama za prikaz članaka na blogu (u admin panelu).
      Dugo sam čačkao, a onda sam odlučio pogledati “pametne blogove” (tvoj je prvi na popisu), i gle čuda, tvoj najnoviji članak govori upravo o tome.
      HVALA PUNO, moj sitemap sada je u željenom obliku.

    4. Igore

      Olga, poslao sam ti e-mail s poveznicom. Iako ću uskoro početi objavljivati ​​o gumbima društvenih mreža i tu ću također opisati ovu uslugu.

    5. Igore

      U redu, Alexey. Postavljajte pitanja ako nešto nije jasno.

    6. Igore

      Hvala ti, Sanya, na kvalitetnim komentarima koje si dodijelio Goldbusinessnet blogu. Jako mi je drago da ste pronašli upravo ono što ste tražili. Iskreno govoreći, ovo daje zamah da nastavimo u odabranom smjeru.

    7. Bosiljak

      Također ću u budućnosti zamijeniti dodatak za kartu web stranice kodom. Igore, je li tvoje Google pretraživanje zasebna statična stranica?

    8. Jurij

      Članak je koristan i potreban! Samo se rješavam nepotrebnih dodataka. Sada znam kako se riješiti drugog dodatka.

    9. Olga

      Da, vrlo zanimljivo.
      Trenutno radim Dagon Design Sitemap Generator. Usput, radi odlično (za razliku od nekih dodataka). Ali postupno ih zamjenjujem kodovima u predlošku.
      Zastrašujuće je, naravno, petljati se s kodovima; ne radi prvi put. Češće nego ne, blog ne uspije. Ali moramo. Brzina učitavanja bloga je prioritetni pokazatelj.

    10. Igore

      Vasily, pisao sam vrlo detaljno o primjeru izrade web stranice za Google prilagođeno pretraživanje.

    11. Igore

      Naravno, Olga, to je strašno, razumijem te. Ali ako koristite, na primjer, onda će pola vaših strahova nestati, jer se u ovom uređivaču možete vratiti na početnu verziju dokumenta. Osim toga, možete spremiti kopije originala, ako vam je to poznatije.

    12. Ruson

      Pozdrav Igore, koliko sam shvatio, ovo nije sitemap.xml, postoji li opcija za izradu map.xml bez dodataka?
      Cgfcb,j

    13. Igore

      Ne, Rusone, ovo je obična karta. XML verzija je složenija, još je ne objavljujem, jer još uvijek osobno koristim dodatak.

    14. Ruson

      Ok hvala Igore.

    15. svargan

      Pozdrav Igore! Nismo razgovarali neko vrijeme, bočna traka mi leti dolje, možda nešto nije u redu s divovima. Je li moguće riješiti ovaj problem?
      S uv. Dmitrij

    16. svargan

      Ovako sam riješio problem - div je jednostavno zatvoren na krivom mjestu, zaboravio sam uključiti bočnu traku u njega, razumljivo je da je odletio nakon glavnog bloka. Hvala na informaciji, imam još jedan dodatak minus i samo jedan od njih je aktivan 8) Usput, zamijenio sam sve seo pakete na blogu sa php kodom prilikom dodavanja postova, koristim prilagođena polja u njima i postavljam meta oznake, testiranje, vrijeme će pokazati.

    17. Igore

      Pozdrav, svargan. Drago mi je ponovno razgovarati. All in One Seo Pack se, naravno, može zamijeniti kodom, kao u principu i svi dodaci. Ali samo za SEO, implementira mnoge funkcije, pridržavam se pravila zlatne sredine u ovom pitanju, koristeći samo one dodatke koji ne nose veliko opterećenje s jedne strane, a implementiraju mnoge opcije s druge strane. Iako zašto ne testirati, mi, webmasteri, to moramo raditi cijelo vrijeme.

    18. svargan

      Također sam koristio platunum seo pack dodatak, ima malo više prednosti od svih seoa, pa, nije za svakoga, kako kažu. Također želim upakirati sve kategorije i oznake s meta oznakama (naslovi, opisi i ključevi), također ću provesti test, zanimljivo je kakva će biti distribucija u tražilicama za takve tchotchke. Igor uvijek rado razgovara, vidimo se kasnije.

    19. Igore

      Imao sam i Platinum, ali dugo nije bio ažuriran, pa sam prešao na All in One.

    20. svargan

      Imam još jedno pitanje. Igore, znaš li da li je moguće promijeniti dodatak Ozh" Better Feed u kod?

    21. Igore

      Da budem iskren, nikad nisam čuo za takav dodatak.

    22. svargan

      Ovaj korisni dodatak omogućuje vam da prilagodite svoj bilten. Na primjer, kako bi pretplatnici dobili objavu u inbox, a ne cijeli članak, jer nam je potreban promet na našim web stranicama i blogovima.

    23. Igore

      Ah, hvala Dmitry, za ovaj dodatak, mislim da je ovo važna informacija za čitatelje. Ako je ovaj dodatak mali i stalno se ažurira, možda ga ne vrijedi zamijeniti kodom, barem ne još?

    24. Aleksandar

      Zdravo. Iskoristio sam vaš članak za izradu karte web stranice, hvala. Postoji zapravo jedan problem. Pokušao sam primijeniti ovu kartu na svom blogu u Denveru - sve je uspjelo, pokušao sam je primijeniti na postojećem blogu (čiju sam adresu naveo u odgovarajućem polju) sa standardnom WordPress temom: sve je isto, ali za iz nekog razloga ruski znakovi nisu prikazani u naslovima zatvorenim u oznakama h3. Možda znate koji je razlog?

    25. Aleksandar

      Već sam shvatio :) Zalijepio sam vaš kod iz redaka 1-5 i 11-50 (sa zadnje snimke zaslona) u spremnik koji prikazuje sadržaj u mojoj temi, i to je to :)

    26. Igore

      Aleksandre, znači li to da je sve u redu i da ti ne treba moja pomoć?

    27. Aleksandar

      Da, sve je u redu :) Vaš članak mi je pomogao, hvala. Istina, kao što vidite, u mom blogu na stranici "Site Map" ispred naslova postoje točkice koje označavaju popis, pa bih volio da se pojavljuju samo ispred postova, jučer još nisam uspio pronaći kako to napraviti, ako mi kažete kako, bio bih vam zahvalan, ako ne, poslužit će mi :)

    28. Igore

      Alexander, prije svega, napiši dodatno stilsko pravilo u style.css datoteku:

      Karta (list-style-type:none;)

        To je to, ikone popisa pored kategorija i stranica trebale bi nestati. Kasnije objavite kako je prošlo.

      • Aleksandar

        Tako je! Hvala na pomoći:)

      • Anton

        Također sam se odlučio polako riješiti dodataka i odlučio da će Sitemap generator biti prvi na listi. Isprobat ću ovu metodu.

      • Roman Rey

        Što ako nema page.php? Eino tema

      • Igore

        Roman, ako nema datoteke page.php, onda će sljedeći predložak kojem će se WordPress okrenuti biti index.php. Ovaj predložak morate imati, napravite ga na temelju njega.

      • Roman Rey

        Shvaćam, hvala. Radit ćemo preko Indexa

      • Roman Rey

        Usput, koju karticu sada koristiš? Na temelju dodatka ili onog predstavljenog u opisu?

      • Igore

        Onaj koji je predstavljen u opisu.

      • Pobjednik

        Zdravo! Napravio sam mapu stranice kako ste napisali. Sve radi, ali iz nekog razloga se prikazuje samo zadnjih 5 postova za svaku kategoriju, a ja trebam sve objave prikazati u mapi stranice. Kako mogu ovo implementirati? Hvala unaprijed.

      • Igore

        Victore, zapravo, ako si točno slijedio moje upute, ovo se ne bi trebalo dogoditi. To znači da negdje u funkciji teme.php postoji ograničenje prikaza broja postova. Nažalost, ne mogu reći konkretnije, jer su svačije teme različite.

      • ja
      • Igore

        Ne, samo sam nešto radio s Share42 panelom, predmemorija je ažurirana, sada bi sve trebalo biti u redu.

      • Igore

        Zdravo!
        Sve radi, hvala!
        Molim vas recite mi kako da to učinim kao na vašoj karti web stranice, tako da prikazuje poveznicu na kategoriju, a ne samo njen naziv. Nadam se da razumiješ što mislim.
        Hvala unaprijed na odgovoru!

      • Igor Gornov

        Imenjače, probaj ovako. Pronađite redak u punom kodu karte web-lokacije:

        Jeka"

      • "."\n"." Naslov:".$cat->ime_mačke.""."\n";

        .$mačka->ime_mačke.

        Zalijepiti:

        ID_mačke)."">".$cat->ime_mačke."

        Cijeli red će izgledati ovako:

        Jeka"

      • "."\n"." Naslov:"cat_ID)."">".$cat->cat_name."""."\n";

      • Igore
      • Igor Gornov

        Čudno... Igore, jesi li sve napravio kako treba? Je li naziv kategorije ispravno prikazan?

      • Igore

    U ovom članku želim vam pokazati kako dodati paginaciju brojeva u WordPressu na svoj blog bez ikakvih dodataka.

    Numerička paginacija koju ću implementirati koristi se na ovoj stranici (ako odete na odjeljak bloga i pomaknete se do samog dna, shvatit ćete o čemu govorim; napomena prevoditelja - otprilike ista implementacija se koristi na ovom blogu , samo putem dodatka).

    Napisao sam ovaj post jer vjerujem da je ljudima obično teško dodati paginaciju na postojeću stranicu.

    Redovito nailazim na teme na forumima WordPress.org gdje korisnici postavljaju slična pitanja: " Kako mogu dodati paginaciju na svoju blog stranicu?», « Kako mogu dodati te brojeve na samo dno stranice kako bi se korisnici mogli kretati kroz objave?" ili " Kako mogu podijeliti svoj blog na više stranica?»

    Čini se da većina korisnika odabire numeričku paginaciju u WordPressu umjesto navigacije pomoću standardnih poveznica “Prethodna stranica” i “Sljedeća stranica”, što u stvarnosti ne pokazuje gdje se točno korisnik trenutno nalazi.

    Osnovnu paginaciju pomoću dvije poveznice “Sljedeća stranica” i “Prethodna stranica” prilično je jednostavno implementirati, kao što je dobro napisano u kodu, ali ova navigacija nije najprikladnija.

    Zamislite da je korisnik došao na vašu stranicu, došao do stranice 8 sa željenim unosom i otišao. Zatim se vratio i odlučio dobiti istu objavu na stranici 8 - za to bi morao listati kroz hrpu stranica. Zamislite koliko je ovo neugodno. To ukazuje na lošu upotrebljivost, te je preporučljivo izbjegavati ovaj pristup ako ne želite da vam se korisnici vraćaju.

    Osnovno postavljanje

    Prilagođeni upit WP_Query

    Prvi - i najvažniji - korak stvaranja paginacije je pravilno postaviti WP_Query. Morate biti sigurni da upit vraća podatke zapisa. Evo osnovnog primjera pokretanja upita:

    $paged = (get_query_var("paged")) ? get_query_var("paged") : 1

    $args = niz(
    "posts_per_page" => 6,
    "paged" => $paged
    );

    $custom_query = novi WP_Query($args);

    while($custom_query->have_posts()) :
    $custom_query->the_post();
    ?>




    • " rel="bookmark">


      Napisano po:/Autor/"> na #komentari ">


        ">










    Napomena: gornji kod se koristi kao primjer. Ako ga samo kopirate i zalijepite u svoju datoteku, tada će svi stilovi biti pokvareni. Ako je potrebno, kod se može prilagoditi vašim zahtjevima. Također obratite pažnju na varijablu koju koristimo za pohranjivanje našeg upita, $custom_query, jer će se ona koristiti za prikaz paginacije za taj određeni upit.

    Na samom početku našeg zahtjeva postavili smo varijablu $paged koja će se koristiti unutar našeg prilagođenog zahtjeva. Potrebno je naznačiti WordPress-u na kojoj se straničnoj stranici trenutno nalazimo. Bez ove dvije varijable, numerička paginacija u WordPressu neće raditi ispravno.

    Stilovi paginacije

    Sljedeći stilovi smješteni su izravno u glavnu .CSS datoteku vaše teme. Ovi stilovi definiraju kako se prikazuje paginacija vaše web stranice.

    /* Paginacija */
    .označavanje stranica(
    jasno: oboje;
    položaj: relativno;
    veličina fonta:11px; /* Veličina teksta paginacije */
    line-height:13px;
    float:desno; /* Pokretni smjer paginacije */
    }

    Pagination span, .pagination a (
    prikaz: blok;
    float:lijevo;
    margina: 2px 2px 2px 0;
    padding:6px 9px 5px 9px;
    tekst-ukras:nema;
    širina: auto;
    boja:#fff; /* Boja teksta paginacije */
    pozadina: #555; /* Paginacija neaktivna boja pozadine */
    -webkit-transition: pozadina .15s lagano ulaženje;
    -moz-transition: pozadina .15s lagano uvlačenje;
    -ms-transition: pozadina .15s lagano ulaženje;
    -o-prijelaz: pozadina .15s lagano uvlačenje;
    prijelaz: pozadina .15s lagano uvlačenje;
    }

    Paginacija a:hover(
    boja:#fff;
    pozadina: #6AAC70; /* Pozadina paginacije pri lebdenju */
    }

    Paginacija .current(
    padding:6px 9px 5px 9px;
    pozadina: #6AAC70; /* Pozadina trenutne stranice */
    boja:#fff;
    }

    Funkcija paginacije

    Kôd u nastavku je sav kod koji nam je potreban da bi paginacija radila ispravno. Ovdje se obrađuju vraćeni podaci zahtjeva i generira naša prekrasna paginacija. Kopirajte i zalijepite ovaj kod u svoju datoteku functions.php. Nije potrebno unositi nikakve promjene:

    // numerirana paginacija
    funkcija paginacije ($pages = "", $range = 4)
    {
    $pokaži stavke = ($raspon * 2)+1;

    globalno $paged;
    if(prazno($paged)) $paged = 1;

    if($pages == "")
    {
    globalni $wp_upit;
    $stranice = $wp_query->max_num_pages;
    ako(!$stranice)
    {
    $stranica = 1;
    }
    }

    if(1 != $stranica)
    {
    jeka "

    n";
    }
    }
    ?>

    Ispis numeričke paginacije u WordPressu

    Sada kada je sve postavljeno, možemo prikazati paginaciju na stranici. Dodajte sljedeći blok koda izravno u svoju temu ili predložak (ovisno o tome gdje želite da se pojavi paginacija).

    paginacija ($custom_query->max_num_pages);
    } ?>

    Vaša paginacija u WordPressu izgledat će ovako:

    Sretno! Napišite komentare!

    Jeste li znali da 60% korisnika napušta web stranice s lošim dizajnom? Zašto izgubiti profit? Odaberite i instalirajte jedan od njih odmah najbolji premium WordPress predlošci za web mjesto. Idealan izbor za Vaš posao!

    Odlučili ste izraditi web stranicu, ali ne znate koje rješenje odabrati? Zar nemate iskustva s ovim? To nije iznenađujuće i nema ništa loše u tome. Većina korisnika koji nisu vješti u području razvoja žele dobiti web stranicu uz što manje truda, ne ulazeći u detalje. Ponekad čak pristanu potrošiti malo više povjeravajući izradu web stranice web agenciji. Ali jeste li znali da se stvari mogu učiniti drugačije? Što možete, bez puno truda, uštedjeti izradom i istovremeno dobiti punopravnu web stranicu? Kamen spoticanja mnogima koji preferiraju ovakav način razvoja su dodaci. Ali možete izraditi WordPress web mjesto bez dodataka, a to je vrlo jednostavno.

    Dodaci su posebni moduli koji su ugrađeni u vašu temu i web stranicu, pružajući dodatnu funkcionalnost. Čini se, što bi moglo biti loše? Zašto mnogi korisnici radije stvaraju WordPress stranicu bez dodataka i općenito pokušavaju izbjeći korištenje dodataka ili dodataka? Nije lako pitanje je li to ispravno ili pogrešno. Mnogo ovisi o osobnim preferencijama i potrebama pojedinog korisnika. Ali to nije jedini razlog zašto ljudi napuštaju dodatke u korist gotovih sve-u-jednom rješenja.

    Po mom mišljenju, postoje prednosti i mane korištenja dodataka. Prilično je glupo načelno govoriti da web stranica treba biti bez dodataka ili, naprotiv, da ih treba instalirati što više kako bi imala sve moderne funkcije, prateći moderne trendove web dizajna.

    WordPress bez dodataka: Kako napraviti potpuno funkcionalnu web stranicu na WordPressu?

    Prednosti dodataka:

    — mogućnost ozbiljnog proširenja funkcionalnosti;

    Ovo je jedna od najozbiljnijih prednosti, zbog koje se mnogi ne žele odreći svojih uobičajenih dodataka. Ova prednost će omogućiti vašoj web stranici da uvijek bude korak ispred vaše konkurencije. Drugo je pitanje znati kada stati.

    - veliki izbor dodataka i opcija koje možete izabrati;

    Postoje dodaci za brzu izradu web stranice, lijepe animacije, fontove, SEO, sigurnost, povećanje brzine i druge zadatke.

    Problem korištenja dodataka usko je povezan s predlošcima. Činjenica je da mnogi besplatni predlošci uključuju određeni skup oskudnih funkcija i one možda neće biti dovoljne da web mjesto u potpunosti funkcionira. Ovdje morate razmisliti o instaliranju dodataka. Isplati li se to učiniti, uzimajući u obzir sve nedostatke dodataka? Prilično je teško nedvosmisleno odgovoriti na ovo pitanje, ali reći ću ovo - glavna stvar je znati kada stati. Korištenje desetaka dodataka u svakom je slučaju prepuno posljedica, čak i ako koristite premium dodatke.

    Kako biste smanjili rizik od neugodnih situacija, trebate odabrati rješenja za web razvoj koja u početku dolaze s ozbiljnom funkcionalnošću za WordPress stranicu bez dodataka. U ovom slučaju možete dodati samo nekoliko dodataka koji će raditi kako se očekuje. Takva rješenja su vrhunski predlošci. Ali i tu se javlja dilema. Kako pronaći dobre WordPress predloške koji su lijepi, moderni, responzivni i funkcionalni u isto vrijeme?

    Kakvu god vrstu web stranice namjeravate izraditi (blog, online časopis ili medijska stranica), tema Publisher će vam to olakšati. Prilično je nov i popularan. Njoj se vjeruje, inače ne bi mogla postići ocjenu 4,8/5.

    Dobit ćete ugrađeni sustav za upravljanje oglasima, što je iznimno važno za oglašavanje. Deseci pripremljenih početnih stranica za svačiji ukus za pojednostavljenje razvoja. Dizajn je responzivan, izbornik podržava prekrasne ikone i animacije, a zaglavlje može biti ljepljivo. Prisutna su automatska ažuriranja.

    Mogu se pronaći cool WordPress teme za internetske časopise i medijske stranice.

    Kovčeg je profesionalna tema za slobodnjake

    Ova prekrasna tema dolazi sa snažnom funkcionalnošću ugrađenom u nju. Sasvim logično za rješenje s najvišom ocjenom i brojem prodaja, kreirano prije manje od godinu dana. Uz The Ark predložak ne trebate koristiti dodatke, jer ćete imati 800+ gotovih objekata za razvoj, biblioteku boja, uređivač pozadinskog sloja i AJAX funkciju brzog spremanja. 300+ stranica s jedinstvenim dizajnom i mogućnošću uvoza.

    Pomoću ove teme možete izraditi poslovne web stranice, autoritativne blogove, online trgovine, odredišne ​​stranice i marketinške stranice. Koju god opciju da odaberete, vaš će izgled biti prilagođen mobilnim uređajima.

    Werkstatt – kreativni portfelj za generaliste

    Bilo da ste fotograf, freelancer, dizajner interijera ili posjedujete vlastiti web studio, tema Werkstatt pruža vam cijeli niz zanimljivih značajki. Imat ćete gotove stranice za predstavljanje svog rada u svom portfelju, navigaciju WordPress stranice bez dodatka, radni filtar, nekoliko stilova dizajna bloga i prekrasne Google i Adobe fontove.

    Prisutnost korisnih značajki ne uskraćuje vam priliku da proširite funkcionalnost pomoću dodataka, posebno Visual Composer, WooCommerce i WPML.

    Na našoj web stranici također potražite višenamjenske teme visoke kvalitete.

    Stack – višenamjenska WordPress tema + WordPress galerija bez dodatka

    Tema ima ugrađene prekrasne ikone i cool Variant web builder, glavna razlika od ostalih je čist kod bez pretjeranog proširenja.

    Za razvoj možete koristiti 150 gotovih demo tema za različita područja djelovanja i 280+ blokova sučelja. Dostupno je više stilova navigacije i feedova društvenih medija. Prekrasne zidarske galerije s efektom lightboxa (potonji koristi dodatak).

    ListingPro – imenik i tema imenika za WordPress

    Ako vam je potrebna web stranica imenika ili katalog bilo čega, tema ListingPro je upravo ono što trebate! Inteligentni sustav pretraživanja objekata s naprednim filtrima svidjet će se vašim posjetiteljima. Prilikom pretraživanja funkcionira funkcija autocomplete i preporuke obližnjih gradova. Moguće je prihvatiti automatska plaćanja za korištenje stranice.

    Već smo raspravljali o premium temama za imenike i direktorije na WordPressu u jednoj od prethodnih. Saznajte više o njima upravo sada!

    Sada znate da možete koristiti WordPress bez dodataka. Ne inzistiramo na potpunom napuštanju dodataka. Samo što je WordPress tako moćan sustav da čak i s praznim predloškom možete razviti visokokvalitetnu web stranicu za sve potrebe.

    Ako ste zainteresirani da saznate više o dodacima, preporučujem da posjetite odjeljak naše web stranice, gdje možete pronaći ogroman broj svih vrsta dodataka. Koje dodatke koristite? Jeste li imali iskustva s radom bez dodataka? Podijelite svoje mišljenje s nama u komentarima.

    Artyom je autor brojnih recenzija i članaka na web stranici projekta "Web laboratorij za uspjeh", posvećenih predlošcima, dodacima, tečajevima i drugim temama stranice. Stručnjak za odabir predložaka i dodataka za WordPress platformu itd. Hobiji: čitanje zanimljive literature i aktivan odmor.

    Sada imam novi hobi - optimiziranje bloga na WordPress motoru. "Mrežni put" na način da se sačuva funkcionalnost i ujedno izbjegne nema dodataka

    Nesklonost dodacima nije nastala niotkuda. Negdje u jesen odlučio sam da mogućnosti mog hostera postaju nedovoljne i prešao sam na drugi. I da bude stvarno dobar (kao što sam si mislio) - na virtualnom namjenskom poslužitelju

    Moj jadni blog. Koliko je već pokusa na njemu izvedeno! Drugi bi se jednostavno pokrio bakrenim lavorom i ne bi grgotio. Općenito, taj se potez pokazao kao strateška pogreška. Namjenska linija koštala je višestruko više, ali sa svakim priljevom ljudi dosljedno se pojavljivala pogreška 503– serverovo strpljenje je pri kraju! Poslužitelj nije mogao učitati moj blog.

    Greška 503
    Svakom računu na poslužitelju dodijeljen je određeni broj procesa koji obrađuju korisničke zahtjeve. Zahtjevi stižu na poslužitelj i stavljaju se u red čekanja. Lagani zahtjevi obrađuju se brzo, dok se teški problematični obrađuju sporo, usporavajući napredovanje u redu čekanja. Kada duljina čekanja dosegne određenu vrijednost, poslužitelj prestaje prihvaćati nove zahtjeve, vraćajući grešku 503 (Service Temporarily Unavailable, usluga je privremeno nedostupna)

    Ljudi su, naišavši na praznu stranicu, pisali i žalili se na nedostupnost obećanih informacija

    Što se mene tiče, pisao sam domaćinu, pitao i psovao.

    Služba za podršku hostinga jako se trudila nešto riješiti, ali sve je bilo uzalud - moj blog je brzo pao na nulu u pretraživanjima. Promet pretraživanja u jesen ne bi se mogao nazvati prometom. Ne promet, nego suze.

    Do prosinca je naš odnos sa službom podrške već postupno prešao iz konstruktivnog i tolerantnog u fazu obračuna: tko je kriv i što učiniti. I nekako, usred tih obračuna, došla je pomisao da imam instalirano puno dodataka (tada ih je bilo 37).

    Sad i ja to mislim to je puno. Ali na običnom dijeljenom hostingu to se uopće nije osjetilo! Stoga u tom trenutku nisam doveo naše svađe s domaćinom do rata i brzo sam vratio blog natrag timeweb

    No posijana ideja je urodila plodom. Nakon što sam malo istražio pitanja interne optimizacije i ubrzanja učitavanja bloga, došao sam do zaključka da dodaci nisu uvijek korisni! Za svu njihovu pogodnost.

    Stvaraju dodatne upite prema bazi podataka, dodatno opterećuju poslužitelj i time usporavaju rad motora. Brzina ionako sporog WordPressa pada i sveprisutni Google počinje nagovještavati kako je vaš blog navodno sporiji od ostalih, te stoga u rezultatima pretraživanja ustupa mjesto bržima. I ovo je u najboljem slučaju! U mom slučaju, rekao mi je grubo i odlučno:

    uklj. napuštanje dodataka počelo je kao nužna mjera. Novi trendovi zahtijevaju nova rješenja. Trebalo je tražiti alternativna rješenja. WordPress bez dodataka!

    Da biste maksimalno ubrzali WordPress, ima smisla zadubiti se u njega i pronaći rješenje klase: "i vukovi siti i ovce na sigurnom" - sačuvajte uobičajenu funkcionalnost i bez dodataka. Pa, barem bez većine dodataka.

    Uključiti je mali pomoćni program. Osmišljen je kako bi proširio funkcionalnost glavnog programa (u našem slučaju WordPressa), nadopunjujući ga i poboljšavajući u određenim područjima. Istodobno, glavni program uključuje mehanizam za izvršavanje dodataka, odnosno WordPress može raditi s pomoćnim programima.

    Prednosti dodataka

    1. Dodaci mogu obavljati potpuno različite funkcije - od rješavanja jednostavnih problema do složenih integriranih rješenja (forumi, moduli za online trgovinu itd.)
    2. Čak ih i početnik može instalirati
    3. Nije potrebno razumjeti PHP i CSS da bi se poboljšala funkcionalnost bloga

    Nedostaci dodataka

    1. Prevelik broj zahtjeva prema web poslužitelju
    2. Upiti u bazu podataka mogu biti vrlo teški, povećavajući opterećenje poslužitelja
    3. Vrijeme ažuriranja dodataka možda se neće podudarati s ažuriranjem samog motora i, kao rezultat toga, prestati raditi
    4. Kako bi blokirali ažuriranja, početnici instaliraju dodatne dodatke
    5. Ne može svaki hosting podržati više od 50 dodataka (u mom slučaju više se nije ponašao adekvatno s 37 dodataka)
    6. Prilikom prelaska na novi hosting mogu se pojaviti neočekivani problemi. Počevši od banalne rekonfiguracije dodataka, do sukoba i nekompatibilnosti, ili čak neoperabilnosti pojedinačnih dodataka. Neki dan sam morao riješiti problem s FacebookShare dodatkom za jednog partnera - kodiranje nije radilo ispravno

    Ukratko, mogu reći da sam danas napustio većinu dodataka, ali moj blog se funkcionalno nije promijenio ni na koji način.

    Postoji 14 aktivnih dodataka na mrežnom putu, od kojih su samo 4 standardna i općeprihvaćena, dok ne smislim kako ih zamijeniti dijelom koda.

    Ovo sada odlično funkcionira na mom blogu bez dodataka:

    1. Antispam u komentarima
    2. Karta stranice
    3. Popularne objave na bočnoj traci sa slikama
    4. Slični unosi ispod postova (s prikazanim slikama) - kako se PageSpeed ​​​​uporno žalio na ovaj dodatak, njegove java skripte i css tablice, čak i nakon optimizacije i kompresije, stvorile su prilično opterećenje
    5. krušne mrvice
    6. Navigacija po stranici
    7. Vrhunski komentatori
    8. Google+ gumbi za preporuke i

    Neki webmasteri željeli bi imati svoju web stranicu na WordPressu bez ijednog dodatka. Onima koji koriste ogroman popis dodataka ne bi trebalo biti jasno zašto je to potrebno.

    Zapravo, obje skupine webmastera su u pravu, a obje su u krivu, u isto vrijeme. WordPress bez dodatka je sasvim moguć, ali ne i sasvim moguć.

    Razmotrimo ovo pitanje detaljnije.

    Zašto vam je potreban WordPress bez dodatka?

    Svaki dodatak na WordPressu učitava poslužitelj. Dakle, svaki put kada se stranica učita, poslužitelj za hosting prima određeno opterećenje, a to opterećenje raste s brojem dodataka. Opterećenje će rasti eksponencijalno s povećanjem posjetitelja, jer će svaka osoba opteretiti poslužitelj.

    Ne ulazeći u detalje servera, recimo da mnogi pluginovi usporavaju stranicu, a što sporije radi, to je više pluginova, više posjetitelja i slabiji hosting. Usput, pročitajte kako saznati koliko je vremena potrebno za učitavanje vaše stranice.

    Odatle dolazi ideja o izradi WordPressa bez dodataka.

    Je li moguće napraviti WordPress bez dodataka?

    Većina funkcija koje se reproduciraju na WordPress stranici mogu se implementirati bez dodataka. Međutim, to nije tako jednostavno kao što se čini. Da biste to učinili, na primjer, bez dodatka, morat ćete napisati potreban kod, na pravo mjesto, u pravu datoteku. Ne morate napisati ovaj kod i možete ga lako pronaći na internetu, ali ćete ga morati sami staviti na pravo mjesto. A ako pogriješite, funkcija u najboljem slučaju neće raditi. U najgorem slučaju, cijela stranica neće raditi. A onda ćete ga morati obnoviti. Dobro je ako se sjećate koju datoteku i gdje ste napravili promjene. A ako ne, onda ćete to morati učiniti iz sigurnosne kopije.

    Jednostavno rečeno, izrada vlastitog WordPressa bez dodatka zahtijeva znanje i iskustvo. Ali nemaju ih svi. I onda, WordPress je stvoren da na njemu svatko može napraviti web stranicu, bez posebnog znanja i iskustva.

    WordPress bez dodataka neće biti tako funkcionalan i neće biti lako konfigurirati ovu ili onu funkciju. Dakle, ako, na primjer, pokušate napraviti klizač bez dodatka, a zatim za dodavanje i zamjenu slika u njemu, morat ćete urediti kod, a to treba učiniti sa svom pažnjom i koncentracijom. U vrijeme kada vam dodaci za klizače omogućuju da niti ne razmišljate previše kada uređujete element stranice.

    Trebate li WordPress bez dodataka?

    Rekavši gore navedeno, odgovor je očit - ne, ne morate napraviti WordPress bez dodatka, barem u potpunosti. S jedne strane vage je opterećenje poslužitelja, s druge dugi sati uređivanja koda. Izbor je očit. Štoviše, ako koristite dobar hosting, nećete osjetiti opterećenje.

    Međutim, još uvijek možete pokušati implementirati neke jednostavne funkcije bez dodatka na WordPressu. To će vam omogućiti da steknete neprocjenjivo iskustvo.

    reci prijateljima