Cum să afișați conținutul pe pagina principală. Analizăm și completăm fișierul index php WordPress. Fișiere șablon WordPress CMS

WordPress este un medicament ușor în lumea dezvoltării web. Mulți oameni care au început să folosească această platformă au căutat inițial o modalitate ușoară (și gratuită) de a crea un site web simplu. Toate acestea se pot face cu puțină căutare pe Google și cu sfaturile oferite în codexul WordPress. Practic, „Am vrut doar să-l încerc și totul a funcționat.”

Cu toate acestea, mulți utilizatori nu se opresc la simpla cunostinta. În schimb, încep să folosească în mod activ sistemul. Ei vin cu mai multe idei. Ei experimentează. Încercarea de noi pluginuri. Deschideți Firebug. Toate. Punctul de fără întoarcere a fost deja depășit. Sunteți de acord, este similar cu povestea dvs.? Este normal ca utilizatorii WordPress să-și dorească din ce în ce mai multe aspecte ale gestionării site-ului lor. Doriți un design unic, funcționalitate dovedită, personalizare a tuturor detaliilor.

Din fericire, Sistem WordPress conceput exact pentru asta. A ei structura flexibila, iar arhitectura modulară permite oricui să schimbe aproape orice pe site-ul său.

Printre cele mai importante instrumente privind control total site, puteți marca șabloanele de pagină. Acestea permit utilizatorilor să schimbe radical designul și funcționalitatea site-ului lor. Doriți să faceți un antet complet diferit pentru pagina dvs. de pornire? Uşor. O bară laterală suplimentară care va apărea doar pe pagina blogului? Nici o problemă. Pagina unica 404? Vă rog!

Dacă vrei să știi cum să șabloane Pagini WordPress vă va ajuta să rezolvați aceste probleme, citiți mai departe. Cu toate acestea, mai întâi vom oferi câteva informatii de baza necesar pentru a înțelege cum funcționează șabloanele de pagină în WordPress.

Șabloane WordPress

La ce ne referim când vorbim despre șabloane în contextul WordPress? Pe scurt, șabloanele sunt fișiere care îi spun lui WordPress cum să iasă tipuri diferite conţinut.

Mai mult explicatie detaliata: Ori de câte ori cineva solicită vizualizarea unei părți a site-ului dvs., platforma WordPress determină ce conținut dorește să primească utilizatorul și ce parte a site-ului dvs. ar trebui să fie afișată.

WordPress va încerca apoi să folosească șablonul cel mai potrivit disponibil în tema dvs. pentru această parte a site-ului. Care depinde exact de ierarhia șabloanelor WordPress. Puteți vedea cum arată această ierarhie în captura de ecran de mai jos.

Ierarhia șablonului este o listă de cele familiare Fișiere WordPressșabloane care sunt clasate pentru a determina care fișier are cea mai mare prioritate.

Vă puteți gândi la această ierarhie ca la un arbore de decizie. Când WordPress încearcă să decidă cum să afișeze pagina curenta, coboară în ierarhia șablonului până când găsește primul șablon care se potrivește cu pagina solicitată. De exemplu, dacă cineva încearcă să acceseze http://yoursite.com/category/news, WordPress va căuta un șablon potrivit în această ordine:

1. categorie-(melc).php: în în acest caz, categorie-știri.php
2. categorie-(id).php>: Dacă ID-ul categoriei este 5, WordPress va încerca să găsească un fișier numit categorie-5.php
3. categorie.php
4. arhiva.php
5. index.php

În partea de jos a ierarhiei se află fișierul index.php. Este folosit pentru a afișa orice conținut care nu are un șablon specializat. Dacă un șablon se clasează mai sus în ierarhie, WordPress îl va folosi automat pentru a afișa conținutul solicitat.

Șabloane de pagină și utilizările lor

Pentru pagini, șablonul standard este fișierul page.php. Dacă nu există un șablon mai bun disponibil (cum ar fi archive.php pentru paginile de arhivă), WordPress va folosi page.php pentru a afișa conținutul tuturor paginilor de pe site-ul tău.

Cu toate acestea, în cele mai multe cazuri, devine necesară schimbarea designului, aspect, funcționalitate zone individuale site-ul. În acest caz, se folosesc șabloane de pagină. Șabloanele de pagină personalizate vă permit să personalizați orice parte a site-ului dvs. fără a afecta restul.

