Șablon de pagină WordPress. Ghid complet. Diferite șabloane pentru pagini sau postări WordPress

Tipurile de postări WordPress sunt cel mai larg domeniu pentru dezvoltatori. WordPress include inițial 5 tipuri principale de postări: postare, pagină, atașare, revizuire și meniu de navigare.

Postările și paginile sunt principalele tipuri de postări pentru postarea conținutului pe un site web. Și există mai multe diferențe între ele.

Postări, apar de obicei în ordine inversă pe pagina de pornire a blogului, iar paginile apar fără o dată de publicare. Categoriile și etichetele pot fi, de asemenea, atașate postărilor, dar nu și paginilor (deși acest lucru se poate face în setări).

Pagini poate fi structurat în ordine. Acest lucru este util în special pentru organizarea conținutului pentru proprietarii de site-uri și vizitatori.

Modelele paginilor pot fi, de asemenea, modificate cu ușurință utilizând diferite șabloane de pagină. Acestea vă vor permite să schimbați stilul oricărei pagini de pe site-ul dvs.

Să aruncăm o privire mai atentă la ce șabloane de pagină există și cum pot fi utilizate pentru un site web.

De ce să nu folosiți diferite șabloane de pagină?

Temele WordPress folosesc de obicei un șablon pagina.php, care definește stilul tuturor paginilor de pe site. Majoritatea dezvoltatorilor de teme creează un șablon de pagină de pornire folosind același principiu. Acest șablon afișează conținutul paginii și determină implicit ce elemente de design vor fi prezente pe el (de exemplu, antet, bară laterală, subsol etc.).

În mod implicit, șablonul de pagină (page.php) este configurat astfel încât tot conținutul necesar să fie afișat pe pagină.

Crearea unui șablon unic de pagină vă permite să depășiți standardele WordPress și să schimbați afișarea conținutului de pe site-ul dvs. după bunul plac. De exemplu, vă puteți reproiecta paginile eliminând bara laterală. De asemenea, puteți schimba fontul implicit și utilizați un antet diferit de cel oferit de pagina de pornire.

Cel mai faimos șablon de pagină personalizată este Arhiva(șablon de pagină de arhivă arhiva.php). Este disponibil în multe teme WordPress și conține tot conținutul site-ului, care este împărțit în pagini, categorii, etichete, date arhive, arhive autor.

Multe șabloane de arhivă afișează, de asemenea, o listă completă de postări de blog și un câmp pentru a căuta postări pe site. În esență, un șablon de arhivă este o hartă a site-ului care ajută un utilizator să găsească ceea ce caută.

Puteți găsi alte tipuri de șabloane de pagină în teme, cum ar fi:

  • Formular de contact
  • Pagini fără bară laterală (bară laterală)
  • Pagina de destinație (pagina de destinație)
  • Index blog

Posibilitățile de șablon de pagină sunt nelimitate. Totul depinde de cât de convenabil doriți să vă faceți site-ul pentru utilizatorul final.

Cum să alegi un șablon pentru o pagină?

Adăugarea unui șablon de pagină este foarte ușoară. În editorul de pagini din dreapta veți vedea o fereastră (widget) numită „ Atributele paginii" Este situat sub fereastră" Publica».

În atributele paginii, puteți selecta pagina părinte și ordinea în care va fi plasată pe site în câmpul corespunzător. Și opțiunea dintre ele vă permite să schimbați șablonul. Tot ce trebuie să faceți este să selectați un șablon pentru pagină și să-l actualizați.

Șablonul poate fi modificat și în alt mod - prin lista tuturor paginilor. Trebuie doar să faceți clic pe „ Proprietăți».

Apoi modificați șablonul în opțiunile de meniu din dreapta.

Opțiunile de șablon nu vor apărea dacă tema dvs. folosește doar un șablon de pagină standard.

Crearea unui șablon de pagină de bază pentru site

Crearea unui nou șablon de pagină pentru site-ul dvs. WordPress este mai ușor decât credeți. Pentru a face acest lucru, nu trebuie să aveți experiență în dezvoltarea și crearea de teme sau pluginuri.

Trebuie doar să folosești codul pagina.php un șablon de temă existent ca bază pentru un șablon de pagină nou. De exemplu, să presupunem că utilizați vechea temă implicită Twenty Twelve. Fişier pagina.php are urmatorul cod:

