Diverse șabloane pentru pagini sau postări WordPress. Crearea unui șablon de pagină pentru WordPress

Cei care au încercat vreodată să creeze teme sau să-și schimbe codul știu că șablonul „page.php” este responsabil pentru stilul tuturor paginilor site-ului. Adesea, acest fișier afișează blocuri care sunt aceleași în înregistrări, arhive etc. WordPress vă permite să vă creați propriul dvs șabloane personalizate de pagină. Și asta, la rândul său, înseamnă că poți depăși designul standard. Voi explica. De exemplu, în șablonul de pagină creat, puteți elimina bara de site sau puteți modifica locația blocurilor, puteți crea un antet diferit sau puteți modifica întregul design. De asemenea, datorită creării propriilor șabloane, este posibil să creați o pagină (pagini de destinație).

Deci, folosind un șablon de pagină personală puteți:
- eliminați sau adăugați o bară laterală, subsol, antet;
- modificarea designului antetului, subsolului, barei laterale;
- creați o pagină de înregistrare sau un formular de contact integrat în design;
- implementarea unor scripturi (JavaScript, php și altele);
- proiectează pagini într-un mod original

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

Metoda nr. 1

○ Creați-vă propriul șablon

Pentru a crea propriul șablon de pagină WordPress, urmați acești pași:
- deschide-ți blogul/site-ul prin FTP. Pentru a face acest lucru, utilizați programe precum sau

Deschideți fișierele teme ( wp-content/themes/Tema-ta/ )

Descărcați fișierul „page.php” și deschideți-l cu, apoi lipiți următorul cod chiar la începutul fișierului:

Desigur, numele " noua pagina pentru site » schimba-l cu al tau
Cu acest cod i-am spus WordPress să creeze un șablon personalizat numit „ noua pagina pentru site ».

De exemplu, pentru a putea vedea diferența, eliminați bara de site. Pentru a face acest lucru, găsiți și ștergeți acest lucru în cod:

Și salvați fișierul în sine ca „page-no-sidebars.php”.
Încărcați fișierul nou creat „page-no-sidebars.php” prin FTP în toate fișierele tematice.

○ Conectarea unui nou șablon la pagină

În panoul de administrare WordPress, pe orice pagină care a fost deja creată (sau pe cea pe care o veți crea), în partea dreaptă, găsiți elementul „Șablon”. Aici, în acest moment, selectați-vă numele pentru noul șablon de pagină (în cazul meu este „ noua pagina pentru site »):

Salvați și vedeți rezultatul.

Metoda nr. 2

Metoda nr. 2 diferă de metoda nr. 1 prin faptul că fișierul trebuie denumit cu un nume specific:

Page-(slug-page).php

De exemplu: page-contact.php

Pagina-(ID pagină).php

De exemplu: page-12.php

Voi explica.

Când o pagină este creată, i se atribuie automat o adresă URL. Îl puteți schimba după cum doriți, vă recomand să utilizați pluginul rustolat ():

Deci, dacă adresa URL a paginii este „proba”, atunci fișierul pe care trebuie să-l creez pentru această pagină va fi astfel:

pagină- proba.php

Dacă adresa URL a paginii ar fi „de contact”, atunci fișierul pentru pagina respectivă ar arăta astfel:

pagină- contact.php

Încărcați fișierul prin FTP în toate fișierele tematice. Verificați, totul ar trebui să funcționeze.

Dezavantajul metodei nr. 2 este că fișierul este creat doar pentru o pagină, toate celelalte vor fi standard.

Asta este tot! Acum puteți crea un design unic pentru orice pagină.

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 din bucla principală WordPress, cum ar fi adăugarea unui tip de postare personalizat sau excluderea unei categorii. Există un filtru special pentru astfel de scopuri.

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

În acest articol, voi vorbi despre modalități de a crea șabloane pentru paginile permanente WordPress. Fiecare metodă are avantajele și dezavantajele sale. Dar înainte de a începe, puțin despre ce sunt paginile și cum diferă acestea de postări.

În WordPress puteți crea pagini (pagini) și postări (postări). Ele diferă prin faptul că postările: apar în feedul de pe pagina principală; Categoriile sunt indicate pentru intrări; postă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 (pe baza orei în care au fost adăugate), iar paginile sunt pentru o structură arborescentă care este independentă de timp. De exemplu, acest articol este publicat ca „intrare” în secțiunea „Cod”, iar linkurile din meniul antet duc la paginile: Funcții.

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

Crearea de pagini în WordPress

Adesea trebuie să creați un șablon de pagină separat, astfel încât informațiile afișate să difere de alte pagini. Prin crearea unui ș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ă în acest fel pagina pe care sunt afișate codurile fișierelor WordPress.

