Meniul
AcasăAndroid

Cum să adaugi setări în WordPress? Personalizare teme - Setări încorporate. Crearea unei teme Wordpress simplă

Crearea unui șablon WordPress este mai ușoară decât ați crede. Pentru a face acest lucru, nu trebuie să aveți o experiență vastă în design sau programare site-uri web. În acest articol, vă vom prezenta elementele de bază ale creării propriilor teme WordPress de la zero.

De ce ați avea nevoie chiar să vă creați propriul șablon WordPress când puteți utiliza șabloanele disponibile în baza de date? Iată câteva motive care pot determina acest lucru:

  • Puteți obține un site web unic sau o pagină de destinație diferită de concurenții dvs. Având în vedere milioanele de bloguri construite pe acest CMS, fiecare design standard este folosit de cel puțin o sută de ori.
  • Libertate totală de acțiune în stadiul de dezvoltare. Puteți adăuga propria dvs. funcționalitate cu elementele de lucru de care aveți nevoie.
  • Puteți utiliza modele diferite pentru diferite secțiuni ale site-ului, ceea ce nu este posibil atunci când utilizați un șablon gata făcut.
  • Puteți face mai multe vizualizări și oferi vizitatorilor posibilitatea de a comuta între diferite subiecte, ceea ce va crește interesul și loialitatea față de resursa web.
  • Simplitatea de a lucra pe WordPress îl face accesibil pentru mulți (tutorialele video de pe Internet vă vor ajuta). Aceasta înseamnă că dezvoltarea unei teme principale sau crearea personală a unei teme copil va economisi bani pe angajarea de designeri și programatori terți.
  • Puteți profita de posibilitatea temelor copil - atunci când se fac ajustări pentru a duplica foile de stil style.css, în timp ce fișierul principal rămâne neatins. Acest lucru vă permite să anulați rapid modificările în cazul în care acestea nu reușesc și, de asemenea, să nu pierdeți lucrul atunci când actualizați tema principală.

Instrucțiuni scurte

Desigur, nu veți putea învăța pe deplin cum să creați un șablon de pagină cu un singur articol. Pentru început, este important să înțelegeți elementele de bază - cum sunt realizate cele mai simple teme. Pe baza acestora, poți deja să fii creativ și să creezi o pagină de destinație sau un site web conform dorințelor tale. Acum vă vom oferi o scurtă foaie de cheat cu instrucțiuni pas cu pas - vă va ajuta să înțelegeți cum să creați un site web.

Pasul unu: munca pregătitoare

Înainte de a începe lucrul, trebuie să vă asigurați că aveți un editor de text (cel mai simplu este Notepad sau Nodepad++, mai ales că le puteți descărca gratuit). Următorul pas este să instalați motorul WordPress și suita Denwer pe computerul dvs. local. Denver este un pachet de instrumente esențiale pentru programatori. Cu ajutorul lor, procesul de dezvoltare și modificare a site-urilor web este mult facilitat și accelerat. Acest videoclip vă va arăta cum să îl instalați:

Pasul doi: creați un nou folder cu temă

Să mergem la directorul dorit. Cel mai adesea urmează următoarea cale: . Toate temele sunt stocate aici - atât standard, cât și personalizate. Intrăm în el și creăm un folder nou. Îl numim, de exemplu, „MyFirstTheme”.

Acum accesați un folder nou și asigurați-vă că adăugați două fișiere realizate prin Nodepad++ sau alt editor. Acestea sunt index.php și style.css. Deocamdată, lăsați aceste documente să rămână goale, apoi vom începe să le completăm. De asemenea, adăugați folderul cu imagini la „MyFirstTheme”. unde puteți adăuga imagini pentru a decora șablonul.

Ulterior, puteți adăuga șabloane la „MyFirstTheme” pentru părți individuale ale site-ului: bară laterală (sidebar.php), site (header.php), postări pe pagini (single.php), comentarii (comments.php), etc. A setul de fișiere suplimentare depinde de structura pe care o planificați pentru resursa dvs. web.

Pasul trei: completarea index.php

Primul lucru de făcut este să completați fișierul index (index.php). Iată un exemplu de cel mai simplu cod, conform căruia site-ul va avea patru zone: antet, principal, bară laterală și subsol.












