Pasul 4 - Footer.php
Ne întoarcem la fișierul index.html și decupăm totul din el

Conform șablonului nostru, aici ar trebui să afișăm cele mai recente intrări de blog (Postări recente) și cele mai recente comentarii (Comentarii recente). Vom afișa cele mai recente înregistrări în valoare de 5 bucăți - showposts=5. Vom înlocui totul înăuntru

:




• 
  " rel="marcaj" title=" ">
  
  
  




Vom afișa cele mai recente comentarii folosind pluginul simple_recent_comments.php, îl vom descărca și îl vom pune în folderul nostru cu teme. Acum trebuie să-l numim în locul potrivit (înlocuim conținutul blocului

):


Comentarii recente", ""); } ?>

Pasul 5 - Index.php
Tot ce a mai rămas înăuntru index.html salvează ca index.phpîn folderul cu tema noastră, apoi conectați apelul antet, bara laterală și subsolul:






oct 13




Exemplu de intrare pe blog

Ştiri 3 comentarii





Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Citeşte mai mult...






Intrări anterioare Următoarele intrări






Pasul 6 - Afișarea postărilor de blog pe pagina Index.php
Următoarea figură demonstrează principiul afișării postărilor de blog. În primul rând, verifică dacă există mesaje în baza de date, dacă nu, afișează „Not Found”. Dacă există, îl scoate într-o buclă în timp ce
.
Deschideți index.php-ul nostru și înlocuiți textul static între
..
funcții (etichete) wordpresspost data, titlul, categoria, comentariile, următorul și anterior. Pe baza figurii de mai sus obținem:












">




















Nu s-a găsit nimic







Acum tema ar trebui să fie deja disponibilă din panoul de administrare din lista de teme, o puteți activa și să vedeți ce s-a întâmplat.
Noi am folosit Etichete Wordpress:
the_time ("M"), the_time ("j") - luna și respectiv ziua de ieșire
the_permalink()- afișează linkul permanent al postării
the_title_attribute()- titlul înregistrării curente.
the_title()- titlul postării sau paginii
the_category(", ")- un link către categoria sau categoriile cărora le aparține înregistrarea
comments_popup_link - va afișa un link de comentariu într-o fereastră pop-up dacă este utilizat comments_ popup_script(), în caz contrar afișați un link de comentariu obișnuit.
continutul- afișează conținutul intrării curente. Dacă se folosește etichetaatunci mesajul este afișat numai până când(doar pe pagina principală, intrările vor fi afișate integral pe pagină).
linkul_următoare_postări- link la mesajele anterioare.
link-ul posturilor_anterioare - link către următoarele mesaje.
Pasul 7- Single.php
Vom crea acest fișier din cel pe care tocmai l-am completat. index.php, schimbându-l puțin:



















"
Pagini:", "după" => "
", "next_or_number" => "număr")); ?>














Nu s-a găsit nimic







wp_link_pages- Afișează linkuri pe o pagină într-un mesaj cu mai multe pagini (când se utilizează).
comentarii_template()- Include un fișier șablon comentarii.php din folderul de teme curent
previous_post_link ("%link"), next_post_link ("%link")- va afișa anteturile intrării anterioare și următoare
Pasul 8 - page.php
Acest pas este mai ușor decât precedentul. Fişier singur.php salvează ca pagina.php. Eliminați din pagina.php data de ieșire, comentarii, următor/anterior:












"
Pagini:", "după" => "
", "next_or_number" => "număr")); ?>






Nu s-a găsit nimic







Putem încheia aici. Am colectat fișierele principale ale temei. Probabil ați observat că tema implicită are mai multe fișiere. De exemplu arhiva.php, nu este obligatoriu. Cu toate acestea, dacă conectăm widgetul „Arhive” sau „Calendar” în bara laterală și mergem la o arhivă după dată, vor fi afișate intrările pentru data selectată pe pagina de index, deci este foarte posibil să faci fără arhiva.php :)
Final.
Uneori este necesar/util să afișați anteturile tuturor postărilor de pe o pagină. În acest scop vom folosi eticheta wordpress query_post:
/*
Nume șablon: Arhive
*/
?>









• 
  

  " title="!}">

  
  |
  










