Izrada predloška stranice za WordPress

Često, prilikom korištenja WordPress, trebate izraditi prilagođeni predložak za stranicu. Sigurno ste primijetili da mnoge WordPress stranice imaju različite izglede za različite stranice. Prilagođena stranica omogućuje stvaranje različitih izgleda redovne stranice u WordPressu. Ako ste novi u WP-u i nikada prije niste ovo radili, ne bojte se - stvaranje prilagođenog predloška stranice za vaše web mjesto lakše je nego što mislite.

Većina WP tema sadrži datoteka stranice (page.php) koji sadrži zadani predložak stranice koji se koristi na svakoj stranici ako nije naveden specifičan tip. Ako vam je potrebna stranica s drugačijim izgledom ili formatom od zadanog predloška stranice, morate stvoriti vlastitu vrstu predloška. Kada razvijate predloške za WP koji su vam potrebni osnovno znanje HTML, CSS i PHP. Međutim, možete koristiti gotove teme WordPress - www.inbenefit.com, ako nemate potrebne vještine.

Izrada predloška stranice

Za stvaranje vlastiti predložak, trebat će vam uređivač teksta. Za Windows možete koristiti običnu bilježnicu. Inače će vam trebati malo jednostavan sustav softver za uređivanje kao što su FileZilla ili Dreamweaver. U svakom slučaju, slijedite ove korake:

Ako posjetite stranicu u pregledniku, vidjet ćete prazan prostor. To je zato što u datoteci koju ste izradili nema koda koji govori WordPressu kako prikazati sadržaj. Sada vaše vještine HTML-a, PHP-a i CSS-a dolaze na scenu.

Priprema predloška

Zapravo, možete dodati bilo koji HMTL obrazac, PHP skripta ili oznaku predloška u datoteku custompage01.php koju želite koristiti. Moglo bi biti korisno pročitati nešto o tome što možete učiniti na razini kodiranja prije korištenja ovog uzorka. Također možete uključiti skripte web stranice za razne svrhe.

Jedan jednostavan način za početak rada s predlošcima je kopiranje osnovnih informacija iz datoteke page.php u temu koju koristite. Ovo će vam dati početnu točku i može biti korisno kada prvi put učite programirati. Slijedite ove korake:

U u ovom slučaju Ne zahtijeva puno programerskih vještina za konfiguriranje osnovne funkcije za vaše potrebe. Međutim, odlučite želite li izraditi prilagođeni izgled za svoju stranicu. Na primjer, stranica neće prikazati nikakav sadržaj koji unesete u WordPress bez unosa klase za koju područja.

Radi li ovo za WordPress postove?

Nažalost, ovo radi samo za statične stranice u sustavu upravljanja. Nećete moći promijeniti atribute na ovaj način na zaslonu nakon uređivanja.

Hoće li to utjecati na bilo što drugo na WordPress stranici?

Prilagođena stranica izolirana je od ostatka vašeg sadržaja. Čak i ako neispravno kodirate predložak, to neće utjecati ni na što na web stranici. Ako imate problema na korisnička stranica, samo promijenite predložak na zadani i sve će se vratiti na staro.

Postoji li alternativa za izradu izgleda bez kodiranja?

Možete izraditi vlastiti izgled bez prolaska kroz korake stvaranja jedinstvenog predloška. Možete koristiti dodatak poput Graditelj stranica iz SiteOrigina, koji vam daje mogućnost prilagodbe jedinstvenog izgleda kada koristite widgete unutar samog sadržaja. Za one koji nemaju vještine programiranja, ovo bi mogla biti bolja alternativa.

Ako više volite koristiti Page Builder, možete jednostavno deaktivirati bočne ploče i podnožja, zadržavajući naslov stranice odabirom drugačijeg izgleda stranice.

Prilagođene stranice mogu imati različite namjene: od oglašavanja proizvoda ili usluge do kreiranja odredišna stranica, idealno za razne kampanje.

WordPress predlošci stranica dizajnirani su kako bi vašim stranicama dali personalizirani izgled. Najčešće sve stranice imaju jedan predložak ili varijantu predloška sa ili bez bočne trake. Slažem se, ovo nije dovoljno za let mašte. U ovom ćemo vodiču pogledati najbolji način za izradu vlastitih predložaka stranica.

Što su predlošci stranica

