Cum se configurează smartphone-uri și PC-uri. Portal informativ

Șablon de pagină WordPress. Ghidul complet

În acest articol, vă voi prezenta modalitățile de a crea șabloane pentru pagini WordPress permanente. Fiecare metodă are argumente pro și contra. Dar înainte de a începe, să vorbim pe scurt despre ce sunt paginile și cum diferă acestea de postări.

În WordPress, puteți crea pagini (pagină) și postări (post). Ele diferă prin faptul că înregistrările: intră în fluxul de pe pagina principală; pentru înscrieri sunt indicate categorii; înregistrările nu pot fi arborescente, iar paginile: sunt folosite pentru conținut precum „Despre mine”, „Contacte”, „Harta site-ului”; nu au categorii, dar au o structură arborescentă. Intrările sunt de obicei destinate informațiilor cronologice (în funcție de momentul adăugării), iar paginile pentru o structură arborescentă nu depind de timp. De exemplu, acest articol este publicat ca „intrare” sub titlul „Cod”, iar linkurile din meniul antet duc la următoarele pagini: Funcții.

Paginile sunt ca postările - sunt situate în același tabel de bază de date și au aproape aceleași date: titlu, text, câmpuri suplimentare etc. Ambele sunt înregistrări, dar de diferite tipuri: paginile sunt în formă de arbore și sunt organizate prin crearea de pagini părinte și copil, iar înregistrările sunt combinate prin titluri și etichete. În WordPress, puteți crea tipuri de postări suplimentare, de tip arbore sau nu.

Crearea paginilor în WordPress

Adesea, trebuie să creați un șablon de pagină separat pentru a afișa informațiile diferit de alte pagini. Când creați un șablon de pagină în WordPress, puteți schimba complet pagina: eliminați bara laterală, subsolul, antetul, puteți schimba pagina dincolo de recunoaștere. De exemplu, pe acest site se modifică pagina pe care sunt afișate codurile fișierelor WordPress.

Metoda 1: un șablon de pagină printr-un fișier cu un nume arbitrar și conectarea acestuia în panoul de administrare (mod clasic)

Acesta este cel mai comun mod de a crea un șablon de pagină în WordPress. Pentru a face acest lucru, trebuie să creați un fișier .php, de exemplu, tpl_my-page.php în folderul cu teme și chiar la începutul fișierului scrieți o notă că fișierul creat este un șablon pentru pagini:

Acum, când creăm o pagină în panoul de administrare din blocul „Proprietăți pagini”, vom putea selecta un „șablon”:

De la WordPress 4.7. puteți crea astfel de șabloane de pagină pentru orice tip de postare, nu doar pentru pagină. Pentru a face acest lucru, completați comentariile cu rândul: Template Post Type: post, page, unde post, page sunt numele tipurilor de postare cărora le aparține șablonul.

/ * Numele șablonului: Pagina mea șablon Tipul postării șablonului: post, pagină, produs * /

Avantaje:

    După ce am creat un șablon, îl putem aplica convenabil pe diferite pagini. De exemplu, puteți crea un șablon fără bară laterală și îl puteți utiliza pe pagini diferite.

  • Numai înregistrările cu șablonul specificat pot fi preluate. De exemplu, puteți afișa toate paginile cu șablonul „Servicii” (fișier servises.php). Acest lucru este uneori convenabil. Numele fișierului șablon este stocat în metacâmpul _wp_page_template, așa că pentru a afișa paginile cu șablonul specificat, trebuie să creați o interogare prin câmpul meta (vezi WP_Query).

Defecte:

După ce ați creat fișierul șablon în folderul cu teme, trebuie să mergeți la panoul de administrare și să instalați șablonul pentru pagină. Acest lucru nu este întotdeauna convenabil când se dezvoltă. Prin urmare, dacă intenționați să utilizați șablonul pentru o singură pagină, utilizați a doua metodă.

Cum functioneaza:

Când accesați panoul de administrare de pe pagina pentru editarea unei postări de tip arbore, WordPress scanează toate fișierele șablon pentru linia:

Nume șablon: ***

Linia poate fi localizată oriunde și în orice mod în fișier.

Toate fișierele cu linii similare sunt colectate și afișate în selecția șablonului din blocul „Atribute pagină”.

Când pagina este publicată, numele fișierului șablon sau implicit este scris în câmpul personalizat _wp_page_template dacă șablonul nu este specificat:

Wp_page_template = implicit
_wp_page_template = tpl_my-page.php

Apoi, atunci când utilizatorul vizitează pagina, WordPress va verifica meta câmpul _wp_page_template, dacă șablonul este instalat, atunci fișierul șablon este folosit. În caz contrar, căutarea șablonului de pagină continuă prin ierarhie.