query_posts("showposts=-1");- va afișa toate intrările. Să salvăm asta într-un fișier arhive.php. Fiți atenți la comentariile de la începutul codului Nume șablon: Arhive, se cere aici (mai târziu veți înțelege de ce)
Accesați panoul de administrare și creați o pagină nouă. Indicăm doar titlul și indicăm șablonul în „Atribute” Arhive, salvați pagina. Și acum pe această pagină vom afișa toate înregistrările conform șablonului arhive.php, pe care am descris-o chiar mai sus:

Asta e tot pentru azi. Vă mulțumim pentru atenție.
P.S. Tema asamblată a fost testată pe WordPress 2.8.5. Rezultatul final poate fi descărcat. Încercați să vă creați propria temă în același mod, sunt sigur că veți reuși!
Articol echipei, surse: http://www.webdesignerwall.com, http://themetation.com, http://codex.wordpress.org
În acest articol, vom învăța cum să creăm o temă WordPress. Pentru început, vom crea un șablon HTML + CSS pe care îl vom plasa în structura temei WordPress. După ce veți termina de citit acest articol, veți putea să vă creați propriul șablon WordPress sau, mai degrabă, îl veți crea pe măsură ce citiți și finalizați sarcinile practice. Veți ști cum este structurată tema și veți putea implementa în mod independent nucleul temei WordPress din alte șabloane HTML/CSS. Să începem?
Introducere – Structura temei WordPress
Structura unei teme WordPress este extrem de simplă. In topic avem un fisier index.php, el este responsabil de asamblarea pieselor șablon. Alții conectați la acest fișier: antet.php,subsolul.php. Aceste fișiere (piese șablon) sunt folosite pe orice pagină a site-ului. Știm că nu toate paginile sunt construite folosind același șablon, așa că o temă WordPress are alte fișiere, cum ar fi arhive.php sau singur.php. De asemenea, vă puteți crea propriul tip de pagină dacă doriți ca acesta să fie categoric diferit de celelalte de pe site. Este foarte convenabil.
Dacă luați în considerare cu atenție structura temei și citiți conținutul fișierelor, veți înțelege intuitiv ce este. Dar mai sunt câteva puncte pe care le vom lua în considerare. Vă puteți întoarce oricând la această pagină și puteți citi cum se face totul.
Acum să ne uităm la crearea unui șablon pas cu pas:
Pasul 1 – style.css
Un fișier CSS este un fișier de parametri și soluții de proiectare pentru elementele HTML ale unui șablon. Ar trebui să redenumiți fișierul CSS principal (dacă aveți mai multe) la stil.css. Apoi, trebuie să adăugați următoarele informații comentate la începutul acestui fișier:
/* Numele temei: Typography Paramount Theme URI: http://site/ Descriere: Un șablon fără imagini care se concentrează pe Typography..0 . Comentarii generale/Declarație de licență, dacă este cazul. . */
Acest cod va afișa informații despre temă pentru administratori. Asigurați-vă că este la începutul fișierului și că nu există caractere albe înaintea acestuia!
Apoi am creat un alt fișier numit 1. css, și puneți-l într-un folder tipografie-primată, pe care l-am creat în folderul cu teme WordPress. Această structură trebuie urmată cu strictețe pentru ca WordPress să poată vedea acest fișier.
Pasul 2 – antet și subsol
În acest pas vom crea două fișiere: antet.phpŞi subsolul.php, care au fost menționate mai devreme. Deși nu sunt de bază și sunt incluse opțional în temă, sunt folosite în majoritatea șabloanelor, așa că le vom crea.
Header.php
Să începem cu acest fișier. Creați un fișier și dați-i un nume antet.php, apoi inserați codul furnizat în el și salvați. Acest fișier va fi afișat pe toate paginile șablonului nostru.
Un șablon fără imagini care se concentrează pe tipografie.
Tipografie Paramount
• Link aici
• Link aici
• Link aici
• Link aici
• Link aici
Până acum, nu a existat nimic special în contrast cu o temă simplă html/css. Dar acum vom înlocui unele elemente cu etichete WordPress.
> ; set de caractere=" /> " type="text/css" media="screen,projection" />
/">
Acestea sunt doar câteva dintre etichetele pe care le cunosc. Veți găsi multe mai multe pe site-ul oficial: codex.wordpress.org.
atribute_limbii()– Afișează tipul de limbă pentru etichetă .
bloginfo()– Folosit pentru a afișa informații despre site, toți parametrii pot fi găsiți în codul WordPress.
wp_title()– Returnează titlul paginii.
wp_head()– conectează javascript și alte elemente necesare.
get_option()– primește opțiunile necesare pentru lucrul cu baza de date.