WordPress tema može imati nekoliko različitih predložaka za prikaz stranica, postova, arhiva i tako dalje. Među predlošcima sada razmatramo predloške za stranice. Prilikom izrade stranice u WordPressu možete odabrati poseban predložak za nju:

Različite teme mogu pružiti različite šablone stranice, na primjer, predložak za stranicu koja se proteže cijelom širinom ekrana (bez bočnog stupca), s lijevim bočnim stupcem umjesto desnog, itd. Nedostatak ove opcije prilikom uređivanja stranica znači da tema nije deklarirala dodatne predloške.

Predlošci stranica mogu se koristiti za više od jedne stranice, a neke teme stvaraju vrlo specifične predloške koji se trebaju koristiti samo jednom.

Kako izraditi vlastiti predložak stranice

Kada koristite podređenu temu, također možete postaviti predloške stranica u korijenski direktorij ili poddirektorij, a ako se izda ažuriranje nadređene teme, to neće utjecati na vaše datoteke.

Kada ne koristiti predloške stranica

Ako svojim predloškom promijenite samo stil, a ne strukturu određenu stranicu, onda to možete učiniti bez upotrebe dodatnih predložaka.

WordPress ima pomoćnu funkciju body_class() koja se koristi u većini postojećih tema. Koristeći izlaz klasa ove funkcije, možete promijeniti stil bilo koje stranice pomoću CSS koda:

/* Sakrij bočnu traku na stranici 123 */ body.page-id-123 #secondary ( display: none; )

Predlošci stranica također se ne bi trebali koristiti za promjenu parametara glavne WordPress petlje, na primjer za dodavanje proizvoljan tip unose ili isključenja kategorija. Za takve svrhe postoji poseban filter pre_get_posts u WP_Query() .

Ako imate pitanja o radu s predlošcima stranica u WordPressu, rado ću odgovoriti na njih u komentarima.

U ovom ću članku govoriti o načinima stvaranja predložaka za stalne stranice WordPress. Svaka metoda ima svoje prednosti i nedostatke. Ali prije nego što počnemo, malo o tome što su stranice i po čemu se razlikuju od objava.

U WordPressu možete kreirati stranice (pages) i postove (posts). Razlikuju se po tome što se objave: pojavljuju u feedu na glavnoj stranici; Za unose su naznačene kategorije; postovi ne mogu biti u obliku stabla, a stranice: koriste se za sadržaj kao što su “O meni”, “Kontakti”, “Mapa stranice”; nemaju kategorije, ali imaju strukturu stabla. Unosi su obično namijenjeni kronološkim informacijama (na temelju vremena kada su dodani), a stranice su strukturi stabla koja je neovisna o vremenu. Na primjer, ovaj je članak objavljen kao "unos" u odjeljku "Kôd", a veze u izborniku zaglavlja vode do stranica: Funkcije.

Stranice su slične zapisima - nalaze se u istoj tablici baze podataka i podaci su im gotovo isti: naslov, tekst, dodatna polja itd. Oba su rekordi, ali različite vrste: Stranice su poput stabla i organizirane stvaranjem nadređenog i dječje stranice, a unosi su kombinirani po kategorijama i oznakama. U WordPressu možete kreirati dodatne vrste postova, stablo ili ne.

Izrada stranica u WordPressu

Često morate stvarati zaseban predložak stranice tako da se prikazane informacije razlikuju od ostalih stranica. Stvaranjem predloška stranice u WordPressu možete potpuno promijeniti stranicu: uklonite bočnu traku, podnožje, zaglavlje, možete promijeniti stranicu do neprepoznatljivosti. Na primjer, na ovoj stranici stranica na kojoj se prikazuju kodovi WordPress datoteka je promijenjena na ovaj način.

Metoda 1: predložak stranice korištenjem datoteke s prilagođenim nazivom i njezinim povezivanjem na administrativnoj ploči (klasična metoda)

Ovo je najčešći način za izradu predloška stranice u WordPressu. Da biste to učinili, morate kreirati .php datoteku, na primjer, tpl_my-page.php u mapi teme i na samom početku datoteke napisati napomenu da je stvorena datoteka predložak za stranice:

Sada, kada stvaramo stranicu na administrativnoj ploči, u bloku "Svojstva stranice", možemo odabrati "predložak":