Metoda 2: șablon de pagină printr-un fișier cu un nume specific (ierarhia fișierului șablon)

Când este creată o pagină, este setată o comandă rapidă pentru aceasta (slug, nume alternativ). Este folosit în pagina URL. Și poate fi schimbat:


Pentru a crea un șablon în acest fel, trebuie să aflați pagina slug-ul și să creați un fișier în folderul cu teme. Să presupunem că slug-ul nostru este egal cu contactele ca în imagine, apoi vom crea un fișier page-contacts.php în temă. și completați-l cu codul necesar (puteți copia conținutul din fișierul șablon page.php și editați singur). Asta e, acum, când vizităm pagina, ar trebui să vedem un nou șablon. În mod similar, puteți lua ID-ul (să fie 12) al paginii și puteți crea un fișier page-12.php.

Avantaje:

Nu este nevoie să mergeți la panoul de administrare și să instalați fișierul șablon. Șablonul începe să funcționeze imediat după crearea fișierului. Convenabil la dezvoltare.

Defecte:

Șablonul este creat doar pentru o anumită pagină. Depinde de pagina slug, dacă se schimbă șablonul nu va funcționa. Dacă utilizați ID, atunci dependența de slug dispare, dar devine neclar în fișierul temă căreia îi aparține șablonul (dacă există mai multe șabloane cu ID).

Practic inutil când scrieți șabloane și cu atât mai mult plugin-uri. Poate fi folosit atunci când editați site-ul dvs. unde slug-ul sau ID-ul paginii este cunoscut în prealabil.

Cum functioneaza:

WordPeress alege ce fișier să folosească în următoarea ordine (fișierele trebuie să fie la rădăcina temei):

  • (orice_nume) .php (când utilizați un șablon de pagină)
  • pagina- (post_slug) .php
  • pagina- (record_id) .php
  • pagina.php
  • singular.php
  • index.php

Metoda 3: șablon de pagină prin filtrul „template_include” (codare)

Aceasta este o metodă avansată, este mai complexă, dar împreună cu complexitatea deschide posibilități largi. Folosind această metodă, puteți seta un șablon pentru orice pagină, postare, categorie, orice publicație de pe site sau, în general, pentru un grup de publicații. Vezi exemple cu descriere:

// filtrul trece variabila șablon $ - calea către fișierul șablon. // Schimbând această cale, schimbăm fișierul șablon. add_filter ("template_include", "my_template"); function my_template ($ template) (# analog al celei de-a doua metode // dacă aceasta este o pagină cu un slug de portofoliu, utilizați fișierul șablon page-portfolio.php // utilizați eticheta condițională is_page () if (is_page ("portfolio") )) (dacă ($ new_template = locate_template (array ("page-portfolio.php"))) return $ new_template;) # șablon pentru un grup de categorii // acest exemplu va folosi un fișier din folderul teme tpl_special-cats.php , // ca șablon pentru categoriile cu ID 9 , numele „Uncategorized” și slug-ul „php” if (is_category (array (9, „Uncategorized”, „php”))) (return get_stylesheet_directory (). „/tpl_special -cats.php";) # șablon pentru scrierea după ID // fișierul șablon se află în folderul plugin /my-plugin/site-template.php global $ post; if ($ post-> ID == 12) ( return wp_normalize_path (WP_PLUGIN_DIR). "/ my-plugin / site- template.php ";) # șablon pentru pagini de tip arbitrar" book "// se presupune că fișierul șablon book-tpl.php se află în folderul temă global $ post; dacă ($ post-> post_type ==" carte ") (întoarce get_stylesheet_ directorul (). „/book-tpl.php”; ) returnează șablonul $; )

Un astfel de cod ar trebui să fie plasat în fișierul functions.php al temei sau într-un plugin, sau conectat într-un alt mod. După cum puteți vedea din exemplu, în timpul filtrului template_include, etichetele condiționate funcționează deja, variabilele globale sunt setate: $ wp_query, $ post, etc.

Avantaje:

    Puteți seta un șablon pentru orice pagină sau grup de pagini. Carte blanche aproape completă în acțiune.

  • Este posibil să creați un șablon atunci când scrieți un plugin.

Defecte:

Necesitatea de a scrie cod și de a-l conecta separat (de exemplu, în funcțiile temei.php).

De multe ori este necesar să oferiți unei pagini de blog WordPress un stil diferit față de designul principal al blogului. Acest lucru se face prin setarea acestei pagini șablon separat... Să vedem cum sunt implementate toate acestea.