Puteți utiliza acest cod pentru a crea un șablon de pagină nou. Pentru a face acest lucru, trebuie doar să vă asigurați că comentariul de cod este plasat în partea de sus a noului fișier. Aceasta va defini acest fișier ca șablon de pagină:

/* Numele șablonului: șablonul meu de pagină personalizată */

Șablonul de pagină va arăta astfel:

Să parcurgem procesul de creare a unui șablon de pagină de bază și să încercăm să creăm un șablon de pagină cu lățime completă fără a utiliza o bară laterală. Tema Twenty Twelve vine cu un șablon cu lățime completă din cutie, dar ne vom preface că nu are nevoie pentru că avem nevoie de el pentru tutorialul nostru.

În șablonul standard, bara laterală a paginii este afișată în partea dreaptă:

Șablon de pagină standard în tema Twenty Twelve

Este ușor să creați un șablon de pagină nou fără bară laterală.

Mai întâi trebuie să creați un fișier nou utilizând orice editor de text (Notepad sau Notepad++ va face). Poate fi numit ceva simplu, de exemplu, nosidebar-page.php sau full-page.php(vom vorbi despre numele fișierelor puțin mai târziu). Apoi încărcați fișierul pe site-ul dvs., astfel încât să fie situat lângă fișierul page.php.

În esență, șablonul nostru este un șablon de la pagina.php Douăzeci și douăsprezece teme, numai cod eliminat.

Arata cam asa:

Odată ce fișierul șablon este încărcat în tema dvs., acesta poate fi utilizat pentru toate paginile. De asemenea, puteți conecta o pagină la acest șablon pentru a-i elimina bara laterală.

Dar asta nu este tot. Până acum am eliminat doar bara laterală. Trebuie să ne asigurăm că conținutul este postat pe toată lățimea paginii. Între timp, ocupă doar două treimi din pagină:

Dacă vă uitați la codul nostru șablon, veți vedea că cea mai mare parte a conținutului este sub influența unei anumite clase CSS:

A doua parte class="site-content" este responsabilă pentru stilul părții principale a conținutului. Dacă verificați fișierul de stil ( stil.css), veți observa că această clasă este situată aproape în partea de jos:

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

Pentru a extinde conținutul la întreaga pagină, trebuie să modificăm lățimea zonei de conținut de la 65% la 100% . Dar nu este nevoie să schimbați clasa de conținut al site-ului, deoarece este încă folosit în alte șabloane, cum ar fi pagina standard pagina.phpși șablon de postare singur.php. Modificarea numărului procentual pentru conținutul site-ului va afecta toate postările și paginile de pe site-ul dvs. care se întind pe întreaga lățime a paginii.

Deci, trebuie să creăm o nouă clasă care este utilizată special pentru pagini cu lățime completă:

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

După actualizarea fișierului stil.css Cu clasa de mai sus, trebuie să ne schimbăm șablonul la lățime completă a paginii și să ne asigurăm că facem referință la clasa CSS la 100% lățime:

Șablonul nostru final va arăta astfel:

Acest șablon actualizat confirmă faptul că conținutul de pe site-ul nostru va fi afișat pe întreaga pagină:

Acum, conținutul de pe site este afișat pe întreaga pagină

Tot ce s-a menționat mai sus se poate face în orice temă WordPress. Pentru a face acest lucru, eliminați bara laterală din șablonul de pagină pe care l-ați creat și asigurați-vă că schimbați clasa corectă a foii de stil.

Cum să denumești șabloanele de pagină

Conform Ierarhiei de șabloane WordPress, WordPress afișează șabloane pentru o pagină în următoarea ordine:

  • Șablon personalizat
  • pagina-(slug).php
  • pagina-(id).php
  • pagina.php
  • index.php

Vă va fi mai ușor dacă aveți o idee despre ordinea acestor modele, deoarece acest lucru vă va ajuta să înțelegeți de ce pagina este concepută într-un anumit mod.

Această comandă înseamnă că WordPress va afișa întotdeauna un șablon pentru o pagină, dacă i-a fost atașat unul. Dacă nu au fost adăugate șabloane la pagină, atunci WordPress va căuta page-(slug).php.