Poate că ați văzut deja acest lucru în acțiune. De exemplu, mulți astăzi Teme WordPress vin cu opțiuni de afișare a paginilor pe tot ecranul, adăugarea unei bare laterale suplimentare sau modificarea locației acesteia etc. Toate acestea sunt de obicei implementate prin șabloane. Există mai multe moduri de a face acest lucru și le vom analiza în continuare.

În primul rând, totuși, un cuvânt de precauție: deoarece lucrul cu șabloane implică editarea și modificarea fișierelor cu teme active, vă recomandăm să utilizați o temă secundară pentru a face aceste ajustări. În acest fel, modificările dvs. nu vor fi suprascrise atunci când tema părinte este actualizată.

Cum să schimbi orice pagină în WordPress

Există trei moduri principale de a utiliza șabloane personalizate de pagină în WordPress: adăugarea declarații condiționale la un șablon existent; crearea unui șablon pentru o anumită pagină care se va clasa mai sus în ierarhie; precum și atribuirea directă a șabloanelor către anumite pagini. Ne vom uita la fiecare dintre aceste metode pe rând.

Utilizarea etichetelor condiționate în șabloanele standard

Cel mai simplu mod de a face modificări pentru o pagină individuală este să utilizați etichete condiționate în șablonul acesteia. După cum sugerează și numele, aceste etichete sunt folosite pentru a crea funcții care sunt executate numai atunci când a fost îndeplinită o condiție. În contextul șabloanelor de pagină, acesta este de genul „Efectuați acțiunea X numai pe pagina Y”.

De obicei, etichetele condiționate sunt adăugate șablonului page.php al temei dvs. (cu excepția cazului în care doriți să schimbați o altă parte a site-ului). Ele te ajută să faci schimbări doar pentru pagina principala, pagina de pornire, pagina de blog sau orice altă pagină de pe site-ul dvs.

Iată câteva etichete condiționale comune:

1. is_page(). Indică o anumită pagină. Poate fi folosit cu ID, titlu și URL/titlu.
2. is_home(): Se aplică paginii de pornire.
3. is_front_page(): se aplică la pagina principala site-ul dvs., specificat în secțiunea „Opțiuni” – „Lectură”.
4. is _category(): Condiții pentru pagina de categorii. Poate fi folosit cu ID, titlu, URL/titlu, la fel ca eticheta is_page().
5. is_single(): pentru postări și atașamente unice
6. is_archive(): condiție pentru paginile de arhivă
7. is_404(): Se aplică numai pentru 404 pagini

De exemplu, dacă adăugați page.php la șablon în locul standardului get_header(); Următorul cod, veți obține un antet personalizat numit header-shop.php atunci când afișați pagina http://yoursite.com/products.

Dacă (este_pagina(„produse”)) (get_header(„magazin”); ) else (get_header(); )

Bun exemplu folosind acest cod: dacă aveți un magazin pe site și doriți să afișați o imagine de antet diferită sau un meniu modificat pe pagina magazinului. Puteți face modificările corespunzătoare la header-shop.php pentru a vă asigura că toate acestea apar pe site-ul dvs.

Cu toate acestea, etichetele condiționate nu se limitează la o singură pagină. Puteți seta mai multe condiții simultan:

If (is_page(„produse”)) ( get_header(„magazin”); ) elseif (is_page(42)) ( get_header(„despre”); ) else (get_header(); )

În acest exemplu, am stabilit două condiții care vor schimba comportamentul diferitelor pagini de pe site-ul dvs. Pe lângă încărcarea antetului pentru magazinul deja menționat mai sus, încărcăm header-about.php pe pagina cu ID 42. Pentru toate celelalte pagini va fi afișat antetul standard.

Crearea de șabloane de pagină în ierarhia de șabloane WordPress

Etichetele condiționate sunt o modalitate excelentă de a face mici modificări la șabloanele de pagină. Desigur, puteți crea modificări mai mari pe baza mai multor declarații condiționate. Găsesc această soluție foarte greoaie și incomodă și aș alege să creez în schimb șabloane personalizate.

