există multe modalități prin care puteți schimba aspectul unei anumite pagini de pe site-ul dvs. Puteți modifica conținutul din Editorul de conținut WordPress. Puteți modifica regulile CSS care afectează site-ul. Sau creați un fișier nou în ierarhia șabloanelor temei WordPress pentru a corespunde paginii specifice. Sau puteți utiliza un șablon de pagină temă conceput special pentru acea pagină. Ultimul este ceea ce vorbim aici. În acest tutorial vom acoperi atât modul de creare a unui șablon de pagină personalizat WordPress, cât și de ce ați putea dori să faceți acest lucru. Vom începe cu de ce.
când spui „WordPress temă șablon de pagină personalizată”, ce vrei să spui?
există o mare problemă de terminologie cu acest subiect. Așa cum am sugerat mai sus, există o mulțime de lucruri cu noțiunea vagă de „pagină” și „șablon” în lumea WordPress despre care nu vorbim aici. Primul lucru pe care nu-l înțeleg când spun ” șablon de pagină personalizat WordPress „este” o temă WordPress.”(Mulți oameni noi în WordPress spun ” șabloane „atunci când înseamnă ” o temă WordPress”.”)
deci, ce vreau să spun prin „șablon de pagină personalizat”? Mă refer la ceea ce se arată în dreapta. De exemplu, editați Tipul de conținut al paginii în WordPress (deși, așa cum vom vedea mai târziu, acesta poate include acum alte tipuri de conținut WordPress). Și în timp ce editați pagina dvs., observați caseta „atribute de pagină” și, în cadrul acesteia, este posibil (în funcție de Dacă tema dvs. are deja aceste șabloane) să vedeți acest „șablon” derulant. Această casetă de selecție este ilustrată în partea dreaptă (este, de asemenea, în partea dreaptă a ecranului „Editare pagină”). Dacă vedeți acest meniu derulant, se datorează faptului că tema dvs. oferă unele dintre aceste „șabloane de pagină personalizate.”Sunt de fapt fișiere în folderul temei dvs. active în prezent (sau părintele său) și au o singură caracteristică distinctivă la care vom ajunge mai târziu. Dar acest dropdown selectabil de șabloane de pagină numite este ceea ce vorbim astăzi aici.
cum se încadrează acest lucru în ierarhia șabloanelor?
am mai scris și probabil voi face acest lucru din nou, despre modul în care șablonul — există din nou acel cuvânt — ierarhia este într-adevăr conceptul cheie pe care trebuie să-l înțelegeți pentru a construi sau modifica o temă WordPress. (Iată introducerea noastră rapidă.) Aproape orice altceva este un detaliu pe care îl puteți rezolva odată ce ați înțeles dinamica de bază a ierarhiei șabloanelor. Lucrul specific pe care îl înțelegem astăzi, totuși, se află în afara ierarhiei șabloanelor. Acest „șablon selectat” înlocuiește în esență întregul proces de selecție al ierarhiei șablonului.
dacă a fost selectat un șablon de pagină personalizat în meniul derulant pe care l-am arătat mai sus, acel fișier „șablon” va fi utilizat. Oprire completă, fără excepție.
pentru a reafirma că, dacă este selectat un șablon de pagină personalizat, va fi utilizat acel fișier „șablon”. Oprire completă, fără excepție. Dacă nu, atunci ierarhia șabloanelor WordPress va căuta un mod oarecum diferit în care cineva ar fi încercat să stilizeze o anumită pagină — cu un fișier page-123.php
sau page-custom-template-utilizer.php
. (Diferența dintre șablonul personalizat și unul cu această structură page-$id
sau page-$slug
este într-adevăr doar în interacțiune și interfață.) Dacă niciunul dintre acestea nu este găsit, WordPress va reveni la page.php
, dacă există, și dacă nu, vom ajunge la ultima rezervă, index.php
.
dacă vă întrebați de ce ați folosi această metodă spre deosebire de cea numerică sau slug — în ambele cazuri creați un fișier personalizat în tema dvs., la urma urmei — motivul este că utilizarea șabloanelor personalizate vă oferă mai multă flexibilitate și independență între tema dvs. și baza de date și conținutul site-ului dvs. Din acest motiv, aș recomanda-o în aproape orice situație atunci când nu sunteți sigur cu ce să mergeți. Cu structura numerică sau bazată pe slug page-*.php
, sunteți obligat să vă informați tema despre modul specific în care datele bazei de date WordPress sunt chiar acum. (Deci, dacă reutilizați tema pe un alt site WordPress, de exemplu, acel fișier este inutil.)
cum fac un șablon de pagină personalizat WordPress?
OK, deci știm că șabloanele de pagină personalizate vor înlocui ierarhia șabloanelor WordPress. Și că le vom folosi pe paginile reale ale site-ului nostru WordPress, selectându-le dintr-un meniu derulant „șablon” din bara din dreapta a conținutului relevant. Deci, este timpul să ajungeți la procesul de creare a unui șablon de pagină personalizat WordPress.
ceea ce veți face este să adăugați la tema dvs. (și într-adevăr ar trebui să fie o temă pentru copii, cu excepția cazului în care există o constrângere foarte puternică care vă face imposibil) un fișier cu un nume precum my-template.php
sau really-cool-awesome.php
. Nu contează cu adevărat, atâta timp cât nu folosiți de fapt un nume care face parte din ierarhia șabloanelor, sunteți de aur. (Ceea ce înseamnă: nu folosiți un nume ca page-whatever.php
. Așa cum am atins mai sus, ierarhia șabloanelor WordPress crede că deține un fișier numit cu acel model.)
odată ce ați primit fișierul (cool-page-template.php
, din orice preferați), ar trebui să îl porniți astfel:
<?php/*Template Name: Name To Appear In The Dropdown*/?>This is my custom template.
și practic ai terminat. După cum probabil puteți ghici, numele care va apărea în meniul derulant „șablon” este ceea ce am numit inteligent „nume să apară în meniul derulant.”La fel ca fișierul style.css
al temei dvs. sau fișierul principal al unui plugin, WordPress folosește informațiile din acest comentariu de cod pentru a-i oferi context pentru a funcționa.
atunci conținutul paginilor noastre va fi, în acest caz, textul HTML foarte de bază „Acesta este șablonul meu personalizat”. După cum ați putea ghici, aici este locul în care este mult mai probabil să puneți conținutul HTML pe care doriți să îl apară pe pagină. Deci, <h1>
tag-uri, <p>
tag-uri, și, probabil, (dacă sunteți fantezie) unele PHP pentru a face un comportament personalizat pe care doriți să arate off.
de ce șablonul dvs. de pagină personalizat WordPress nu apare
am avut (de mai multe ori) experiența că noul meu șablon de pagină WordPress nu apare. De departe, cea mai frecventă cauză este că am scris (sau am remembed) cum ar trebui să arate comentariul antetului fișierului. Trebuie să fie etichetat cu titlul corect precis. Deci Template Name: Narrow Page
este perfect, dar WordPress nu va localiza niciodată ceva care are în schimb un antet de Template: Custom
.
mai sunt câteva lucruri de verificat. Alte motive pentru care s-ar putea să constatați că șablonul de pagină personalizat nu apare:
- ați pus fișierul în locul greșit (trebuie să fie în tema curentă de rulare sau în părintele său)
- ați dat șablonului un fișier care începe cu
page-
. Datorită unei caracteristici a temelor WordPress, șabloanele de pagină personalizate care încep cupage-
sunt tratate în schimb ca pagină a ierarhiei șabloanelor. - tema lipsește una dintre cele două fișiere necesită, și așa nu este de lucru. (Teme WordPress * trebuie* să aibă un fișier
index.php
și unstyle.css
.) - a existat o problemă cu acest lucru înapoi în zilele de WordPress 4.9 (acum câțiva ani acum)
șabloane de pagină pentru non – „pagină” WordPress personalizat Post Types
pentru o mare parte din istoria WordPress, aceste „șabloane de pagină personalizate” au fost doar pentru tipul de conținut „pagină”. (WordPress are doar două tipuri de conținut, „postări” și „pagini” în mod implicit.) Dar în WordPress 4.7, s-a adăugat funcția că puteți utiliza aceste șabloane de pagină cu noi tipuri de conținut (numite adesea „tipuri de postări personalizate”).
pentru a face acest lucru, adăugați o altă linie la „antetul fișierului”.”Deci, ar arata un pic ca acest lucru:
<?php/*Template Name: Narrower TemplateTemplate Post Type: post, page, event*/// Page HTML and PHP goes here...
după cum probabil puteți ghici, acest nou antet Template Post Type:
prefațează numele „nivel de cod” pentru tipurile de postări (personalizate). Veți observa că în exemplul de mai sus, enumerăm tipul de conținut page
cu care WordPress este livrat, precum și cel post
. În plus, susținem un al treilea „tip de postare personalizată” numit event
.
un motiv excelent pentru a utiliza șabloane de pagină personalizate
acum, dacă ați făcut acest lucru înainte, veți observa că pagina de mai sus nu va avea stil și va arăta foarte puțin ca restul site-ului dvs. Asta pentru că fișierul nostru are un lucru simplu în el și îi lipsește funcționalitatea foarte frecventă în toate celelalte pagini tematice. Nu are apeluri get_header()
, get_footer()
sau bucla pe care toate celelalte fișiere tematice le fac probabil.
uneori doriți o pagină care nu seamănă cu restul site-ului dvs., dar totuși o parte din experiența dvs. de gestionare WordPress. Aceste șabloane personalizate sunt perfecte pentru asta.
dar ilustrează una dintre marile puteri ale șabloanelor personalizate ca acestea: uneori doriți o pagină care nu seamănă cu restul site-ului dvs., dar totuși o parte din experiența dvs. de gestionare WordPress. Aceste șabloane personalizate sunt perfecte pentru asta. În timp ce le vedeți utilizate și pentru paginile arhivelor sau (mai puțin frecvent) paginile de contact, această abilitate este adesea trecută cu vederea.
și, în sfârșit, câteva sfaturi practice despre șabloanele de pagină
când căutați să faceți o pagină care să arate la fel ca celelalte pagini ale dvs. (dar puțin diferită), aș începe de fapt prin copierea unui fișier existent din tema dvs., probabil page.php
. Acest lucru este pur și simplu pentru că majoritatea dintre noi consideră că este mai ușor să schimbăm ceva decât să construim de la zero. Exemplul de cod oferă șablonului de pagină sensul de „pagină albă goală”, unde probabil doriți să adăugați sau să eliminați anumite detalii specifice din șablonul page.php
existent. Eliminarea barei laterale sau a subsolului, de exemplu, sunt motive foarte frecvente pentru care oamenii creează un „șablon de pagină personalizat” în WordPress.
după cum am acoperit, dacă duplicați fișierul page.php
al temei dvs. pentru a începe să creați șablonul de pagină personalizat, va trebui să vă asigurați că Adăugați „antetul șablonului de pagină personalizat” pe care îl avem mai sus. Din nou, acestea sunt pagina „magică” care face ca aceste șabloane să funcționeze. Acum, du-te face pagini minunat!
credit Imagine: Infogmare