În fișier puteți înregistra orice elemente pe care doriți să le vedeți pe site-ul dvs. Mai multe informații despre scrierea codului index.php pentru a crea teme în WordPress pot fi găsite în videoclip:

Pasul patru: completați style.css

Acum trebuie să deschideți style.css, să adăugați și să completați următoarele câmpuri (introduceți propriile informații despre site și proprietar în loc de ***). Datele introduse vor fi afișate în panoul de administrare.

/*Numele temei: ***

URI temei: http:// ***

URI autor: http:// ***

Descriere: ***

Ulterior, va fi posibilă introducerea diferitelor date și reguli în acest fișier care determină aspectul paginilor. De exemplu:

(informațiile din /**/ sunt comentarii, nu părți de cod)

În această etapă, este prea devreme pentru a seta parametri stricti de stil, dar atunci când lucrați în continuare cu fișierul, acest tutorial video va fi util:

Pasul cinci: împărțiți fișierele

Toate elementele specificate în index.php ar trebui să fie duplicate în fișiere separate. În pasul unu, în exemplu, pe lângă partea principală, au fost specificate antetul, bara laterală și subsolul - prin urmare, creăm propriile noastre documente pentru ele în format .php.

De exemplu, creați un fișier header.php, deschideți index.php. Găsim secțiunea corespunzătoare de cod și o lipim într-un fișier nou. Va fi:






Titlul Site-ului



Același lucru se procedează și pentru părțile rămase. Acest lucru ar trebui făcut pentru o navigare mai ușoară. Când există multe elemente ale viitorului site, fișierele separate vă vor ajuta să navigați mai bine pentru a verifica sau a face modificări.
Pentru ca fișierul index principal să fie în concordanță cu cele suplimentare, trebuie scrise următoarele în index.php sub blocurile pentru fiecare parte:






Mai jos este o listă de fișiere șablon standard utilizate de WordPress. Nu trebuie să le utilizați sau să adăugați propriile secțiuni:

  • Antet – stilul antetului site-ului dvs.
  • Comentarii – șablon pentru crearea de comentarii.
  • Acasă – temă pentru pagina principală.
  • Pagina - definește tema dacă creați pagini separate pe site
  • Categorie – șablon pentru defalcarea categoriilor
  • Data – definește stilul de afișare dată-oră.
  • Arhivă – un șablon pentru o secțiune de arhivă cu materiale vechi.
  • Căutare – un fișier care specifică parametrii de căutare pe site.
  • 404 este un șablon pentru o pagină care raportează o eroare 404 Not Found.
  • Subsol – definește stilul subsolului site-ului dvs.

Când rafinați ulterior fiecare element, veți avea nevoie de un tutorial video vizual. Iată câteva selecții care vă pot ajuta:

Antet în header.php:

Adăugarea conținutului:

Comentarii de stil:

Subsol de pe site:

Cum să faci schimbări în siguranță

Când trebuie să faceți modificări în paginile site-ului web, există riscul de a scrie ceva incorect și de a nu putea să îl „retroduceți”. De asemenea, se poate întâmpla ca intrările din foaia de stil să dispară atunci când tema principală este actualizată.

Pentru a preveni acest lucru, puteți crea o temă WordPress pentru copii (subtemă) - aceasta este o copie a fișierului style.css care nu afectează fișierul principal (modificările într-unul nu anulează actualizările în celălalt).

Crearea unei teme copii WordPress este ușoară. Trebuie să creați un folder nou în directorul principal C:\WebServers\home\localhost\www\NAME_SET_DUR_INSTALL\wp-content\themes. În noul folder creăm propriul fișier style.css cu următorul conținut:

Numele temei: NUMELE SUBIECT

Șablon: NUME DOSAR ÎN TEMA COPIL

URI temă: COMPLETARE

Descriere: FILL IN

URI autor: FILL IN

/* import stilurile temei părinte */

@import url("../NUME/style.css");

/* Stilurile tale suplimentare */

Foo (culoare: roșu; )

Acum puteți merge la „Aspect›Teme” din panoul de administrare și puteți activa șablonul copil. În viitor, puteți lucra în noul fișier. În plus, o scurtă prezentare video pe tema șabloanelor pentru copii:

Cu acest articol continui o serie de lecții despre crearea de site-uri web folosind motorul WordPress. După instalarea unei noi teme pe blog, va trebui să o personalizăm pentru a se potrivi nevoilor noastre. Acest lucru nu este deloc greu de făcut. Dar pentru editarea unui șablon WordPress, trebuie, cel puțin, să știți cum funcționează și ce fișiere sunt responsabile pentru ce. După ce am studiat Structura șablonului WordPressși având cunoștințe de bază despre HTML și CSS, puteți deja edita șablonul de temă, schimbându-i aspectul și funcționalitatea. Dar mai întâi lucrurile.

Imediat după instalarea unei noi teme, blogul tău este puțin probabil să aibă un aspect atractiv. Pentru a remedia acest lucru, trebuie să vă personalizați tema WordPress adăugând și organizând toate elementele necesare pe paginile blogului dvs. Asadar, haideti sa începem personalizarea unui șablon de temă WordPress.

Configurarea unei teme WordPress (șablon).

Să intrăm Bara de instrumente() WordPress și va continua să-l studieze, examinând în detaliu toate punctele din secțiunea „Design”, care este responsabilă de apariția și editarea șablonului WordPress:

Următoarea filă este „Widget-uri”. Când trecem la el, următoarea imagine se va deschide în fața noastră:

În partea stângă vedem totul” Widgeturi disponibile„: RSS, Arhive, Calendar, Găsire, Tag Cloud, Ultimele postări, Titluri, Text etc. Bara laterală a blogului este indicată schematic în partea dreaptă. În funcție de structura șablonului WordPress, pot exista una sau mai multe bare laterale. Pe un blog, arată ca o bară laterală situată în dreapta sau în stânga și, eventual, pe ambele părți în același timp.

Pentru a umple bara laterală cu widget-urile de care avem nevoie, trebuie doar să selectăm widget-ul necesar cu butonul stâng al mouse-ului și, ținând-l apăsat, glisăm widget-ul în bara laterală de care avem nevoie. În același mod, puteți muta widget-urile în sus sau în jos în bara laterală în sine.

Ce înseamnă fiecare dintre widget-uri este suficient de clar din numele lor. Widgetul „Text” merită o atenție specială. Mutându-l în bara laterală, se vor deschide câmpuri pentru introducerea datelor și un titlu. Aici puteți insera atât text obișnuit cu imagini, cât și diverse coduri HTML. De exemplu, contoare de statistici, blocuri de publicitate și bannere, formulare de abonare etc. După completarea sau editarea widget-ului „Text”, faceți clic pe butonul „Salvare” pentru ca modificările să intre în vigoare. Widgeturile care nu sunt necesare pot fi eliminate făcând clic pe butonul „Șterge” sau trăgându-le înapoi la secțiunea „ Widgeturi disponibile„. Dacă trebuie să dezactivați temporar un widget, în timp ce salvați toate setările acestuia pentru utilizare ulterioară, trageți acest widget în jos spre stânga în secțiunea „ Widgeturi inactive„. Îl puteți returna oricând.

Urmează fila „Meniu”. După ce l-am deschis, ne aflăm pe pagina pentru crearea propriului meniu de blog cu o descriere detaliată a modului de a face acest lucru. Puteți include categorii, pagini și link-uri arbitrare în meniu, aranjandu-le în ordinea necesară, prin simpla glisare și plasare. Făcând clic pe butonul „Salvare meniu”, va fi creat meniul blogului.

Pentru ca meniul creat să apară în bara laterală, trebuie să mergeți la fila „Widget-uri” și să trageți widgetul „ Meniu propriu” în bara laterală. În consecință, dacă ați activat widget-urile „Categorii” și „Pagini” pe blogul dvs., acestea pot fi dezactivate. Trebuie să spun că puțini oameni folosesc meniul de pe blog.

Ultima filă „Editor” vă permite să editați fișiere șablon WordPress. După ce l-ați deschis, în dreapta veți vedea o listă cu toate fișierele șablon WordPress, adică structura acesteia. Când faceți clic pe oricare dintre aceste fișiere, conținutul acestuia se va deschide într-o fereastră pentru editare. După efectuarea modificărilor necesare, nu uitați să le confirmați făcând clic pe butonul „Actualizați fișierul”.