Dacă pagina șablonului-(slug).php nu este găsită, WordPress caută șablonul după ID-ul paginii. De exemplu, dacă ID-ul paginii = 15, atunci WordPress va căuta un șablon de pagină numit 15.php.

Dacă șablonul nu este legat de o pagină și nu există potriviri cu ID-ul paginii, atunci WordPress caută folosind șablonul de pagină standard page.php. Și dacă pagina șablon page.php nu există, atunci index.php este folosit pentru căutare.

Mulți dezvoltatori își numesc șabloanele de teme folosind formatul page-name.php. De exemplu, un șablon de pagină de contact se numește page-contact.php. În general, puteți denumi șabloanele la discreția dvs. și puteți utiliza orice configurație, fie ea page-name.php, name-page.php sau name.php. În orice caz, veți putea schimba aceste nume în viitor.

Majoritatea paginilor din WordPress arată la fel, dar uneori trebuie să modificați aspectul și structura unei anumite pagini sau grup de pagini. Acest lucru este ușor de realizat cu șabloanele de pagină WordPress.

Ce sunt șabloanele de pagină

Temele WordPress constau din mai multe fișiere șablon care sunt folosite pentru a afișa pagina de pornire, postări, arhive, rezultate de căutare, pagini și multe altele. Printre aceste fișiere pot exista și șabloane de pagină pe care le puteți selecta atunci când publicați pagini în panoul de administrare WordPress:

Diferite teme pot oferi diferite șabloane de pagină, cum ar fi un șablon pentru o pagină cu lățime completă (fără o bară laterală), cu o bară laterală din stânga în loc de una din dreapta și așa mai departe. Absența acestei opțiuni la editarea paginilor înseamnă că tema nu a declarat șabloane suplimentare.

Șabloanele de pagină pot fi utilizate pentru mai mult de o pagină, iar unele teme creează șabloane foarte specifice care sunt menite să fie utilizate o singură dată. La fel ca șablonul de conținut prezentat în tema standard Twenty Eleven:

Acest șablon afișează postări lipicioase cu miniaturile lor într-un glisor mic. O pagină cu un astfel de șablon poate fi folosită cu ușurință în locul paginii principale a site-ului prin modificarea setărilor din secțiunea Setări → Citire.

Cum să-ți creezi propriul șablon de pagină

Când utilizați o temă copil, puteți plasa, de asemenea, șabloane de pagină în directorul rădăcină sau subdirectorul, iar dacă este lansată o actualizare a temei părinte, fișierele dvs. nu vor fi afectate.

Când să nu folosiți șabloane de pagină

Dacă folosind șablonul dvs. schimbați doar stilul și nu structura unei anumite pagini, atunci puteți face acest lucru fără a utiliza șabloane suplimentare.

WordPress are un ajutor care este folosit în majoritatea temelor existente. Folosind clasele ieșite de această funcție, puteți schimba stilul oricărei pagini:

/* Ascunde bara laterală de la pagina 123 */ body.page-id-123 #secondary ( display: none; )

De asemenea, șabloanele de pagină nu trebuie folosite pentru a modifica parametrii buclei principale WordPress, de exemplu pentru a adăuga un tip de postare personalizat sau pentru a exclude o categorie. Există un filtru special pentru astfel de scopuri.

Dacă aveți întrebări despre lucrul cu șabloanele de pagină în WordPress, vom fi bucuroși să le răspundem în comentarii.

Șabloanele de pagină WordPress sunt concepute pentru a oferi paginilor dvs. un aspect personalizat. Cel mai adesea, toate paginile au un șablon sau o variantă a șablonului cu sau fără bară laterală. De acord, acest lucru nu este suficient pentru un zbor de fantezie. În acest tutorial vom analiza cel mai bun mod de a crea propriile șabloane de pagină.

Ce sunt șabloanele de pagină

O temă WordPress poate avea mai multe șabloane diferite pentru afișarea paginilor, postărilor, arhivelor și așa mai departe. Printre șabloane, acum luăm în considerare șabloane pentru Pagini. Când creați o pagină în WordPress, puteți alege un șablon special pentru aceasta:

Diferite teme pot oferi diferite șabloane de pagină, cum ar fi un șablon pentru o pagină cu lățime completă (fără o bară laterală), cu o bară laterală din stânga în loc de una din dreapta și așa mai departe. Absența acestei opțiuni la editarea paginilor înseamnă că tema nu a declarat șabloane suplimentare.