Metoda 1: șablon de pagină folosind un fișier cu un nume personalizat și conectarea acestuia în panoul de administrare (metoda 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, în blocul „Proprietăți pagini”, putem selecta un „șablon”:

Din WordPress 4.7. Astfel de șabloane de pagină pot fi create 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: șablonul paginii mele 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șierul servises.php). Uneori este convenabil. Numele fișierului șablon este stocat în metacâmpul _wp_page_template, așa că pentru a afișa pagini cu șablonul specificat trebuie să creați o interogare folosind metacâmpul (consultați 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 în timpul dezvoltării. 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 pentru a edita o pagină de postare arborescentă, 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 șiruri similare sunt colectate și afișate în selecția șablonului din blocul „Atribute pagină”.

La publicarea unei pagini, numele fișierului șablon sau implicit dacă șablonul nu este specificat este scris în câmpul personalizat _wp_page_template:

Wp_page_template = implicit
_wp_page_template = tpl_my-page.php

Apoi, când utilizatorul vizitează pagina, WordPress va verifica meta câmpul _wp_page_template, dacă șablonul este instalat, atunci fișierul șablon este utilizat. Î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șierelor șablon)

Când o pagină este creată, i se atribuie o etichetă (slug, nume alternativ). Este folosit în adresa URL a paginii. Ș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, ca în imagine, este egal cu contacts, 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 îl puteți edita după bunul plac). 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 pentru dezvoltare.

Defecte:

Șablonul este creat doar pentru o anumită pagină. Depinde de slug-ul paginii; 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).

Aproape inutil când scriu șabloane și cu atât mai mult plugin-uri. Poate fi folosit atunci când vă editați site-ul web, în ​​care slug-ul sau ID-ul paginii este cunoscut în prealabil.

Cum functioneaza:

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

• (any_name).php (atunci când utilizați un șablon de pagină)
• pagina-(post_label).php
• pagina-(post_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 odată 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 chiar un grup de publicații. Vezi exemple cu descrieri:

// filtrul trece variabila $template - 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) ( # similar cu cea de-a doua metodă // dacă aceasta este o pagină cu slug de portofoliu, utilizați fișierul șablon page-portfolio.php // folosiți eticheta condiționată is_page() if(is_page("portfolio") ))( if ($new_template = locate_template(array("page-portfolio.php"))) return $new_template ; ) # șablon pentru grupul de categorii // acest exemplu va folosi fișierul din folderul temă tpl_special-cats.php, // ca șablon pentru categorii cu ID 9 , titlu „Necategorizat” și slug „php” if(is_category(array(9, „Uncategorized”, „php”)))( return get_stylesheet_directory() . „/tpl_special-cats. php"; ) # șablon pentru introducerea după ID // fișierul șablon este localizat î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 personalizat „carte” // se presupune că fișierul șablon book-tpl.php se află în folderul temă global $post ; if($post->post_type == „carte”)( return get_stylesheet_directory() . „/book-tpl.php”; ) returneaza $template; )

Acest cod trebuie 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 albă aproape completă în acțiuni.

• Puteți crea un șablon 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).

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

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

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 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)

Tipurile de postări WordPress sunt cel mai larg domeniu pentru dezvoltatori. WordPress include în mod nativ 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.

Design-urile paginilor pot fi, de asemenea, modificate cu ușurință 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 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 ea (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. Acest lucru 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 fi suficient). 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 folosit 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ă te uiți la codul din șablonul nostru, vei vedea că cea mai mare parte a conținutului este sub influența unei anumite clase CSS:

• Internet
• Programe
• Instrucțiuni
• Browsere
• Windows 10
• Android
• iOS
• Conexiune

Ultimele note

Îți poți încărca telefonul peste noapte?

Configurarea e-mailului Yandex pe iPhone: metode de sistem

Cum să eliminați aplicațiile de sistem (standard) din Android

Computerul nu vede discul SSD de ce Computerul nu vede discul SSD ce trebuie să facă

Căști Bluetooth fără fir

Popular

O lanternă aproape eternă care strălucește fără baterii O lanternă eternă fără baterii

Verificați setările serverului proxy 127

Instalarea firmware-ului oficial pe Samsung Galaxy A3

Știri

2024-03-02 02:18:28

Cum să deschideți MMS pe telefon: sfaturi pentru configurarea MMS în Nokia Lumia 720, cum să deschideți

2024-03-02 02:18:28

Alarmă simplă de întrerupere a curentului GSM

2024-03-01 02:12:33

Convertiți PDF în JPG

2024-03-01 02:12:33

De unde pot descărca imagini frumoase gratuite pentru blogul meu?

2024-03-01 02:12:33

Rămâneți întotdeauna anonim online