Așadar, am studiat secțiunea „Design” din panoul de administrare al blogului nostru și am descoperit setările temei (șablon) WordPress.

Este de remarcat faptul că aproape fiecare temă modernă are propriile setări. De obicei, acestea sunt plasate în panoul de administrare într-o secțiune separată cu numele subiectului.

Uneori, setările personalizate pentru un șablon de temă WordPress se găsesc ca elemente separate în secțiunea „Design”.

Cum să configurați o anumită temă ar trebui să fie descris în detaliu pe site-ul web al dezvoltatorului sau al localizatorului șablonului de pe care l-ați descărcat. Setările individuale ale temei WordPress vă permit să modificați cu ușurință, fără a interfera cu codul sursă al șablonului, elementele de design ale site-ului web (logo, fundal, fonturi, aspectul barei laterale etc.), să inserați bannere, butoane de rețele sociale și RSS, contoare de statistici, publicitate blocuri și multe altele. Vă sfătuiesc să studiați cu atenție aceste setări, mai ales dacă sunteți nou în HTML și CSS.

Atenţie! Este important să știți că, dacă ați făcut modificări la setările individuale ale șablonului, atunci când instalați o temă nouă, aceste setări trebuie să fie readuse la starea inițială. De obicei, în aceste scopuri există butoanele „Resetare” sau „ Restabiliți la valorile implicite„, în funcție de tema WordPress pe care o alegeți.

Acum să vedem în ce fișiere constă șablonul de temă și să studiem structura acestuia.

Fiecare dintre fișierele șablon WordPress este responsabil pentru proiectarea blocurilor individuale pe pagina web a site-ului. Apoi, ca un set de construcție, paginile de blog sunt asamblate din aceste blocuri într-un singur întreg. Deoarece temele (șabloanele) WordPress sunt create de diferiți dezvoltatori, structura acestor șabloane poate fi diferită. Unele fișiere șablon de temă trebuie să fie prezente pe fiecare pagină web, în ​​timp ce altele sunt afișate doar în anumite cazuri.

În imaginea de mai jos puteți vedea structura aproximativă a unui șablon WordPress.

Iată o listă de fișiere care sunt de obicei prezente în toate șabloanele și o scurtă descriere a acestora:

  • header.php (header) – este prezent pe toate paginile web și este responsabil pentru afișarea părții de sus a site-ului.
  • index.php – este responsabil pentru afișarea conținutului paginii principale.
  • single.php – afișează fiecare articol specific.
  • page.php – conținutul unei pagini statice de site.
  • categorie.php – un fișier care afișează postări dintr-o anumită categorie.
  • tag.php – afișează o arhivă de postări după etichetă.
  • archive.php – arhivă temporară de articole (pentru o lună sau un an). Uneori, acest fișier înlocuiește category.php și tag.php.
  • search.php – afișează înregistrări ale rezultatelor căutării pentru site.
  • comments.php – fișier șablon de comentariu.
  • sidebar.php – coloana laterală a site-ului în care se află widget-urile. Pot exista mai multe bare laterale, în funcție de structura șablonului WordPress. Acest fișier este prezent pe toate paginile site-ului.
  • 404.php este un fișier de eroare 404 care apare dacă este introdusă o adresă incorectă a paginii web sau nu există.
  • functions.php – acest fișier conține de obicei funcții care sunt apelate atunci când se afișează un site sau când se lucrează cu panoul de administrare.
  • footer.php (footer) – partea de jos a site-ului, prezentă pe toate paginile acestuia. Ne-am uitat deja la acest fișier șablon WordPress când am eliminat fișierele nedorite.
  • style.css este un fișier de foaie de stil responsabil pentru designul extern al site-ului.

Acum știind Structura șablonului WordPressși pentru ce este responsabil fiecare dintre fișierele sale, puteți modifica aspectul și funcționalitatea unei anumite părți a site-ului.

Este important să înțelegeți că, fără cunoștințe de bază de HTML și CSS, este mai bine să nu încercați să editați fișierele cu teme (șablon) WordPress. Și dacă tot trebuie să editați un fișier șablon, asigurați-vă că ați făcut mai întâi o copie de rezervă a acestuia. Apoi, dacă ceva nu merge bine, puteți oricând să restaurați fișierul original.