Șabloanele de pagină pot fi folosite pentru mai mult de o pagină, iar unele teme creează șabloane foarte specifice care sunt menite să fie utilizate o singură dată.

Cum să-ți creezi propriul șablon de pagină

Când utilizați o temă copil, puteți plasa, de asemenea, șabloane de pagină în directorul rădăcină sau subdirectorul, iar dacă este lansată o actualizare a temei părinte, fișierele dvs. nu vor fi afectate.

Când să nu folosiți șabloane de pagină

Dacă folosind șablonul dvs. schimbați doar stilul și nu structura unei anumite pagini, atunci puteți face acest lucru fără a utiliza șabloane suplimentare.

WordPress are o funcție de ajutor body_class() care este folosită în majoritatea temelor existente. Folosind clasele ieșite de această funcție, puteți schimba stilul oricărei pagini folosind codul CSS:

/* Ascunde bara laterală de la pagina 123 */ body.page-id-123 #secondary ( display: none; )

De asemenea, șabloanele de pagină nu trebuie folosite pentru a modifica parametrii buclei principale WordPress, de exemplu pentru a adăuga un tip de postare personalizat sau pentru a exclude o categorie. În astfel de scopuri, există un filtru special pre_get_posts în WP_Query() .

Dacă aveți întrebări despre lucrul cu șabloane de pagină în WordPress, voi fi bucuros să vă răspund în comentarii.

Adesea este necesar să oferiți unei pagini de blog WordPress un stil separat, diferit de designul principal al blogului. Acest lucru se face folosind sarcina de pe această pagină șablon separat. Să vedem cum sunt implementate toate acestea.

Mai întâi trebuie să-l creați singur șablon de pagină. Pentru a face acest lucru, puteți edita pur și simplu fișierul page.php, care este responsabil pentru afișarea paginilor permanente.

Creăm o copie a acestui fișier și îl numim, de exemplu, page_extra.php (numele poate fi orice). După aceea, deschideți-l într-un editor de text și modificați conținutul la ceea ce avem nevoie. De exemplu, dacă trebuie să schimbați antetul, puteți crea un fișier separat header_extra.php (numele din nou nu contează), iar în fișierul page_extra.php în loc de get_header(); introduce include("header_extra.php");. În mod similar, putem schimba alte blocuri ale paginii.

Acum, la începutul fișierului page_extra.php scriem

1 2 3 4 5

Acesta va fi numele noului nostru șablon. Gata, salvați fișierul și plasați-l în folderul cu tema instalată! De asemenea, trimitem acolo toate fișierele nou create (header_extra.php).

Acum trebuie să aplicați acest șablon pe pagina dorită. Acest lucru se poate face prin panoul de administrare a blogului. Pentru a face acest lucru, creați o pagină sau accesați panoul de administrare WordPress pentru a edita paginile și schimbați șablonul paginii necesare cu cel pe care tocmai l-ați creat.



De asemenea, puteți scrie următorul cod în fișierul page.php:

Pentru versiunile WordPress de la 2.8, toate cele de mai sus se pot face folosind o altă metodă. Pentru a face acest lucru folosim funcția:. Trebuie inclus în etichetă în fișierul header.php al temei tale.

Ca urmare, textul titlurilor de nivelul al treilea va deveni 18px și numai pe paginile statice sau

1 2 3 #post-2 ( culoare : roșu ; )

Acest cod va schimba culoarea textului ID-ului postării 2 în roșu.

Iată o listă completă de clase de corp care pot fi folosite pentru a le coafa:

  • Arhiva
  • căutare
  • paginat
  • atașament
  • Eroare 404
  • singur postid- (id)
  • atașament- (id)
  • atașament- (tip mime)
  • autor
  • numele autorului)
  • categorie
  • Numele categoriei)
  • nume eticheta)
  • pagină-părinte
  • page-child parent-pageid- (id)
  • page-template page-template- (numele fișierului șablon)
  • rezultatele cautarii
  • căutare-fără-rezultate
  • conectat
  • paginat- (numărul paginii)
  • cu o singură pagină- (numărul paginii)
  • page-paged- (numărul paginii)
  • categorie-paginată- (numărul paginii)
  • tag-paged- (numărul paginii)
  • data-paged- (numărul paginii)
  • autor-paginat- (numărul paginii)
  • search-paged- (numărul paginii)