Subsol.php
Acum să creăm așa-numitul „subsol al site-ului”. Creați un fișier subsolul.phpși pune următorul cod în el. Acest subsol va afișa anul, numele site-ului și linkurile rss.
Design șablon de către Six Shooter Media
©
„>Luați feedul
< ?php wp_footer(); ?>


phpthe_timp("Y"); ?>- afișează anul curent.
- numele blogului.
- adăugarea unui link către fluxul rss al blogului.
wp_footer()– acest lucru este necesar pentru nucleul WordPress în sine, care adaugă acolo elementele de care are nevoie.


Pasul 3 – fișierul șablon wordpress principal
Este timpul să creați fișierul șablon WordPress principal care va conecta partea de sus și de jos a site-ului. Creați un fișier index.php. Acesta este unul dintre cele două fișiere de teme WordPress necesare (celălalt este style.css). Lipiți fișierul nou creat cu următorul cod:
Acest cod ajută WordPress să obțină informații unde să se conecteze antet.phpŞi subsolul.php. Să mai adăugăm câteva rânduri între aceste etichete:
">
la | |
Woops...
Ne pare rău, nu am găsit nicio postare.
Această bucată de cod primește informații despre postările existente pe blog și, dacă există, le afișează. Dacă nu sunt detectate, atunci partea de cod de după , ceea ce ne anunță că blogul este încă gol.
A adăugat și eticheta , care afișează linkuri de navigare pentru ca utilizatorii să poată citi postările adăugate anterior.
Exemplu de temă WordPress
Acum avem o aparență de temă, să vedem un exemplu despre cum funcționează tema WordPress creată.


Avem patru fișiere în tema noastră, ceea ce este suficient pentru început. În articolul următor vom adăuga fișierul singur.php, care va fi afișat atunci când este afișată o anumită postare. Acest fișier va include, spre deosebire de fișier index.php.
Dacă mai aveți întrebări sau neînțelegeri despre crearea unui șablon WordPress (temă), exprimați-vă îngrijorările în comentariile de mai jos!
Acest articol vă va arăta cum să creați cea mai simplă temă WordPress. Deși Codex oferă o documentație extinsă pe acest subiect, mi se pare un pic complex pentru un începător. Prin urmare, în acest „tutorial” vă voi spune principiile cum funcționează temele WordPress și vă voi arăta cum să adaptați un șablon HTML brut la acestea. În același timp, nu trebuie să cunoașteți PHP, dar este bine dacă cunoașteți Photoshop și CSS pentru a crea un design.
1. Blog Frontend
Înainte de a începe, să aruncăm o privire la o temă standard WordPress și să înțelegem în ce constă. Să marchem elementele (antet, titlul postării, formular de căutare, navigare, subsol etc.).
Prima pagină standard ( index.php)

Single standard ( singur.php)
2. Aspecte Photoshop
Pe baza aspectului temei standard, proiectați machete Photoshop pentru blogul dvs. De exemplu, folosesc GlossyBlue, una dintre temele mele gratuite. Descărcați demo.zip pentru a vedea fișierul Photoshop finalizat.

3. HTML și CSS
Odată ce designul PSD este gata, creați un șablon HTML+CSS pentru fiecare pagină. Urmând pașii din acest tutorial puteți folosi fișierele mele HTML GlossyBlue din demo.zip. După despachetarea arhivei, veți vedea index.html, single.htmlŞi page.html. În continuare le voi folosi pentru a le transforma într-un șablon.

De ce să creați mai întâi HTML static? Acest lucru se datorează în principal faptului că va simplifica foarte mult procesul de dezvoltare. De obicei creez un fișier HTML pentru fiecare șablon, verific valabilitatea acestora (marcaj HTML și CSS) în toate browserele. După aceea, tot ce mai rămâne este să tăiați și să lipiți codul WordPress. Deci nu mai trebuie să vă faceți griji cu privire la erorile din HTML sau CSS.
4. Cum funcționează o temă WordPress?
Dacă mergeți la folderul de teme implicit ( wp-content/teme/implicit), veți vedea multe fișiere php (numite fișiere șablon) și un fișier stil.css. WordPress folosește de obicei mai multe fișiere șablon ( index.php , header.php, sidebar.php,Şi footer.php).