Aș dori să notez de la mine că editați șablonul WordPress Este mai convenabil nu din panoul de administrare al blogului, ci prin deschiderea fișierului în Notepad++, folosind o conexiune la serverul de găzduire printr-un client FTP. Puteți citi despre cum să faceți acest lucru în articolul „“.

Asta e tot pentru azi. Acum site-ul pe care l-ați creat va arăta mult mai atractiv. Ne vedem pe paginile blogului.

Lăsați comentariile voastre și nu uitați să faceți clic pe butoanele rețelelor sociale din partea de jos a articolului, astfel veți ajuta la dezvoltarea acestui blog. Vă mulțumesc anticipat!

Datorită faptului că majoritatea site-urilor pe care le dezvolt sunt create folosind CMS-ul Wordpress și trebuie să mă ocup în mod constant de sarcini non-triviale, am decis să vă împărtășesc experiența mea de utilizare a diverselor plugin-uri. Atât gratuit, cât și cu plată, și voi încerca să adere la acest format: un articol - un plugin. Voi încerca să iau în considerare doar evoluțiile care merită cu adevărat atenție, iar în prima mea poveste vă voi povesti despre OptionTree - o soluție excelentă, după părerea mea, pentru crearea unei pagini cu setări personalizate pentru site-ul web.

Ce sunt setările personalizate?

Șabloanele (temele) Wordpress pe care le putem folosi pe site-ul nostru de foarte multe ori vă permit să personalizați niște parametri suplimentari, de exemplu, culoarea titlurilor. Toate temele plătite pe care le-am folosit extind semnificativ funcționalitatea panoului administrativ datorită unei interfețe separate. Mai jos dau un exemplu de astfel de extensie, vă rog să aruncați o privire.

Atunci când este creat un site web unic (prin unic mă refer la un site web care folosește un șablon dezvoltat special pentru client cu un design și funcționalitate unice), este adesea necesar să se creeze capacitatea administratorilor de a modifica anumiți parametri. Este aproape întotdeauna necesar să se acorde posibilitatea de a schimba fișierul siglă, unele elemente de pe pagina principală, pictogramele rețelelor sociale, culoarea de fundal în „subsolul” site-ului etc. Aceasta este exact oportunitatea pentru dezvoltatori pe care o oferă pluginul OptionTree, care poate fi descărcat gratuit de pe site-ul oficial Wordpress.

Dupa instalare...

Prin instalarea și activarea pluginului, noi, condiționat, obținem două părți: una pentru dezvoltatorii site-ului, cealaltă pentru utilizatori. Prima parte este disponibilă din elementul de meniu „OptionTree” - „Setări”, care apare după activarea pluginului din stânga în partea administrativă a Wordpress. Simțiți-vă liber să faceți clic acolo și să obțineți o interfață unică pentru crearea unui set de câmpuri personalizate, care vor fi disponibile utilizatorilor în a doua parte a pluginului - „Aspect” - „Opțiuni temă”.

Opțiuni de temă UI Builder

Deci, cum creezi setările? Prin setare separată, mă refer la un anumit câmp care va fi disponibil utilizatorului, administratorului site-ului, pentru editare. UI Builder vă permite să creați secțiuni sau secțiuni, să le numim mai bine așa, în care vor fi localizate anumite setări. În figura de mai sus, am arătat un exemplu de setări constând din două secțiuni: „De bază” și „Servicii”. Acestea. Se înțelege că în secțiunea „De bază” vor fi plasate câteva setări generale ale site-ului, iar în secțiunea „Servicii” - specifice paginii de servicii. Să vedem cum arată secțiunile pentru utilizator. Accesați „Aspect” - „Opțiuni temă” și - urează! Aici este pagina de setări!

În stânga vedem secțiuni care pot fi comutate, în dreapta - un set de setări în cadrul secțiunii. Secțiunile sunt create folosind Theme Options UI Builder făcând clic pe butonul „Adăugați secțiune”, iar pentru secțiune trebuie să introduceți titlul și identificatorul unic. Să creăm o secțiune „Avansat” și să adăugăm câteva setări acolo.