Există elemente în meniul panoului de administrare WordPress PostăriȘi Pagini, cu care puteți adăuga conținut pe site. Intrările sunt destinate să adauge postări (note, articole) pe un blog, ar trebui să fie create pentru informații care nu se încadrează în categorii - „Acasă”, „Despre noi”, „Contacte”. Pentru a crea o intrare, faceți clic Postări -> Adăugați noi.

Se deschide o pagină cu un editor de text, în care este creat conținutul. În mod implicit, editorul funcționează în modul vizual, ceea ce înseamnă că puteți vedea imediat cum va arăta conținutul în browser și puteți lucra cu el în același mod ca, de exemplu, în Microsoft Word. Dacă capacitățile editorului vizual nu sunt suficiente pentru dvs., îl puteți comuta în modul text, iar apoi intrarea va fi afișată ca cod HTML și puteți formata conținutul folosind etichete HTML.

Minimul necesar pentru a publica o postare este să introduceți un titlu, să adăugați conținut și să faceți clic pe butonul Publica. WordPress permite postări fără titlu și fără text, dar nu are rost în astfel de postări.

După publicare, intrarea va apărea pe pagina principală a site-ului.

Înainte de publicare, este recomandat să vedeți cum va arăta postarea pe site - butonul este responsabil pentru acest lucru Vedere. Dacă nota nu este încă gata, dar doriți să amânați lucrarea și să reveniți la ea mai târziu, atunci faceți clic pe butonul Salvați. CMS va salva o schiță de postare pentru dvs. fără a o publica pe site.

Puteți seta un format pentru o postare (este de dorit ca acesta să se potrivească cu conținutul notei, de exemplu, în formatul de intrare Video Este mai bine să postați un videoclip mai degrabă decât imagini), o miniatură (o imagine care va fi afișată în anunțul postării de pe pagina principală) și etichete. De asemenea, puteți selecta categoria căreia îi aparține publicația. Desigur, fila corespunzătoare este responsabilă pentru gestionarea partițiilor ( Postări -> Categorii), dar o nouă categorie poate fi adăugată direct din pagina de editare a postării. Pentru a face acest lucru, trebuie să faceți clic pe link Adăugați o categorie nouă, selectați categoria părinte și faceți clic Adăugați o categorie nouă.

Setarea secțiunilor părinte este relevantă atunci când creați subcategorii de articole. De exemplu, aveți o secțiune extinsă „Medicina”, ați scris un articol despre medicina chineză și înțelegeți că vor mai fi multe intrări în acest subgrup. Apoi creați categoria „Medicina chineză” și specificați „Medicina” ca categorie părinte, obținând astfel subsecțiunea „Medicina chineză” a secțiunii „Medicina”.

Postările create (atât publicate, cât și schițele) pot fi văzute pe pagină Postări -> Toate postările. Ele pot fi vizualizate, modificate, șterse. Mai mult, puteți modifica nu numai textul sau titlul postării, ci și parametri precum eticheta și data publicării. În plus, fiecare intrare poate fi protejată cu o parolă sau făcută privată, astfel încât nimeni în afară de tine să o poată vedea,

Pagina de editare nu este aproape deloc diferită de pagina de creare a postării.

Din fila Postări -> Categorii poți gestiona categorii de postări, inclusiv oferindu-le etichete și descrieri, ceea ce pagina de editare a postărilor nu îți permite să faci.

Lucrul cu pagini nu este foarte diferit de lucrul cu postări: editorul este exact același, proprietățile și acțiunile sunt aceleași, dar există mai multe diferențe care nu se observă la prima vedere.

În bloc Atributele paginii puteți specifica numărul de serie și puteți selecta un șablon de pagină, care va determina aspectul acestuia. În mod implicit, designul este utilizat Șablon de bază, lista celorlalți depinde de tema activă.

În principiu, nu este nimic complicat în gestionarea postărilor, categoriilor și paginilor aproape totul este intuitiv și nu necesită explicații;

  • Serghei Savenkov

    un fel de recenzie „scurtă”... de parcă s-ar grăbi undeva