O modalitate de a face acest lucru este să utilizați ierarhia șabloanelor WordPress. După cum am văzut deja, WordPress va parcurge lista cu toate șabloanele posibile și va selecta primul șablon care se potrivește cu pagina solicitată. Pentru pagini, ierarhia arată astfel:

• Șabloane de pagină personalizate
• pagina-(slug).php
• pagina-(id).php
• pagina.php
• index.php

Mai întâi vin șabloanele de pagină arbitrare care au fost atribuite direct acestei pagini. Dacă există cel puțin un astfel de șablon, WordPress îl va folosi indiferent de existența altor șabloane. Vom vorbi mai târziu despre șabloanele de pagină personalizate.

WordPress va căuta apoi un șablon de pagină care include slug-ul pentru pagina în cauză. De exemplu, dacă includeți fișierul page-about.php în fișierele tematice, WordPress va folosi acest fișier pentru a afișa pagina Despre sau orice altă pagină găsită la http://www.yoursite.com/about .

Puteți realiza același lucru specificând ID-ul paginii dvs. De exemplu, dacă aceeași pagină are un ID de 5, WordPress va folosi șablonul page-5.php dacă acesta există; Acest lucru se va întâmpla numai dacă nu există șabloane de pagină care să aibă mai multe prioritate ridicatăîn ierarhie.

Puteți afla ID-ul oricărei pagini trecând pur și simplu peste titlul acesteia în secțiunea Toate paginile din backend-ul WordPress. ID-ul va fi în linkul afișat de browser.

Conectarea șabloanelor de pagină personalizate

Pe lângă șabloanele pe care WordPress le poate folosi automat, puteți oricând să legați șabloane personalizate diverse pagini. După cum probabil ați învățat din ierarhia șabloanelor, șabloanele personalizate au cea mai mare prioritate.

Ca și în cazul conectării șabloanelor către anumite pagini, va trebui să creați un șablon și să-l conectați la pagina pentru care ați planificat să îl utilizați. Acesta din urmă poate fi făcut în două moduri cu care este posibil să fiți deja familiarizați. Pentru orice eventualitate, vă vom arăta cum să o faceți.

Conectarea unui șablon de pagină personalizată prin editorul WordPress

ÎN Editor WordPress puteți găsi un câmp numit Atribute pagină. Conține o listă de șabloane.

Puteți alege din această listă orice disponibil Șabloane WordPress. Pur și simplu selectați șablonul potrivit, apoi salvați sau reîmprospătați pagina.

Setarea unui șablon personalizat prin editare rapidă

Același lucru se poate face fără a accesa editorul WordPress. Accesați secțiunea Toate paginile și plasați cursorul mouse-ului peste orice element din listă. Pe ecran va apărea un meniu, care va include un element de editare rapidă.

Faceți clic pe acest articol pentru a edita parametrii paginii direct din listă. Veți vedea același meniu derulant care vă permite să selectați un șablon de pagină. Selectați un șablon și actualizați pagina. Gata.

Nu chiar atât de greu, nu? Cu toate acestea, ce se întâmplă dacă nu aveți încă un șablon de pagină personalizat? Cum să o creez? Nu vă faceți griji, vom discuta acest lucru în secțiunea următoare.

Ghid pas cu pas pentru crearea șabloanelor de pagină personalizate

Crearea de șabloane personalizate pentru pagini nu este așa proces dificil, totuși, trebuie să țină cont de unele detalii. Să ne uităm la acest proces pas cu pas.

1. Căutăm un șablon standard.

O modalitate bună de a începe să creați un șablon de pagină personalizat este să copiați șablonul care se află în acest moment folosit deja pentru pagina necesară din tema dvs. Este mai ușor să schimbi codul existent decât să scrii o pagină întreagă de la zero. În cele mai multe cazuri, acesta va fi fișierul page.php.

Dacă nu puteți determina ce șablon este utilizat pentru o anumită pagină, puteți utiliza pluginul What The File.

Voi folosi tema Twenty Twelve ca exemplu. Iată cum arată șablonul de pagină standard în el:

După cum puteți vedea, nimic interesant: apeluri regulate antet și subsol, precum și o buclă în mijloc. Pagina va arăta astfel:

1. Copiați și redenumiți șablonul

După definirea șablon standard va trebui să-l copiem. Vom folosi duplicatul pentru a depune modificările necesare la pagina noastră. De asemenea, va trebui să-l redenumim.