Mai întâi trebuie să-ți creezi propriul tău ș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.

Creați o copie a acestui fișier și denumiți-l, 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 (din nou, numele 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 de pe pagină.

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ă! Toate fișierele nou create (header_extra.php) sunt de asemenea trimise acolo.

Acum trebuie să aplicăm 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 pipe cu cel tocmai creat.



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

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

Drept urmare, textul titlurilor celui de-al treilea nivel va fi egal cu 18px și numai pe paginile statice, sau

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

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

Iată o listă completă de clase de corp pe care le puteți folosi pentru a le coafa:

  • Arhiva
  • căutare
  • paginat
  • atașament
  • Eroare 404
  • singur postid- (id)
  • atașament- (id)
  • atașament- (tip mim)
  • 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)

Sistemul WordPress vă permite să vă creați cu ușurință propriul șablon de pagină modificând ușor oricare dintre șabloanele standard.

De exemplu, acum vreau să fac un șablon dintr-o temă cu trei coloane, în care va exista o singură bară laterală - trebuie să fac un câmp de text larg pentru paginile albumelor foto.

Cum să faci un șablon de pagină WordPress independent

Întregul proces de creare a unui șablon special pentru o pagină specială a site-ului constă în câțiva pași:

1. Crearea unui fișier php pentru un șablon schiță bazat pe cel standard.

2. Setări șablon pentru un tip special de pagină pe un site WordPress (puteți face acest lucru pe computer sau chiar în panoul de administrare al site-ului).

3. Când creați o pagină nouă sau editați una existentă, selectați șablonul rezultat pentru aceasta.

Crearephp pentru șablonul de pagină

Descarca fisierul page.php din folderul temei instalat pe site. Situat la:

/wp-content/themes/theme_name/page.php

Deschideți, de exemplu, în Notepad ++.

La inceput, față, introduceți codul pentru numele noului șablon de pagină:

Nume șablon: Album

Personalizarea șablonului de pagină pentru siteWordPress

Aici puteți edita un șablon nou fie pe computer, fie în zona de administrare. Prefer a doua variantă pentru a vedea imediat ce se întâmplă (deși aceasta este o scuză - nu poți căuta neapărat pe site...).

Deci, trebuie să încărcați fișierul album.php în același folder ca pagina implicită.php al temei dvs. WordPress.

După descărcarea fișierului, accesați panoul de administrare din meniu „Aspect” - „Editor” iar în dreapta, selectați un fișier nou din șabloane.

În fereastra de editare, puteți vedea codul paginii, la începutul căruia este plasat codul nostru pentru determinarea numelui șablonului de pagină „Album”.

Tot ce rămâne este să editați șablonul după bunul plac. De exemplu, trebuie să elimin bara laterală din dreapta. Și apoi, totuși, va trebui să adaug noi stiluri, astfel încât coloana centrală a site-ului să devină mai lată decât în ​​șablonul de pagină standard (cu lățimea barei laterale la distanță).

Dacă totul este simplu cu bara laterală (trebuie să-i ștergi codul și gata) ...

... atunci stilurile sunt puțin mai complicate. Nu voi inventa și nu voi deranja să creez noi clase. Voi avea doar câteva pagini - late - pentru albume foto, așa că voi scrie stilurile direct în fișierul șablon al noii pagini album.php.

Apropo, asta s-a întâmplat după eliminarea codului pentru bara laterală din dreapta (spațiul a fost eliberat, dar marginea centrală nu s-a extins, deoarece are o lățime fixă).

În Google Chrome, este convenabil să te uiți la codul unui element de pagină, așa că constat rapid că un bloc cu un câmp central are ID postcont(în șablonul meu). Și blocul cu textul paginii în sine este conținut.

Trebuie să le adăugăm noi stiluri, adică să mărim lățimea (dimensiune = lățimea paginii - lățimea barei laterale din stânga).

Iată-i, dragilor, în codul fișierului șablon al paginii album.php:

și

Nu am avut nevoie de mine să stilizez conținutul pentru că nu există deloc lățimea specificată pentru el, este doar un bloc imbricat în postcont.

! important- un parametru obligatoriu în astfel de cazuri, pentru că nu m-am uitat și nu știu ce scrie acolo în stiluri, iar noile mele stiluri ar trebui să aibă prioritate.

În principiu, totul este gata. Acum pagina din noul șablon arată astfel pentru mine:

În dreapta, caseta de text „s-a fixat” la marginea din dreapta, întinsă la lățimea barei laterale din dreapta. Aici nu se vede prea mult, pentru ca mai sunt locuri pentru fotografii vechi, mici, dar cand il inlocuiesc, voi adauga aici un aspect.