Toate modificările, desigur, sunt înregistrate făcând clic pe butonul „Salvare modificări”. Acum să adăugăm o setare pentru utilizator, de exemplu, culoarea titlurilor. Faceți clic pe „Adăugați setare” și vedeți ce set de câmpuri este disponibil pentru selecție. Ai putea spune că este imens! Selectați „Colorpicker” și introduceți un titlu și un identificator unic. Fiți atenți la identificatori; prin identificatorul unic putem apoi accesa valoarea acestui câmp în codul șablonului.

Să vedem ce este acum disponibil utilizatorului pentru editare: au apărut o nouă secțiune și o nouă setare, câmpul „Heading Color”, pe care utilizatorul le poate edita acum într-un mod convenabil. Uite, nu mă voi opri pe lista completă a câmpurilor disponibile pentru creare; este, desigur, în documentația pentru plugin și pe site-ul oficial al dezvoltatorilor. Dacă, totuși, unele domenii vă trezesc interesul, scrieți, voi actualiza această publicație cu o descriere a cutare sau acela tip de câmpuri propuse. In principiu, numele domeniului isi face sensul clar, dar, repet, daca ceva iti provoaca dificultati, nu ezita sa ma contactezi, cu siguranta iti explic.

Editarea șablonului

Acum tu și cu mine, ca dezvoltatori, trebuie să facem modificări șablonului de site pentru a obține valoarea unui anumit câmp pe care utilizatorul l-a introdus sau selectat. O anumită funcție este responsabilă pentru aceasta, un exemplu al cărui utilizare pentru selecția noastră de culori de titlu este prezentat mai jos. Mai mult, observ că pot exista un număr foarte mare de opțiuni pentru utilizarea acestui plugin; în exemplul pe care îl dau, în interiorul fișierului header.php al șablonului din secțiunea head a documentului, acum va fi afișat stilul titlurilor. , și anume culoarea acestora, în funcție de valoarea câmpului h_color.

Acestea. Funcția ot_get_option($option_id, $default) este responsabilă pentru afișarea valorii câmpului, ai cărui parametri sunt identificatorul câmpului, pe care tu și eu, ca dezvoltatori, l-am stabilit; în cazul nostru, afișăm valoarea câmpului. h_câmp de culoare. Al doilea parametru al funcției este formatul de ieșire, permiteți-mi să mă opresc puțin mai detaliat asupra acestui lucru. De exemplu, trebuie să facem o opțiune care să permită utilizatorului să-și creeze propriul set de pictograme pentru rețelele sociale. Pentru a face acest lucru, vom folosi câmpul List Item (în ilustrația de mai jos).

Acest câmp vă permite să creați un set de câmpuri repetate, unde utilizatorul poate adăuga aceiași parametri într-o singură setare. Este puțin neclar, voi încerca să explic și apoi să arăt în cod cum funcționează. În cazul nostru, vom atribui identificatorul social_icons câmpului List Item și în interiorul acestui câmp (rețineți că există un alt buton „Add setting”) vom adăuga două câmpuri: un fișier pictogramă și un link. Primul tip de câmp va fi Încărcare, al doilea tip de câmp va fi Text. ID-ul primului câmp va fi icon_image, ID-ul celui de-al doilea va fi icon_link.

Ce va primi utilizatorul? Acum va putea adăuga mai multe pictograme de rețele sociale făcând clic pe butonul „Adăugați nou” din pagina de setări. Mai mult, vă rugăm să rețineți că numărul de astfel de setări este acum nelimitat și depinde doar de utilizator.

Pentru a afișa acum un câmp atât de complex în șablon, trebuie să utilizați un format de ieșire ușor diferit; mai jos este o bucată de cod PHP pentru un astfel de caz. Voi încerca să explic prin comentarii ce se întâmplă.

"; // afișează câmpurile din șablon ) ) ) ?>

In custodie

Există într-adevăr multe tipuri de câmpuri pe care le puteți utiliza, dezvoltatorii de plugin-uri au făcut tot posibilul: aceasta include selectarea datei, selectarea culorilor, puteți crea galerii de imagini, comutatoare etc. Combinând astfel de câmpuri și afișându-le corect în șablon, dezvoltatorul site-ului va oferi utilizatorului o interfață convenabilă pentru modificarea anumitor setări. Aș dori să remarc că într-unul dintre cele mai recente site-uri a trebuit să creez peste 50 de câmpuri diferite pentru ca clienții să poată schimba culorile antetului site-ului, textele de pe pagina principală, să schimbe numărul de știri afișate pe pagină, să editeze contacte și o hartă a locației și multe altele.