Mai multe detalii în Codex: „Arhitectura site-ului” și „Ierarhia șabloanelor”.
5. Fișiere șablon duplicate
Copiați folderul HTML din GlossyBlue în folder wp-conținut/teme. După aceea, mergeți la directorul de teme implicit, copiați comentarii.phpŞi searchform.phpîntr-un folder albastru lucios.

6. Stil.css
Accesați folderul tema implicit, deschideți fișierul stil.css. Copiați textul comentat la începutul fișierului și inserați-l în stil.css Teme GlossyBlue. Dacă doriți, puteți modifica titlul și informațiile despre autor.

7. Separarea fișierelor
Acum trebuie să ne dăm seama unde să împărțim fișierele HTML în părți: header.php , sidebar.php și footer.php. Captura de ecran de mai jos arată o versiune simplificată a fișierului meu index, precum și principiul împărțirii acestuia.

8.Header.php
Deschide index.html. Trebuie să tăiați secțiunea de sus până unde se termină, să o lipiți într-un fișier php nou și să salvați ca header.php.
Accesați folderul de teme implicit, deschideți un nou header.php. Copiați și înlocuiți etichetele acolo unde codul php o cere: titlu, link, foi de stil, h1 și div class=description.

Meniul de navigare (wp_list_pages) Înlocuiți etichetele li V ul id=nav pe ;

9. Sidebar.php
Întoarce-te la index.html, tăiați codul de unde începe form id=form de căutareși până când eticheta se închide div id=bara laterală, puneți-l într-un fișier php nou și salvați ca sidebar.php.
• Înlocui form id=form de căutare cu tot conținutul pe .
• Înlocuiți etichetele li categorii prin
• Înlocuiți etichetele li arhive pe

10. Footer.php
Întoarce-te la index.html. Extrage codul de acolo div id=footer inclusiv cu eticheta div id=footer și până la final /html apoi pune-l într-unul nou footer.php.

Postări recente Aici am folosit query_post pentru a afișa cele mai recente 5 postări de blog.

„Ultimele comentarii”„Ultimele comentarii” generate de plugin (inclus în folderul cu teme)

11. Index.php
Acum în tine index.html ar trebui doar să rămână div id=conținut. Salvați fișierul ca index.php. Introduceți rândurile: get_header, get_sidebar, Și get_footerîn ordinea în care apar în model.

12. Analizarea ciclului
Bucla afișează postări de blog secvenţial, în funcție de setările dvs. Captura de ecran de mai jos ilustrează cum funcționează. Inițial, bucla verifică prezența înregistrărilor și dacă nu găsește niciuna, afișează un mesaj "Nu a fost găsit".

13. Copierea unui ciclu
Accesați directorul de teme implicit, deschideți index.php. Copiați ciclul din cel standard index.phpîn propriul tău – între div id=conținut../div. După aceea, înlocuiți textul static cu etichete de șablon WordPress: data postării, titlul, categoria, comentariile, linkul următor și anterior.

14. Previzualizarea temei
Felicitări! Ați creat partea publică (partea principală a șablonului). Acum accesați panoul administrativ, accesați fila Proiecta, ar trebui să vedeți tema GlossyBlue. Activați-l și accesați partea publică pentru a vedea rezultatul în acțiune.
15. Single.php
Este timpul să creați un șablon singur.php. Dacă doriți, puteți repeta pașii, transferând codul din tema standard. Dar mi se pare mai ușor să-l folosesc pe cel pe care tocmai l-am creat index.php, salvându-l ca singur.php. Deschide singur.php din tema standard și copiați etichetele șablonului în locurile necesare. Apoi, conectează-te comentarii_template. Următoarea captură de ecran arată modificările pe care le-am făcut:

16.Pagina.php
Acum nou singur.php salvează cu nume pagina.php. Eliminați data intrării, formularul de comentarii, linkurile următoare/anterioare. Asta e, asta e tot - șablonul tău pagina.php gata .
17. Eliminarea fișierelor HTML
Eliminați toate fișierele HTML din folder albastru lucios(nu vom mai avea nevoie de ele). Din punct de vedere tehnic, acest lucru este suficient pentru a crea o temă de bază WordPress. Poate ați observat că există mai multe fișiere PHP în tema standard. Ei bine, de fapt, nu prea ai nevoie de ele dacă vrei o temă simplă. De exemplu, dacă căutare.php sau 404.php nu va fi în folderul cu teme, WordPress va folosi automat index.php pentru a afișa pagina. Citiți Ierarhia șabloanelor pentru mai multe detalii.
18. Șablon de pagină WordPress
Acum, pentru exemplul final, vă voi arăta cum să utilizați șablon de pagină pentru a crea o pagină de arhivă care va conține o listă cu toate postările de pe blogul dvs. (utilă pentru o hartă a site-ului). Copie arhive.php din folderul cu tema standard. Eliminați codul inutil și obțineți ceva de genul acesta:

Salutări. Acest articol va răspunde la întrebarea cum să creați un șablon unic pentru WordPress, frumos și diferit. Va trebui să încerci să-ți încordezi puțin creierul.
Cum să creați un șablon unic pentru WordPress - să începem
Mai jos este o listă de pași despre cum să creați un șablon WordPress unic cu propriile mâini și gratuit.
1. Schimbați pozele.
2. Schimbați numele șablonului.
3. Faceți modificări minore la stiluri.
Să începem să analizăm fiecare punct în ordine.
Schimbarea pozelor
Mă voi uita la cel mai simplu punct folosind șablonul douăzeci și unsprezece ca exemplu. Înlocuim imaginile stoc cu propriile noastre convertite. Este necesar să schimbați antetul, subsolul, fundalul și altele mici.
Dar nu pot veni cu o soluție specifică șablonul meu are un minim de imagini (și cele care există sunt uriașe). În general, trebuie să înlocuiți majoritatea imaginilor cu propriile imagini. Să ne uităm la cele două elemente care sunt înlocuite:
• Primul este prin intermediul panoului de administrare în sine.
• Al doilea este prin cod.
Dacă înțelegi principiul, atunci mult respect pentru tine.
Prin intermediul panoului administrativ propriu-zis
Temele moderne au o funcție bună de setări prin WordPress însuși, de ce să nu le folosiți? Accesați panoul administrativ al blogului, apariția și configurați.

Dacă tema este creată pentru oameni, atunci setările globale de design vor fi aici și ne vom ocupa de lucrurile mici de mai jos. În secțiunea despre exemplul lui Twenty unsprezece.

1. Culori tematice generale. Setări pentru elementele de bază (titluri, subtitrări etc.).
2. Imagine antet, adică în antet.
3. Imagine de fundal. Nu este prezent pe toate temele poate fi personalizat fie cu poza, fie doar cu culoare.
În acest stadiu, asta este ceea ce am primit. Să mergem mai departe.

Schimbarea imaginilor manual
Să presupunem că nu sunteți mulțumit de imaginea unui element din șablon și doriți să o schimbați. Ce să fac? O să ne dăm seama. De exemplu, voi lua rezultatul unei imagini cu numărul de comentatori.
Sistemul se aplică tuturor subiectelor.
Faceți clic dreapta pe element și căutați rezultatul acestuia în cod folosind instrumentul „vizualizare cod”.

1. Elementul în sine, faceți clic dreapta pe el.
2. Selectați opțiunea „Vizualizare cod”.
3. Acesta este codul HTML de ieșire în sine, nu îi acordăm atenție.
4. Aceasta este adresa prețuită la care trebuie să mergeți cu un înlocuitor. Fișierul pe care îl căutați este bubble.png, aflat în folderul imagini din tema în sine.
Adică, trebuie să creați același fișier, cu același nume, și să îl înlocuiți. Sper că știți cum să utilizați manageri de fișiere precum FileZilla. Am vrut să fac o poză care să afișeze numărul de comentarii cu o stea și un contur. L-am făcut în Photoshop și l-am salvat ca imagine cu balonul de nume și extensia png.
Gata, am deschis Filezilla și am trecut la subiectul activ twenty unsprezece din folderul imagini (pe care l-am recunoscut mai sus). și pur și simplu trageți și plasați noua imagine în folder, cu înlocuire. Toate detaliile sunt în captură de ecran.

Dacă totul este bine făcut, atunci noua poză va fi afișată pe site, iată un instantaneu.