Actualizare din 20.10.14: Adaug, așa cum am promis la începutul anului, un ecran al paginii cu fotografii. Da, câte s-au întâmplat de atunci. 17 februarie este ultima zi pașnică înainte de evenimentele rapid diferite care au urmat...

Și în sfârșit, etapa finală (pe care am arătat-o ​​deja puțin în capturile de ecran de mai sus).

Personalizarea șablonului pentru paginile site-ului webWordPress

Când creați o pagină sau editați una care se află deja pe site, puteți selecta un șablon nestandard în partea dreaptă.

Selectați meniul „Pagini” și „Adăugați nou” sau faceți clic pe cel pe care doriți să îl schimbați.

În partea dreaptă a meniului Șablon, schimbați șablonul de bază în noul album și salvați sau publicați pagina.

Acum asta e tot!

Fotografie © Nancy L Misiewicz. A Romp in the Woods

Alte intrări interesante

În WordPress, puteți crea pagini sau postări. Când scrieți o postare obișnuită pe blog, creați o postare pe blog. Intrările apar automat pe pagina de pornire în ordine cronologică inversă.

Paginile sunt destinate conținutului precum „Despre mine”, „Informații de contact” și altele asemenea. Paginile se află în afara ordinii cronologice normale a înregistrărilor și sunt adesea folosite pentru informații insensibile din punct de vedere cronologic - genul care este întotdeauna necesar. Paginile pot organiza și gestiona orice cantitate de conținut.

De asemenea, puteți oferi exemple precum pagini despre drepturi de autor, acorduri de licență, reguli de utilizare, informații despre site. Apropo, este o regulă bună să ai o pagină cu informații despre un site sau companie și/sau o pagină cu detalii de contact. Iată unul dintre sfaturile de la Lorelle (în engleză).

În general, paginile sunt foarte asemănătoare cu postările - ambele au titlu și conținut și pot folosi șabloane de prezentare pentru a menține un aspect și un aspect consistent al site-ului. Cu toate acestea, paginile au câteva diferențe cheie față de postări.

Despre pagini pe scurt

Ce pagini sunt și ce pot:

  • Paginile sunt un container pentru conținut independent de timp.
  • Paginile pot folosi o varietate de șabloane, care pot include etichete de șablon () și cod PHP.

Ce pagini NU sunt și ce NU POT:

  • Paginile nu sunt înregistrări. Nu parcurg pagina de start. Notă: Puteți include postări în pagini folosind Plugin-ul Postări Inline.
  • Paginile nu sunt elemente de meniu, chiar dacă lista de pagini este afișată în locul navigației. Există un mecanism separat pentru crearea unui meniu de navigare cu drepturi depline.
  • Paginile nu pot fi legate de categorii și etichete. Structura organizatorică se bazează doar pe ierarhie.
  • Paginile nu sunt fișiere. Ele sunt stocate în baza de date în același mod ca înregistrările.
  • Deși puteți adăuga cod PHP la un șablon de pagină, nu puteți adăuga cod la pagina în sine pentru ca acesta să funcționeze. Notă: Acest lucru poate fi realizat folosind un modul PHP, cum ar fi Exec-PHP sau RunPHP

Creați pagini

Pentru a crea o pagină, conectați-vă la Wordpress cu privilegii suficiente pentru a crea articole. Selectați>> pentru a începe să lucrați la o pagină nouă.

Schimbarea URL-ului sau slug-ului paginilor

Începând cu versiunea 2.5, schimbarea adreselor URL ale paginilor a devenit mai puțin intuitivă. Dacă aveți Permalinkuri activate și ați selectat setarea Ziua și Numele(Clic Setări iar în lista deschisă Permalink-uri), atunci permalinkul va apărea automat sub titlul postării atunci când începeți să tastați în corpul postării (nu doar titlul).

În ciuda faptului că puteți alege mai multe setări diferite de permalink sau să nu le folosiți deloc, pentru a edita adresa URL a paginii, trebuie să faceți următoarele:

  1. Creați o pagină cu Scrie> Pagina.
  2. Publicați-l făcând clic Publica.
  3. Mergi la Gestionare> Pagini.
  4. presa Editați | × lângă pagină.
  5. Priviți permalinkul de sub titlu și faceți clic Editați | × să-l schimbe.

Astfel, dacă nu aveți permalinkuri activate, trebuie să vă publicați paginile înainte de a seta adresa URL.

Afișarea paginilor de pe site