Aceasta este pagina principală a ghidului pentru crearea de teme (șabloane) pentru WordPress. Informațiile de bază sunt preluate din manualul oficial și din experiența personală.

Ce este o temă?

O temă WordPress este un set de fișiere css, js, php care, împreună cu WordPress și pluginuri, afișează informațiile din baza de date pe ecran într-o formă frumoasă și convenabilă (design). Ei bine, sau urâtă și incomodă, depinde ce temă alegi... În alte motoare, o temă se mai numește și „șablon”, dar în WordPress se obișnuiește să spui tema - temă, și nu șablonul - șablon . Deși ambele sunt în esență la fel...

Astfel, dacă schimbi tema, site-ul își schimbă aspectul și arată diferit. Există mii de teme gratuite pe WordPress.org. În ciuda selecției largi de teme, mulți oameni preferă să-și creeze propriile teme. Acest lucru se datorează în primul rând faptului că crearea unei teme simple nu este dificilă.

Fișiere necesare

Pentru a crea o temă aveți nevoie doar de două fișiere:

  1. index.php - fișierul principal al temei, responsabil pentru afișarea conținutului
  2. style.css - fișierul de stil principal, responsabil pentru stilurile CSS

Dar nicio temă nu constă de fapt din doar două fișiere. Există mai multe dintre ele: PHP, fișiere de limbă, fișiere CSS și JS, fișiere text. Tema începe cu două fișiere și apoi, pentru a o face mai convenabilă, este extinsă prin adăugarea de fișiere precum:

  • header.php - responsabil pentru afișarea antetului
  • footer.php - responsabil pentru afișarea subsolului
  • sidebar.php - responsabil pentru afișarea barei laterale
  • page.php - este responsabil pentru afișarea unei pagini separate (post)
  • etc. uite lista plina.

Caracteristicile temei

Posibilitățile temei sunt, în esență, nesfârșite, deoarece puteți folosi PHP pe deplin. DAR! O temă are scopul de a afișa conținutul unui site într-un anumit mod și nu de a adăuga funcționalitate site-ului. Prin urmare, se obișnuiește să se limiteze capacitățile temei la cei responsabili de aspect și toate celelalte caracteristici: vot, evaluări, redirecționări, SEO etc. Este obișnuit să-l pui în pluginuri...

Deci o temă poate:

  • Responsabil cu afișarea conținutului site-ului pentru diferite tipuri de dispozitive: monitoare și smartphone-uri. Aceste teme se numesc responsive. De asemenea, temele pot fi fixe, cu o coloană, cu două coloane etc.;
  • Tema poate afișa orice conținut;
  • Poate specifica ce conținut va fi afișat diferiților utilizatori;
  • Poate folosi orice elemente de design (imagini, videoclipuri).

Ca și în cazul oricărui site web, o temă nu este doar o schemă de culori, un aspect și o imagine frumoasă. Temele cu adevărat de înaltă calitate sunt, de asemenea, foarte funcționale. Funcționalitatea temei constă în configurația sa flexibilă. Acestea. nu adaugă nimic nou site-ului, dar este foarte personalizabil după gusturile proprietarului. De exemplu: se setează o imagine de fundal, se modifică culorile elementelor, se configurează meniurile și blocurile de conținut (widgeturi).

Prin ce diferă o temă de un plugin?

Din punct de vedere al codului, s-ar putea spune, nimic - puteți crea un plugin cu drepturi depline în temă. Dar din punct de vedere logic - toată lumea! Scopul pluginului este de a adăuga ceva nou pe site, de exemplu, adăugarea unui sondaj. Sarcina subiectului este de a afișa conținutul, inclusiv acest sondaj...

Astfel, tema este responsabilă de afișarea conținutului pe pagină, iar pluginul este necesar pentru implementarea funcționalității site-ului.

Nu adăugați niciodată funcționalitate temei în sine decât dacă există un motiv convingător pentru a face acest lucru. Dacă faceți acest lucru, atunci când schimbați tema, funcționalitatea se va pierde în locul acesteia. De exemplu, tema ta are o galerie foto grozavă. Și dacă schimbi subiectul, această galerie foto cool se va pierde...