Puteți denumi fișierul cum doriți. Principalul lucru este că nu începe cu numele de fișiere cu teme rezervate. Nu ar trebui să denumești fișierul page-something.php sau ceva similar, deoarece WordPress va crede că este un șablon personalizat.

Cel mai bine este să denumiți fișierul astfel încât să reflecte esența șablonului. De exemplu, my-custom-template.php. În cazul nostru, îl vom numi custom-full-width.php.

1. Schimbarea titlului șablonului

Acum trebuie să spunem WordPress că asta fișier nou este un șablon de pagină personalizat. Pentru a face acest lucru, vom ajusta pur și simplu antetul fișierului:

Numele șablonului va apărea în secțiunea Atribute pagini a paginii editorului WordPress. Asigurați-vă că îl schimbați cu al dvs.

1. Configurarea codului.

Acum este timpul să lucrați cu codul șablonului. În exemplul nostru, vom elimina bara laterală din pagina demo.

Acest lucru este relativ ușor de făcut - doar eliminați get_sidebar(); din șablonul de pagină. Ca rezultat, șablonul meu arăta astfel:

1. Se încarcă șablonul de pagină

După salvarea fișierului modificat, trebuie să-l încărcăm pe site. Șabloanele de pagină personalizate pot fi stocate în diferite locuri:

• Folder cu tema dvs. activă (copil).
• Dosar cu tema principală a părintelui
• Subfolder din dosar cu orice temă (atât părinte, cât și copil)

Prefer să creez un folder page_templates în tema copiluluiși plasați toate șabloanele arbitrare în el. Acesta este cel mai simplu mod pentru mine de a accesa fișierele modificate.

1. Activarea șablonului

Ultimul pas: trebuie să activăm șablonul de pagină. După cum sa menționat mai devreme, acest lucru se face în secțiunea Atribute pagini → Șabloane a editorului WordPress. Salvăm, vedem pagina - și vedem șablon nouîn acțiune (fără bara laterală):

Nu chiar atât de greu, nu? Nu vă faceți griji, vă veți putea îmbunătăți abilitățile de creare de șabloane în cel mai scurt timp. Pentru a vă face o idee despre cum pot fi folosite aceste șabloane, vă voi arăta câteva variante interesante utilizare.

Cinci moduri diferite de a folosi șabloanele de pagină

După cum am menționat mai devreme, șabloanele de pagină pot fi utilizate în diverse scopuri. Puteți personaliza aproape fiecare zonă de pe orice pagină. Singurul obstacol pe această cale va fi imaginația (și abilitățile de codare).

Șablon pentru afișarea paginilor pe toată lățimea ecranului

Primul caz pe care îl vom analiza este o versiune extinsă a șablonului demo creat mai sus. Am eliminat deja bara laterală eliminând get_sidebar(); din cod. Cu toate acestea, după cum puteți vedea în captură de ecran, pagina încă nu a fost afișată pe toată lățimea ecranului, deoarece secțiunea de conținut a rămas aliniată la stânga.

Pentru a remedia acest lucru, trebuie să lucrăm cu CSS, în special cu această secțiune:

Conținutul site-ului ( float: stânga; lățime: 65,1042%; )

Atributul width stabilește lățimea conținutului nostru la 65,1042% din spatiu disponibil. Vrem să creștem această valoare.

Dacă pur și simplu schimbăm valoarea lățimii la 100%, atunci în final toate paginile site-ului nostru vor fi afișate pe toată lățimea ecranului - nu avem nevoie de asta. Primul nostru pas este să schimbăm clasa div-ului cu id=primary în șablonul nostru personalizat. Îl puteți schimba în class="site-content-fullwidth". Rezultat:

Acum putem ajusta CSS-ul pentru clasa noastră personalizată:

Site-conținut-fullwidth (float: stânga; lățime: 100%; )

Ca urmare, conținutul va ocupa întregul ecran:

Pagini dinamice 404 cu zone widget

O pagină 404 apare atunci când un utilizator încearcă să acceseze o pagină de pe site-ul dvs. care nu există. Acest lucru se întâmplă ca urmare a unei greșeli de scriere, a unui link incorect sau pentru că permalinkul către pagină a fost modificat.