Iz WordPressa 4.7. Takvi predlošci stranica mogu se izraditi za bilo koju vrstu posta, ne samo za stranicu. Da biste to učinili, dopunite komentare linijom: Vrsta objave predloška: objava, stranica, gdje su objava, stranica nazivi vrsta objava kojima predložak pripada.

/* Naziv predloška: Predložak moje stranice Vrsta objave predloška: objava, stranica, proizvod */

Prednosti:

Nakon što smo izradili jedan predložak, možemo ga praktično primijeniti na različite stranice. Na primjer, možete stvoriti predložak bez bočne trake i koristiti ga na različitim stranicama.

• Mogu se dohvatiti samo zapisi s navedenim predloškom. Na primjer, možete prikazati sve stranice s predloškom “Usluge” (datoteka servises.php). Ponekad je zgodno. Naziv datoteke predloška pohranjen je u metapolju _wp_page_template, tako da za prikaz stranica s navedenim predloškom morate stvoriti upit pomoću metapolja (pogledajte WP_Query).

Mane:

Nakon što stvorite datoteku predloška u mapi teme, trebate otići na administrativnu ploču i instalirati predložak za stranicu. Ovo nije uvijek zgodno tijekom razvoja. Stoga, ako namjeravate koristiti predložak samo za jednu stranicu, koristite drugu metodu.

Kako ovo radi:

Kada odete na administrativnu ploču za uređivanje stranice stabla, WordPress skenira sve datoteke predložaka tražeći redak:

Naziv predloška: ***

Redak se može nalaziti bilo gdje i na bilo koji način u datoteci.

Sve datoteke sa sličnim nizovima skupljaju se i prikazuju u odabiru predloška u bloku "Atributi stranice".

Prilikom objavljivanja stranice, prilagođeno polje _wp_page_template popunjava se nazivom datoteke predloška ili zadano ako predložak nije naveden:

Wp_page_template = zadano
_wp_page_template = tpl_my-page.php

Zatim, kada korisnik posjeti stranicu, WordPress će provjeriti meta polje _wp_page_template, ako je predložak instaliran, tada se koristi datoteka predloška. U suprotnom, potraga za predloškom stranice nastavlja se kroz hijerarhiju.

Metoda 2: predložak stranice putem datoteke s određenim nazivom (hijerarhija datoteka predložaka)

Kada se izradi stranica, oznaka (slug, alternativno ime). Koristi se u URL-u stranice. I može se promijeniti:

Da biste kreirali predložak na ovaj način, morate pronaći stranicu i stvoriti datoteku u mapi teme. Recimo da je naš puž, kao na slici, jednak kontaktima, a zatim ćemo stvoriti datoteku page-contacts.php u temi. i ispunite ga traženi kod(možete kopirati sadržaj iz datoteke predloška page.php i urediti ga prema svojim potrebama). To je to, sada kada posjetimo stranicu trebali bismo vidjeti novi predložak. Slično, možete uzeti ID (neka bude 12) stranice i stvoriti datoteku page-12.php.

Prednosti:

Nema potrebe ići na administrativnu ploču i instalirati datoteku predloška. Predložak počinje raditi odmah nakon izrade datoteke. Pogodno za razvoj.

Mane:

Predložak je kreiran samo za jednu, određenu stranicu. Ovisi o obrascu stranice; ako se promijeni, predložak neće raditi. Ako koristite ID, tada ovisnost o slugu nestaje, ali postaje nejasno u datoteci teme kojoj stranici predložak pripada (ako postoji nekoliko predložaka s ID-om).

Gotovo beskoristan pri pisanju predložaka, a još više dodataka. Može se koristiti kada uređujete svoje web mjesto, u kojem je slug ili ID stranice poznat unaprijed.

Kako ovo radi:

WordPeress odabire koju će datoteku koristiti sljedećim redoslijedom (datoteke moraju biti u korijenu teme):

• (bilo koje_ime).php (kada koristite predložak stranice)
• stranica-(post_label).php
• stranica-(post_ID).php
• stranica.php
• jednina.php
• indeks.php

Metoda 3: predložak stranice kroz filter "template_include" (kodiranje)