După cum înțelegeți, puteți schimba orice imagine folosind această metodă dacă nu există setări în panoul administrativ.
Schimbarea numelui șablonului
Puteți schimba doar temele gratuite, acest lucru este important.
Sunt două puncte care trebuie făcute:
• Reluarea titlului în fișierul style.css
• Schimbați numele folderului cu teme.
Reluarea numelor în style.css
Pentru a face acest lucru, mergeți la editor ( îmi amintește de editorul de apariție), și găsiți style.css.

Pe ecran vedem inscripția, totul trebuie schimbat aici. Fiecare fișier style.css conține informații despre șablon la început. Trebuie schimbat cel puțin în aceste linii.
Numele temei: moi-template Descriere: Versiunea standard 1.. Licență: GPL
Ar trebui să arate așa după înlocuire.
Completați datele dvs., nu le luați pe ale mele, pentru că noi facem șablonul unic. Schimbați cel puțin numele, autorul și site-ul web.

Ne-am dat seama, să trecem la următorul punct.
Schimbarea numelui folderului cu teme
O facem printr-un manager de fișiere, eu folosesc Filezilla. În paragraful anterior, am schimbat numele subiectului din rând:
Numele temei: moi-template
Am nevoie de un nume original douăzeci şi unsprezece schimbarea la una nouă, în cazul meu, moi-template. Accesați folderul FileZilla teme, și găsiți numele original twenty11.

Și îl schimbăm cu unul nou.
Dacă totul a fost făcut corect, va funcționa. Tema pentru motoarele de căutare nu va mai fi standard, ci unică.
Modificări minore ale stilurilor
Nu pot veni cu o singură soluție pentru a crea un șablon unic pentru WordPress, trebuie doar să priviți șablonul pur vizual și să vedeți ce nu vă place. Mă uit la bara laterală.

Serios, nu chiar? Vreau să măresc fontul de titlu, deoarece sunt mici și se amestecă în fundal. Vedem toți pașii în imaginea de mai jos.

1. Selectați elementul pe care vrem să îl editam. Faceți clic dreapta.
2. Faceți clic pe „vezi codul”.
3. Întregul stil al acestui titlu.
4. Numele stilului pe care îl cauți.
Deschideți fișierul style.css. Căutăm numele stilului folosind combinația de taste CNTRL + F.

Vreau să măresc fontul, să fac o linie continuă sub el, să schimb culoarea și grosimea textului. Pentru a face acest lucru, modific sau adaug următorii parametri.
Culoare: #1a1a1a; dimensiunea fontului: 15px; greutate font: 600; chenar-jos: 2px solid #271eb1;
Să ne uităm la liniile de cod.
1. Schimbarea culorii.
2. Redimensionați.
3. Modificați lățimea textului.
4. Adăugarea unei subliniere.
Schimbăm sau adăugăm parametri stilului în consecință. Ar trebui să iasă așa.
Toate modificările vor apărea imediat pe site.
Sarcina mea acum nu este să predau aspectul, va dura mult timp și articole, ci să arăt însuși principiul modului de a face un șablon unic.
Deci, cu toate celelalte elemente, aduceți-l la ideal. Vă arăt ce s-a întâmplat în acest articol.