Deși nimănui nu-i place să primească 404 pagini, acestea joacă un rol important pentru site-ul tău. Conținutul lor este adesea factorul decisiv pentru a vă abandona imediat site-ul sau a încerca să caute alt conținut pe acesta.

Scrierea a 404 de pagini de la zero este un proces destul de dificil, mai ales dacă nu ești foarte experimentat. Cel mai bine este să încorporați zone widget în șablon, astfel încât să puteți modifica în mod flexibil conținutul afișat pe ecran.

În special pentru aceasta, vom folosi fișierul 404.php care vine cu tema Twenty Twelve (vă amintiți ierarhia șablonului?). Dar înainte de a schimba ceva în ea, să creăm widget nou prin lipirea codului în fișierul functions.php:

Register_sidebar(array("name" => "404 Page", "id" => "404", "description" => __("Conținut pentru tine Pagina de eroare 404 merge aici."), "before_widget" => "

", "after_title" => "

Acest lucru va afișa noul nostru widget în backend-ul WordPress. Pentru a ne asigura că apare cu adevărat pe site-ul nostru, trebuie să adăugăm rândul următor cod în fișierul de pagină 404 în locația corespunzătoare:

În cazul meu, vreau să înlocuiesc formularul de căutare cu get_search_form(); în șablon către zona widget. Cam asa arata:

După încărcarea șablonului pe site, putem completa noua zonă de widget:

Dacă mergem acum la pagina 404, vom vedea widget-uri noi:

Șablon de pagină pentru afișarea tipurilor de postări personalizate

Tipurile de postări personalizate sunt o modalitate excelentă de a prezenta conținut care are propriile seturi de date, design și alte setări. Un caz de utilizare popular pentru aceste tipuri de postări este elementele de recenzie: cărți, filme etc. În cazul nostru, dorim să creăm un șablon de pagină care va afișa articole din portofoliu.

Mai întâi trebuie să creăm tipul nostru de postare personalizat. Acest lucru se poate face manual sau printr-un plugin. Pot recomanda pluginul Types pentru asta. Vă va permite să creați cu ușurință tipuri de postări personalizate și câmpuri personalizate.

Instalați și activați Tipuri, adăugați un tip de postare personalizat, transformați-l într-un slug „de portofoliu”, configurați câmpurile de care aveți nevoie (de exemplu, adăugarea unei miniaturi), ajustați alte opțiuni și salvați.

Acum că avem tipul de postare de portofoliu, trebuie să-l afișăm pe site. Primul lucru pe care îl vom face este să creăm pagina dorită. Vă rugăm să rețineți că, dacă ați selectat portofoliul ca un slug pentru dvs tip arbitrarînregistrări, pagina nu ar trebui să aibă același slug. M-am stabilit pe portofoliu de clienți și am adăugat ceva text suplimentar.

După ce am adăugat câteva elemente la secțiunea portofoliu, trebuie să le afișăm pe pagină imediat după conținutul principal.

Pentru a face acest lucru, folosim un duplicat de page.php. Să copiem fișierul, să-l numim portfolio-template.php și să îi schimbăm titlul:

Cu toate acestea, în acest caz, va trebui să facem câteva modificări șablonului original. Dacă te uiți la codul page.php, vei vedea că apelează un alt șablon, content-page.php (get_template_part('content', 'page');). În acest fișier vom avea nevoie de următorul cod:

După cum puteți vedea, titlul și conținutul paginii sunt numite aici. Deoarece avem nevoie de ele și în secțiunea portofoliu, vom copia aceste fragmente în șablonul nostru page.php. Rezultatul va fi următorul:

Get_header(); ?>

Pentru a afișa articolele din portofoliu pe pagina noastră, va trebui să adăugăm următorul cod imediat după apelul_content():

„portfolio”, // introduceți tipul de postare personalizat „orderby” => „data”, „comanda” => „DESC”,); $loop = new WP_Query($args); if($buclă->have_posts()): while($buclă->have_posts()): $buclă->

Ca urmare, pe pagina noastră va fi afișat un tip de postare personalizat:

Nu arată atât de frumos, așa că haideți să adăugăm ceva stil aici:

/* Postări din portofoliu */ .portfolio ( -webkit-box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.75); -moz-box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0,75); box-shadow: 0px 2px 0px rgba(50, 50, 50, 0.75); width: 20%; ) .portfolio-image img ( border-radius: 0; ) .portfolio-work ( display: inline-block; max-width: 80%; ) .portfolio-bottom: 1px solid #999 ; dimensiunea fontului: 1.57143rem: 0 0 15px;