Ovo je napredna metoda, složenija je, ali zajedno s kompleksnošću otvara dovoljno mogućnosti. Pomoću ove metode možete postaviti predložak za bilo koju stranicu, objavu, kategoriju, bilo koju publikaciju na web mjestu ili čak grupu bilo koje publikacije. Pogledajte primjere s opisima:

// filter prosljeđuje varijablu $template - put do datoteke predloška. // Promjenom ove staze mijenjamo datoteku predloška. add_filter("template_include", "moj_predložak"); funkcija my_template($template) ( # slično drugoj metodi // ako je ovo stranica s portfolio slugom, upotrijebite datoteku predloška page-portfolio.php // upotrijebite uvjetnu oznaku is_page() if(is_page("portfolio" ))( if ($new_template = locate_template(array("page-portfolio.php"))) return $new_template ; ) # predložak za grupu kategorija // ovaj primjer će koristiti datoteku iz mape teme tpl_special-cats.php, // kao predložak za kategorije s ID-om 9, naslovom "Uncategorized" i slugom "php" if(is_category(array(9, "Uncategorized", "php")))( return get_stylesheet_directory() . "/tpl_special-cats. php"; ) # predložak za unos po ID-u // datoteka predloška nalazi se u mapi dodatka /my-plugin/site-template.php global $post; if($post->ID == 12)( return wp_normalize_path( WP_PLUGIN_DIR) . "/my-plugin/site-template.php" ) # predložak za stranice prilagođenog tipa "book" // pretpostavlja se da je datoteka predloška book-tpl.php u globalnoj mapi teme $post ; if($post->post_type == "book")( return get_stylesheet_directory() . "/book-tpl.php";

) vrati $template; )

Prednosti:

Ovaj kod treba staviti u datoteku functions.php teme ili u dodatak, ili povezati na neki drugi način. Kao što možete vidjeti iz primjera, tijekom filtra template_include, uvjetne oznake već rade, postavljene su globalne varijable: $wp_query, $post, itd.

• Možete postaviti predložak za bilo koju stranicu ili grupu stranica. Gotovo potpuni carte blanche u akcijama.

Mane:

Možete izraditi predložak kada pišete dodatak.

Potreba za pisanjem koda i zasebnim povezivanjem (na primjer, u functions.php teme). Na jelovniku Administratorske ploče WordPressa postoje bodovi Postovi I Stranice , s kojim možete dodati sadržaj na stranicu. Unosi su namijenjeni za dodavanje objava (bilješki, članaka) na blog; stranice trebaju biti kreirane za informacije koje ne spadaju u kategorije - “Početna”, “O nama”, “Kontakti”. Za izradu unosa kliknite.

Objave -> Dodaj nove Stranica otvorena s uređivač teksta , u kojem nastaje sadržaj. Prema zadanim postavkama uređivač se pokreće vizualni način , odnosno možete odmah vidjeti kako će sadržaj izgledati u pregledniku i raditi s njim na otprilike isti način kao npr. Microsoft Word . Ako je moguće vizualni urednik

Minimalno potrebno za objavu objave je unijeti naslov, dodati sadržaj i kliknuti na gumb Objaviti. WordPress dopušta postove bez naslova i bez teksta, ali od takvih postova nema smisla.

Nakon objave, unos će se pojaviti na glavnoj stranici stranice.

Prije objave preporuča se vidjeti kako će objava izgledati na stranici - za to je odgovoran gumb Pogled. Ako bilješka još nije spremna, ali želite odgoditi posao i vratiti mu se kasnije, kliknite gumb Uštedjeti. CMS će za vas spremiti nacrt objave bez objavljivanja na stranici.

Možete postaviti format objave (poželjno je da odgovara sadržaju bilješke, npr. u unosu formata Video Bolje je objaviti video nego slike), sličicu (slika koja će biti prikazana u objavi objave na glavnoj stranici) i oznake. Također možete odabrati kategoriju kojoj publikacija pripada. Naravno, odgovarajuća kartica odgovorna je za upravljanje particijama ( Postovi -> Kategorije), Ali nova kategorija može se dodati izravno sa stranice za uređivanje posta. Da biste to učinili, morate kliknuti na poveznicu Dodati novi odjeljak , odaberite nadređenu kategoriju i kliknite Dodajte novu kategoriju.