Acest articol a răspuns la întrebarea cum să creați un șablon WordPress unic. Iar tema standard poate fi numită a ta.
Dacă aveți întrebări, vă rugăm să le lăsați în comentarii. Noroc.
Salutări, prieteni.
Astăzi vom atinge un subiect foarte interesant pentru mulți. Poate ați observat că am actualizat recent designul blogului meu, nu știu despre voi, dar îmi place foarte mult. Am creat acest șablon literalmente în câteva zeci de minute și nu am avut nevoie de cunoștințe de HTML, CSS și PHP sau de informații despre crearea șabloanelor.
Deci, cum să faci singur un șablon WordPress, fără nicio cunoștință?
Înainte de a începe, nu pot să nu menționez diferitele modalități de a crea șabloane, astfel încât imaginea să fie cât mai completă posibil.
Metoda nr. 1– studiezi HTML, studiezi structura șabloanelor. Desigur, această abordare are avantajele ei, dacă ai timp și dorință, începe cu ea. Cunoașterea HTML nu a rănit niciodată nimănui.
Metoda nr. 2– comandați un șablon de la un freelancer. Dacă aveți bani gratuiti, atunci asigurați-vă că alegeți această metodă. Costul creării unui șablon de înaltă calitate este de la 15.000 la 70.000 de ruble.
Metoda nr. 3– utilizați software special pentru a crea șabloane. Permiteți-mi să clarific imediat că aceasta nu este crearea de șabloane de același tip, este foarte posibil să creați un șablon unic și frumos în program. Un exemplu este acest blog. Totul depinde de imaginația ta.
După cum probabil ați înțeles deja, în acest articol vom vorbi despre metoda nr. 3.
Ne întâlnim, un program pentru crearea de șabloane - (versiunea nu contează, îl folosesc pe al doilea, după părerea mea, al patrulea a fost deja lansat). Programul este plătit, dar noi suntem ruși (înțelegeți ce vreau să spun). Știu că există o mulțime de lecții despre acest program pe internet, dar deja m-am săturat să răspund la aceeași întrebare de la abonații mei.
Descărcați programul și rulați-l.
1. În fereastra principală a programului, selectați „WordPress”.


2. În fereastra de previzualizare apare un șablon de șablon, desigur, întreaga curbă, dar în timpul lucrului nu va fi nicio urmă a acestuia.
3. Accesați fila „Culori și fonturi”, selectați o schemă de culori (mai târziu o vom ajusta puțin), îmi place schema de culori gri deschis. Faceți clic pe butonul „Seturi de fonturi”, selectați fonturi (folosesc Verdana peste tot).



4. Accesați fila „Layout”, aici ni se cere să selectăm numărul și locația coloanelor, precum și locația antetului (un antet simplu). Aleg întotdeauna „Două coloane->Partea din mijloc dreapta”.


5. În fila următoare ni se cere să selectăm fundalul viitorului șablon. Folosind această filă, vă puteți crea propriul fundal sau puteți selecta un fundal existent.


6. Următoarea filă ne oferă să personalizăm foaia șablon.



Setați lățimea foii (de preferință cel puțin 1000 px), umbra și chenarul acesteia.
7. În fila următoare ni se cere să configuram antetul (header sau header). Personalizați antetul și subsolul folosind Setări.


1. Setarea lățimii și înălțimii antetului.
2. Folosind acest meniu, puteți încărca un antet pregătit anterior în program, precum și să adăugați efecte la acesta.
3. Folosind acest meniu puteți adăuga o imagine terță parte la antet.
4. Numele site-ului dvs. și sloganul acestuia.
5. Poziția numelui și a sloganului.
8. În fila următoare ni se cere să configuram meniul (de obicei se află sub antet). Selectați stilul meniului și completați.
9. În fila următoare - „Articole”, ni se cere să personalizăm aspectul zonei de conținut (text, video, imagini, tabele). Configurați-l folosind setările furnizate.






1. Imaginea articolului (acest parametru nu afectează nimic, îl puteți lăsa așa cum este).
2. Folosind acest meniu puteți seta stilul zonei de conținut (cu sau fără contur).
3. Configurarea afișării textului în interiorul articolului.
4. Editarea diferiților parametri ai zonei de conținut.
5. Personalizare antet.
6. Personalizare subsol.
10. Folosind următoarea filă - „Blocuri”, puteți personaliza aspectul blocurilor laterale (bara laterală).
SETĂRI ȘI EXPORTAREA UN ȘABLON
1. Faceți clic pe butonul „Fișier” (situat în colțul din stânga sus al ferestrei programului).


2. Selectați „Export->Export Settings”. Accesați fila „Proprietăți” și furnizați informațiile necesare. Accesați fila „Notă de subsol” și debifați toate casetele.
3. Repetați pasul numărul unu. Selectați „Export->Temă WordPress”.
4. Exportați șablonul ca folder ZIP.



Toate. Acum știi cum să faci un șablon WordPress cu propriile mâini. Mult succes cu creatia ta.
Nu uitați să comentați articolul. Autorul celui mai bun comentariu, în opinia mea (pe baza rezultatelor săptămânii), va primi cartea mea plătită „Cum să vând produse afiliate pe Internet și să faci profit de 200%” complet gratuit.
LECȚIA VIDEO „Cum să faci un șablon pentru WordPress fără cunoștințe de HTML?