Acum e mult mai bine, nu crezi?

Iată tot codul pentru șablonul de pagină de portofoliu:

Pagina membrilor cu avatare

Următorul exemplu de utilizare a șablonului nostru este pagina membrilor. Dorim să listăm autorii site-ului nostru, inclusiv imaginile lor, precum și numărul de postări pe care le-au publicat sub numele lor. Rezultatul final va fi următorul:

Vom începe cu același fișier hibrid ca înainte și vom adăuga cod la acesta pentru a afișa o listă de participanți.

Tema implicită Twenty Fourteen vine cu o pagină implicită pentru membri. Puteți găsi acest șablon în folderul de șabloane de pagină numit contributors.php.

Cu toate acestea, dacă căutați în acest fișier, veți găsi doar următorul apel: twentyfourteen_list_authors();. În mod clar, aceasta este legată de funcția conținută în fișierul function.php al temei. Ne interesează următorul fragment:

"ID", "orderby" => "post_count", "order" => "DESC", "who" => "autori",)); foreach ($contributor_ids ca $contributor_id): $post_count = count_user_posts($contributor_id); // Continuați dacă utilizatorul nu a publicat o postare (încă). dacă (! $post_count) (continuare; ) ?>

Îl vom adăuga chiar sub apelul the_content() și vom obține următorul rezultat:

Acum să stabilim un stil:

/* Pagina colaboratorului */ .contributor ( margine-jos: 1px solid rgba(0, 0, 0, 0.1); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box- dimensionare: border-box: inline-block: 48px 10px solid rgba(0, 0, 0.1: margine: 0 30px .contributor-radius; : 0; ) .contributor -summary ( float: left; ) .contributor-name( font-weight: normal; margin: 0 !important; ) .contributor-posts-link (culoare de fundal: #24890d; chenar: 0 none ; border-radius: 0 ; culoare: #fff;

Gata. Mulțumesc Twenty Fourteen!

Pagina arhivelor schimbate

Twenty Twelve vine cu propriile sale propriul șablon pentru paginile de arhivă. Acesta va fi folosit, de exemplu, dacă încercați să vizualizați postările anterioare dintr-o anumită categorie.

Totuși, aș vrea să fac ceva mai interesant, cum ar fi Problogger: o pagină care permite oamenilor să obțină continut suplimentar căi diferite. Acest lucru se face, din nou, folosind un șablon de pagină.

Putem adăuga următorul cod chiar sub the_content() în fișierul nostru, care este folosit pentru exemple:

Arhive după an:

Arhive după lună:

Arhive după subiect:

Veți avea nevoie și de ceva stil pentru căutare:

Arhivă-căutare-form ( umplutură: 10px 0; text-align: center; )

Rezultatul va fi următorul:

Iată întregul fișier, astfel încât să puteți înțelege ce este:

Nu uitați să legați acest șablon la pagină!

Nu cu mult timp în urmă a fost publicat un manual despre. A fost de natura cunoștințelor la stadiul inițial, dar și inclus exemple practice. Aș dori să continui această direcție, doar să fii atent la pagini. Materialul pe această temă este multifuncțional, adică foarte mare. Prin urmare, va fi dificil să deschideți toate caracteristicile unui șablon de pagină într-un articol. Dar vom încerca măcar să atingem detalii indirecte și, bineînțeles, principalii parametri.

Ierarhia paginilor

Ierarhia înseamnă o secvență de la cel mai înalt nivel până la cel mai jos, sau invers. În cazul nostru, aceasta este aceeași ordine de autorizare a fișierelor șablon pentru pagină. Când un utilizator ajunge pe una dintre paginile dvs., WordPress își afișează conținutul pe baza opțiunii de creare a paginii (mai multe mai jos).

Șablon personalizat– notat comentariu condiționatîn partea de sus în interiorul unui fișier cu un nume aleatoriu.

page-slug.php– un șablon cu numele paginii (comandă rapidă). Dacă nu a fost specificat un șablon personalizat, atunci WordPress folosește acest tip ca principală.

pagina-id.php– identificatorul unic al paginii.

pagina.php – fișier standard responsabil pentru conținutul paginilor.

index.php – fișier index. Dacă WordPress nu găsește niciunul dintre șabloanele enumerate mai sus, atunci implicit va fi responsabil pentru pagini.

Atenţie. Există, de asemenea, un șablon de pagină în WordPress numit paged.php, cu toate acestea, nu este folosit pentru a afișa pagini unice de postare, mai degrabă pentru a afișa o listă de pagini în arhivele de postări.

Creați un șablon personalizat pentru utilizare în masă

Există mai multe opțiuni pentru crearea unui șablon cu argumentele pro și contra, aproape nesemnificative. Această opțiune, pe care o vom lua în considerare acum, este cea mai comună. Primul pas este crearea fișier php sau duplicați pagina standard.php . Apoi salvați-l sub un alt nume, de exemplu, templates_my.php. Apoi adăugați un comentariu în partea de sus a fișierului:

Următorul pas este să încărcați fișierul pe tema dvs., să mergeți la panoul de administrare din fila „Pagini - Adăugați nou” sau puteți deschide unul existent. În atributele paginii, selectați ce șablon va fi folosit pe această pagină.

Dacă dintr-o dată nu aveți panoul „Atribute paginii”, atunci bifați caseta din setările ecranului din colțul din dreapta sus pentru a o afișa.

Utilizarea în masă înseamnă că acest tip de șablon poate fi aplicat oricăror pagini ale site-ului. Spre deosebire de specializat, care a fost creat cu un anumit identificator de pagină sau etichetă.

Sfat. Un șablon creat în acest fel poate fi localizat într-un subdosar subiect actual. Astfel, fără a ocupa spațiu suplimentar și creând un aspect compact.

Important. Nu utilizați pagina de prefix - ca nume al paginii șablon. Pentru că WordPress va interpreta fișierul ca fiind unul specializat, care în mod clar se aplică doar unei pagini.

Șabloane de pagină personalizate

A doua metodă este doar pentru anumite pagini fără excepție. Să dăm un exemplu de vechea schema. Să presupunem că aveți o pagină numită „Portfolio”, în mod implicit eticheta acesteia este tradusă în cuvântul englezesc „portfolio”. Acest lucru poate fi văzut în setările „Page-Properties”. Acum pur și simplu duplicăm fișierul page.php și îl redenumim în page-portfolio.php.

ID-ul este creat exact în același mod, doar ID-ul paginii este înlocuit pentru etichetă. El este în bara de adresa, secțiunea „Pagini-Editare” arată ca această postare=9 . În același mod, fișierul standard este duplicat și redenumit în pagina-9.php.

Important. Un șablon de același tip, care este creat numai pentru pagina specifică nu poate fi localizat în subfolderele teme. Exact la fel ca în temele pentru copii.

Exemplu practic de creare a unui șablon de pagină

Acum, de exemplu, să creăm un șablon bazat pe prima opțiune și să schimbăm bucla în el adăugând rezultatul categoriilor cu înregistrări. Deschideți orice editor, adăugați codul de mai jos, salvați-l sub numele template_my.php și încărcați-l pe server.

Acum trebuie să scrieți stiluri în fișierul style.css

My_main ( box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); margine: 20px automat; padding: 15px; background: #fff; width:1000px; ) .page_cat (marja: 0 9px 20px; padding: 15px; vertical-align: top; 28%; .page_cat h2 (color: #676767; font: bold 18px arial; margin-bottom: 20px; ) ; afișare: bloc; .page_cat li ( margin-bottom: 6px; umplutură: 3px 3px 10px; afișare: bloc; ) .page_cat li a:hover (text-decor: subliniere; ) . 2n) ( fundal: #f7f7f7; )

Mai rămâne un singur lucru de făcut: în panoul de administrare, în fila „Pagini-Editare”, specificați șablonul nostru „exemplu șablon” creat anterior în atributele paginii.

Rezultat.

Etichete de pagină condiționate

În ultimul paragraf, vom lua în considerare mai multe etichete condiționate. Sunt scrise în fișierul standard page.php.

Afișarea elementelor pe anumite pagini

/images/img.png"/> /images/img.jpg"/> /images/img.jpg"/> /images/img.jpg"/>

ieșire de informații