Postavljanje nadređenih odjeljaka relevantno je kada stvarate potkategorije članaka. Na primjer, imate opsežan odjeljak "Medicina", napisali ste članak o kineskoj medicini i shvaćate da će u ovoj podskupini biti još mnogo unosa. Zatim kreirate kategoriju "Kineska medicina" i odredite "Medicina" kao nadređenu kategoriju, čime dobivate pododjeljak "Kineska medicina" odjeljka "Medicina".

Kreirani postovi (objavljeni i skice) mogu se vidjeti na stranici Objave -> Sve objave. Mogu se pregledavati, mijenjati, brisati. Štoviše, možete promijeniti ne samo tekst ili naslov objave, već i parametre kao što su oznaka i datum objave. Osim toga, svaki se unos može zaštititi lozinkom ili učiniti privatnim tako da ga nitko osim vas ne može vidjeti,

Stranica za uređivanje gotovo se ne razlikuje od stranice za izradu posta.

Iz tab Postovi -> Kategorije možete upravljati kategorijama objava, uključujući davanje oznaka i opisa, što vam stranica za uređivanje objava ne dopušta.

Rad sa stranicama ne razlikuje se puno od rada s objavama: uređivač je potpuno isti, svojstva i radnje su isti, ali postoji nekoliko razlika koje nisu uočljive na prvi pogled.

U bloku Atributi stranice može se specificirati serijski broj te odabrati predložak stranice o kojem će ovisiti njezin izgled. Prema zadanim postavkama koristi se dizajn Osnovni predložak, popis ostalih ovisi o aktivnoj temi.

U principu, nema ništa komplicirano u upravljanju objavama, kategorijama i stranicama; gotovo sve je intuitivno i ne zahtijeva objašnjenje.

Izrada stranice na WordPressu jedan je od glavnih koraka u razvoju web stranice. Ovo nije problem za profesionalce, ali problemi se mogu pojaviti za početnike, one koji su nedavno otkrili ovaj nevjerojatan sustav za upravljanje sadržajem.

Stranica je jedan od glavnih dijelova WordPress web stranice. Reći ćemo vam kako napraviti stranicu i kako se ona može koristiti u tom članku.

Kako napraviti stranicu na WordPressu

Kako biste izradili stranicu na WordPressu, potrebno je kliknuti na stavku izbornika “Stranice” u administratorskoj konzoli i odabrati “Dodaj novu”. Bit ćete preusmjereni na , što je isto kao uređivač za dodavanje unosa. Ima sve te funkcije, a možete se prebacivati ​​između dvije vrste editora - tekstualnog i vizualnog.

Morat ćete smisliti naziv stranice i ispuniti njezin sadržaj. Osim toga, ako imate instaliran dodatak All in one SEO pack, stranica se može SEO optimizirati. Da biste to učinili, morate zapisati naslov, opis i ključne riječi u odgovarajućim redovima.

Baš kao i objave, stranice se mogu objaviti ili spremiti kao skica. Možete postaviti raniji datum objavljivanja ako stranice trebate objaviti unatrag ili kasnije ako želite zakazati buduće objave. Čitajte o tome.

Slično objavama, stranici možete dodati sličicu. Ali za razliku od postova, stranice se ne mogu dodijeliti nijednoj kategoriji niti im se mogu dodijeliti oznake.

Ako želite stvoriti hijerarhiju stranica, možete koristiti opcije nadređene i podređene stranice.
Također, ako vaš predložak na web mjestu podržava razne opcije prikazuje, mogu se odabrati u WordPressu prilikom izrade stranice.

Što možete učiniti s WordPress stranicom?

Stranice mogu biti ispunjene nekim tekstom, slikama ili drugim sadržajem. Tada će to biti statična stranica – neće se mijenjati proizvoljno. Stranica također može ispisati neki HTML kod, kao što je slučaj kod dodavanja obrasca povratna informacija ili karte web mjesta. To mogu biti dinamičke ili statične stranice, ovisno o funkcijama koda.

Na WordPressu početna stranica uvijek se kreira automatski i nema potrebe da ga dodatno kreirate ako na njemu želite prikazati najnovije unose. Ako trebate prikazati neku statičnu ili specifičnu stranicu na glavnoj stranici, prvo je trebate izraditi.

Stranice se mogu dodati u izbornik web-mjesta, u stavci administratorske ploče " Izgled" - "Jelovnik". I ovaj jelovnik se može staviti na web stranicu.