WordPress este capabil automat creați o listă de pagini de pe un site, de exemplu într-o bară laterală, folosind una numită wp_list_pages (). Citiți mai multe pentru mai multe detalii, inclusiv cum:

  • Sortați lista de pagini. Personalizarea completă a ordinii de ieșire este descrisă în secțiunea „Ordinea paginilor” din panoul de administrare Scriere> Pagina.
  • din pagina de ieșire sau ascunde
  • Controlați afișarea paginilor, adică dacă să afișați toate paginile sau unele subpagini.
  • Determinați cât de adânc ajunge lista în ierarhia paginilor.

Copyright 1996-2006

Tipurile de postări WordPress sunt cel mai larg domeniu de activitate pentru dezvoltatori. Inițial, WordPress include 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. Și există mai multe diferențe între ele.

Înregistrări tind să apară în ordine inversă pe pagina principală a blogului, iar paginile sunt afișate fără o dată de publicare. Categoriile și etichetele pot fi, de asemenea, legate de postări, dar nu și de pagini (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 modificate la fel de ușor folosind 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 le puteți utiliza pentru site-ul dvs.

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 site-ului. Majoritatea dezvoltatorilor de teme creează un șablon de pagină de pornire în același mod. 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 după bunul plac. De exemplu, puteți modifica designul paginilor dvs. eliminând bara laterală. De asemenea, puteți schimba fontul preferat și puteți utiliza un antet diferit de cel oferit pe pagina de pornire.

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

Multe șabloane de arhivă afișează, de asemenea, o listă completă de postări de blog și o casetă de căutare pentru postări de pe site. În esență, un șablon de arhivă este o hartă a site-ului pe care un utilizator o poate folosi pentru a găsi ceea ce caută.

Alte tipuri de șabloane de pagină pot fi găsite în teme, cum ar fi:

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

Posibilitățile pentru șabloanele de pagină sunt nesfârșite. 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ă?

Este foarte ușor să adăugați un șablon pentru o pagină. Î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 plasării acesteia pe site în câmpul corespunzător. Și opțiunea dintre acestea vă permite să schimbați șablonul. Tot ce trebuie să faceți este să alegeț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 meniul de opțiuni din dreapta.

Opțiunile de șablon nu vor apărea dacă tema dvs. folosește numai șablonul de pagină implicit.

Cum să creați un șablon de bază de pagină de site web

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

Trebuie doar să utilizați codul pagina.php un șablon de temă existent ca bază pentru un șablon de pagină nou. De exemplu, 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. Acest lucru va defini fișierul dat 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 include în mod nativ un șablon cu lățime completă, dar ne vom preface că nu are nevoie pentru că avem nevoie de el pentru tutorialul nostru.

Într-un aspect standard, bara laterală a paginii este afișată în partea dreaptă:

Șablon de pagină standard în tema Douăzeci și douăsprezece

Este ușor să creezi 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 într-un mod 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ă se așeze lângă fișierul page.php.

De fapt, șablonul nostru este un șablon de la pagina.php Douăzeci și douăsprezece teme, eliminate numai.

Arata cam asa:

După ce încărcați fișierul șablon pe tema dvs., îl puteți utiliza pentru toate paginile. De asemenea, puteți conecta o pagină la acest șablon pentru a-i elimina bara laterală.

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

Dacă te uiți la codul șablonului nostru, poți vedea că cea mai mare parte a conținutului este influențată de o anumită clasă CSS:

A doua parte clasa = "site-content" este responsabilă pentru stilul părții principale a conținutului. Dacă verificați foaia de stil ( stil.css) a subiectului, atunci puteți vedea că această clasă este 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 trebuie 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 procentului 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.

Prin urmare, 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ă ne conectăm la clasa CSS cu lățime de 100%:

Ș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 toată pagina

Totul de mai sus poate fi făcut în orice temă WordPress. Pentru a face acest lucru, eliminați bara laterală din șablonul de pagină generat și asigurați-vă că schimbați clasa de foaie de stil dorită.

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 șabloane, deoarece acest lucru vă va ajuta să înțelegeți de ce pagina este stilată într-un fel sau altul.

Această comandă înseamnă că WordPress va afișa întotdeauna șablonul pentru pagină dacă acesta a fost atașat acestuia. 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 este 15, atunci WordPress va căuta un șablon de pagină numit 15.php.

Dacă șablonul nu este legat de pagină și nu există nicio potrivire cu ID-ul paginii, atunci WordPress caută ș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, șablonul de pagină de contact se numește page-contact.php. În general, puteți denumi șabloanele după cum credeți de cuviință și puteți utiliza orice configurație, fie ea page-name.php, name-page.php sau name.php. În orice caz, puteți schimba aceste nume în viitor.

Top articole similare