Meniul
AcasăAvarii

Șablon pe wp creați o temă personalizată. De ce ai nevoie de teme WordPress? Fișiere șablon de temă

Dacă doriți ca site-ul dvs. WordPress să devină promițător, atunci mai întâi ar trebui să vă gândiți să creați o temă unică pentru el. Acest proces este destul de laborioasă, deoarece este direct legată de diverse codificări și scripturi. Să ne uităm la asta de la zero.

Aproape fiecare temă WordPress este instalată în directorul wp-content/themes și constă din 3 categorii de fișiere:

  • fisiere de foi de stil;
  • fișiere de funcționalități suplimentare;
  • fișiere șablon.

    • Fișierele foilor de stil sunt style.css. Ei sunt responsabili pentru culoarea, dimensiunea, fontul și alți parametri ai elementelor site-ului. Fiecare site are doar 1 fișier style.css. Dacă deschizi acest fișier, apoi în partea de sus puteți vedea informații despre titlu, autor și descriere scurta Subiecte. În timp ce creați propria temă Puteți introduce informații despre dvs. în style.css.

    Următoarea categorie este fișierele cu funcționalități suplimentare. Acestea includ functions.php, al cărui principiu îl face să arate ca un plugin. Datorită acestui fișier, puteți face reglaj vizual teme direct în panoul de administrare. De obicei, lista de setări nu este foarte largă (numele site-ului, culoarea navigației și panourile laterale ale site-ului etc.). Dacă tema este multifuncțională, atunci lista de setări va fi mult mai largă.

    Acum să trecem la fișierele șablon. Funcția lor principală este de a genera pagini care sunt solicitate de vizitatorii site-ului. Fișierele șablon au extensia „.php”. Cele mai multe teme simple pot conține un singur fișier șablon numit index.php. În acest caz, toate paginile site-ului vor fi identice. Acest design este cel mai adesea folosit pentru a crea resurse Internet cu baze de date, atunci când designul nu joacă un rol cheie.

    Dacă nu ați creat niciodată un design, atunci mai întâi ar trebui să încercați să creați subiect simplu. Pentru ea operatie normala Veți avea nevoie de cel puțin 2 dintre următoarele fișiere: style.css și index.php.

    Fișierele de funcționalități suplimentare în în acest caz, nu trebuie să-l folosești, după cum ai înțeles. Dintre fișierele șablon, index.php este unul dintre cele mai flexibile. Poate genera independent anteturi, diverse blocuri, partea de jos (subsol), conținut și alte elemente ale site-ului.

    Este de remarcat faptul că vor fi generați acei parametri care nu sunt generați de fișierul index.php fișiere standard. De exemplu, dacă tema dvs. este formată din doar 2 dintre fișierele de mai sus, dar utilizatorul trebuie să genereze un formular pentru adăugarea de comentarii, atunci standardul comments.php va îndeplini această funcție. Prin urmare, dacă doriți ca tema dvs. să fie mai unică, atunci ar trebui să faceți fișiere suplimentareșablon. Să ne uităm la cele principale.

  • Pentru a adăuga comentarii, după cum probabil ați ghicit, este folosit șablonul comments.php.
  • Dacă doriți să faceți o fereastră pop-up cu comentarii, atunci în astfel de scopuri veți avea nevoie de comments-popup.php.
  • Pentru a genera pagina de pornire, se folosește home.php.
  • Fișierul single.php este responsabil pentru afișarea articolelor site-ului. Dacă nu aveți un astfel de fișier, atunci index.php își va îndeplini funcția.
  • Se generează fișierul page.php pagini individuale site-ul.
  • Pentru a afișa informații despre autor, veți avea nevoie de author.php.
  • Category.php este responsabil pentru categorii.
  • Afișarea arhivelor, datei și căutarea se realizează prin fișierele archive.php, date.php și respectiv search.php.
  • Pentru ca site-ul dvs. să fie afișat pagină unică numărul de eroare 404, va trebui să adăugați 404.php.
  • Părțile de sus și de jos ale site-ului sunt generate de fișierele header.php și, respectiv, footer.php.
    • Crearea manuală a unei teme unice de la zero

    Mai întâi trebuie să instalați un șablon potrivit. Poate fi găsit atât pe site-ul oficial wordpress.org, cât și pe oricare altul. Se recomandă utilizarea site-ului oficial, deoarece orice terță parte poate conține fișiere rău intenționateși legături rupte.

    După ce ați făcut alegerea, puteți începe să descărcați arhiva. Odată ce procesul este finalizat, va trebui să îl dezarhivați și să încărcați fișierele în foldere specifice site-ul web (arhiva conține de obicei instrucțiuni scurte). Descărcarea se poate face folosind Programele FileZilla sau direct din hosting, dacă suportă o astfel de opțiune. Acum tot ce trebuie să faci este să mergi la secțiunea „Teme”, să o selectezi pe cea pe care ai descărcat-o și să dai clic pe butonul „Activare”.

    De asemenea, îl puteți selecta direct în panoul de administrare WordPress. Cu toate acestea, nu trebuie să-l descărcați. Va trebui doar să faceți clic pe butonul „Instalare” și apoi pe „Activare”. Se recomandă să previzualizați înainte de instalare.

    Acum că tema este activată, puteți trece la unicizarea acesteia. Primul lucru la care ar trebui să vă gândiți este partea de sus a site-ului (header). Acesta este primul lucru care va atrage atenția vizitatorilor tăi, așa că ar trebui să o faci în mod responsabil. De obicei, antetul constă din numele site-ului, sigla și informatie scurta despre conținut. Pălăria poate fi creată în orice editor grafic. Chiar și în Paint standard. Designerii mai avansați folosesc Adobe Photoshop.

    Numele site-ului ar trebui să fie mic și ușor de reținut. În Adobe Photoshop puteți alege multe stiluri diferite pentru acesta. Când creați un logo, este posibil să aveți nevoie diverse figuri. Acestea pot fi descărcate de pe site-ul oficial Adobe Photoshop.

    După ce faceți un desen de antet într-un editor grafic, va trebui să îl încărcați pe site-ul dvs. web. Odată ce descărcarea este finalizată, în dreapta imaginii va apărea o adresă URL, pe care va trebui să o copiați. Apoi va trebui să mergeți la secțiunea „Editor” și să selectați fișierul care este responsabil pentru generarea antetului (header.php). În ea, va trebui să găsiți adresa URL a imaginii curente și să o înlocuiți cu cea pe care ați primit-o când ați încărcat imaginea antet. După aceasta, va trebui să actualizați fișierul. Acum puteți trece la verificarea afișajului antetului.

    Dacă antetul dvs. are parametri diferiți decât cel standard, atunci îi puteți ajusta în header.php. Lățimea este controlată de atributul lățime, iar înălțimea este controlată de atributul înălțime. Setarea se poate face în pixeli și procente. Deci, dacă doriți doar să întindeți capacul, atunci setați-l la 100%.

    Dacă doriți, îl puteți adăuga la antet link-uri active la paginile site-ului WordPress. Acest lucru se poate face folosind diverse servicii. Sunt destul de multe pe internet. Majoritatea lucrează pe același principiu. Încercuiți zona dorită a antetului, care va fi alocată pentru link, iar serviciul vă va oferi codul necesar. Va trebui apoi să adăugați acest cod în fișierul header.php. Aveți grijă când îl adăugați. Fiecare punct contează. Dacă adăugați codul în locul greșit, linkurile active nu vor apărea în antet.

    După înlocuirea capacului standard, puteți începe înlocuirea fundal standard Site WordPress, widget-uri, navigare, subsol și alte componente ale site-ului WordPress. De asemenea, pot fi desenate în orice editor grafic și încărcate pe site-ul web sub forma unui desen.

    Ar trebui să țineți cont de faptul că nu ar trebui să fie luminos. Majoritatea webmasterilor preferă să folosească fundal alb. Nu rănește ochii și nu distrage atenția de la conținutul principal.

    Pentru a crea o navigare de calitate de la zero, veți avea nevoie de puține cunoștințe despre etichete precum




    • Primul este responsabil pentru crearea blocurilor de site, al doilea este responsabil pentru adăugarea de link-uri către site-ul WordPress. Folosind al treilea, pot fi create coloane. Acesta din urmă este necesar pentru configurarea celulelor. Primul pas este să decideți locația în care va fi localizată navigația. De obicei este situat chiar sub antet. Aspectul de navigare este un proces destul de rapid. Mai jos este un mic exemplu despre cum puteți dispune un bloc de navigare mic.



      • titlul paginii


      După cum ați înțeles deja, numele convențional al blocului de navigare este navigacia. Blocul este format dintr-o celulă „titlul paginii”. Rețineți că fiecare etichetă este închisă cu un caracter „/”. Dacă etichetele nu sunt închise, site-ul poate funcționa defectuos.

      Nu ar trebui să fie mare. Cele mai populare sunt calendar, tag cloud, meta, archives, search, rss, video și ultimele stiri. Pentru a le adăuga, va trebui să accesați fila „Aspect” și să faceți clic pe câmpul „Widgets”. Apoi veți vedea o listă Optiuni Disponibile. Widgeturile pot fi instalate și folosind plugin-uri. Acestea pot fi descărcate atât de pe site-ul oficial, cât și direct prin panoul de administrare WordPress. Pentru a adăuga un videoclip care se află pe YouTube, trebuie doar să lipiți linkul către acesta în locul dorit de pe site. În caz contrar, videoclipul va trebui să fie încărcat pe site. Dacă sunteți interesat de programare, puteți adăuga propriul widget pe site. Pentru a face acest lucru, va trebui să faceți clic pe opțiunea „Text” și să introduceți acolo codul necesar.

      În setările fiecărui widget vi se va oferi posibilitatea de a schimba anteturile standard. De asemenea, puteți alege unde va fi afișat widget-ul (dreapta sau stânga panou lateral) și așa mai departe. Nu ar trebui să existe probleme la eliminarea widget-ului. Pentru a face acest lucru, trebuie doar să faceți clic pe butonul „Ștergere” din setări.

      Creați o temă unică folosind programe specialeși servicii de la zero

      1. Cel mai popular program este Artisteer. Pentru a lucra cu el nu aveți nevoie de cunoștințe speciale de programare. Procesul de creație are loc în modul vizual. Ceea ce desenați va fi reprezentat folosind codul care se potrivește standard international„XHTML 1.0 de tranziție”. Datorită acestui fapt, tema viitorului tău site web va fi acceptată de toate browserele.

      Pentru a lucra cu, vi se va oferi o selecție largă de efecte, stiluri și multe altele diferite. Acest program acceptă rusă, engleză, germană și alte limbi. Este de remarcat faptul că acest program are unele dezavantaje. Cel mai important este că programul costă aproximativ 50 USD. Există, de asemenea versiune gratuită, dar conține foarte puține opțiuni. Pentru a crește unicitatea șablonului, va trebui să vă aprofundați mai mult în codificare.

      Să trecem direct la instrucțiunile de lucru cu acest program Artisteer. De îndată ce deschideți programul, prima opțiune care va apărea se numește „Idei”. Ea vă va oferi diverse combinatii elemente standard. Dacă vrei ca designul tău să fie unic, atunci
      nu veți avea nevoie de această opțiune. Pentru a stăpâni programul, trebuie doar să faceți clic pe opțiuni și să vizualizați parametrii. Acest program usor, deci nu ar trebui să fie probleme cu asta.

      Atenție la opțiunea " Antetul paginii" Ea este responsabilă pentru afișarea antetului site-ului. Aveți posibilitatea să utilizați un antet standard sau să îl încărcați pe al dvs. Știi deja să faci o pălărie unică.

      Pentru a ajusta lățimea site-ului, va trebui să utilizați opțiunea „Foaie”. Lățimea este specificată în pixeli. Acest program vă va oferi inițial o lățime de 900 de pixeli. De asemenea, folosind această opțiune, puteți configura diverse efecte (umbră, margini rotunjiteși așa mai departe).

      Opțiunea „Background” este responsabilă pentru setarea fundalului, după cum probabil ați ghicit. Puteți alege dintre opțiuni standard sau încărcați-vă pe al dvs.

      Dacă doriți să personalizați aspectul elementelor site-ului, atunci ar trebui să utilizați opțiunea „Aspect”.

      O opțiune la fel de importantă este „Articole”. Acesta este locul unde are loc aspectul designului articolului site-ului web. Aceasta include locația imaginii, textul, comentariile, diverse blocuri și așa mai departe.

      Pentru a selecta culoarea, dimensiunea sau fontul textului, veți avea nevoie de opțiunea „Culori și fonturi”.

      După acțiunile finalizate, vă puteți salva creația. Pentru a face acest lucru, faceți clic pe paletă, care se află în colțul din stânga sus. O fereastră va apărea în fața ta. Acolo trebuie să faceți clic pe „Salvare ca”. După aceasta, tot ce trebuie să faceți este să selectați numele fișierului și locația acestuia. Vă rugăm să rețineți că fișierul trebuie să aibă extensia „.artx”. La munca in continuare Cu programul de salvare, trebuie să faceți clic pe „Salvare” o singură dată.

      Odată ce tema este complet finalizată, puteți continua să o exportați. Pentru a face acest lucru, va trebui să faceți clic pe fila „Export” și să selectați „Temă WordPress”.

      2. Dacă sunteți fluent în Adobe Photoshop, atunci ar trebui să instalați add-on-ul Divine Elemente. Datorită acestuia, puteți converti cu ușurință un fișier „.psd” într-un format care va fi acceptat de toate browserele.

      3. Dacă nu ai bani pentru Artisteer, poți folosi serviciu gratuit Lubith. Este disponibil în modul online pe site-ul oficial lubith.com. Serviciul conține multe opțiuni utileși este deosebit de rapid. În doar câteva minute vei stăpâni pe deplin toate opțiunile sale.

      4. Un analog al serviciului anterior este Tema WordPress Generator. De asemenea, este ușor de utilizat și conține o gamă largă de opțiuni diferite. Acest serviciu este absolut gratuit. Singurul dezavantaj este că acest serviciu acceptă doar limba engleză.

      5. XTemplate Generator este un generator de teme rusificat pentru site. Opțiunile sale sunt în fereastra din stânga, iar în dreapta puteți vedea rezultat vizual lucrările tale. Acest generator este, de asemenea, gratuit.

      6. WPTheme Generator este mult mai puternic decât precedentele, deoarece conține de câteva ori mai multe opțiuni. Singura avertizare este că acest serviciu este plătit. Prețul este de 30 USD. De asemenea, merită remarcat faptul că aspectul din acesta se realizează în întregime Limba engleză.

      7. CSSEZ nu este mai puțin popular decât precedentul. Înainte de a începe, va trebui să finalizați o scurtă înregistrare. ÎN acest serviciu puteți dispune până la 4 coloane pentru materialele de șantier. Puteți încărca propriul fundal.

      8. Modelul vă oferă în jur de 11 diverse șabloane WordPress, care poate fi schimbat. Singurul dezavantaj este incapacitatea de a încărca propriul dvs fisier grafic. Prin urmare, va trebui să descărcați singur antetul prin manager de fișiere site-ul.

      9. Weebly diferă de ceilalți prin opțiunea de a adăuga videoclipuri direct de pe YouTube sau Google oriunde pe site. Un site web care are un videoclip are succes deoarece informațiile vizuale sunt mai rapid și mai ușor de perceput.

      10. În serviciul Eris’ Template Generator, puteți adăuga până la 3 coloane pentru a afișa materialele site-ului, adăugați diverse etichete, un calendar și alte widget-uri.

      Crearea propriei teme pentru WordPress - metodă grozavă Oferă blogului tău sau altui site WordPress un aspect original. Dar nici cel mai plăcut subiect nu va fi atât de plăcut dacă modificări minore trebuie să intri sub capotă și să editezi codul HTML sau PHP al temei. Mai ales când este un client plătitor care folosește tema ta. Din fericire, în WordPress, procesul de creare a unei pagini de setări pentru tema ta în WordPress nu este deloc dificil, iar după ce ai citit acest tutorial vei putea să creezi una în cel mai scurt timp!

      Pasul 1 Decizi ce setări sunt necesare

      Totul începe cu necesitatea: să creeze un clar și pagina utila setări, trebuie să vă dați seama ce poate fi schimbat și să lăsați restul. Fiecare parametru nou, adăugat la meniul de administrare, complică interfața cu utilizatorul și face tema mai dificil de utilizat. De aceea, cel mai bine este să fii atent și să selectezi manual setările care se vor schimba frecvent și să nu iei în considerare setările mici care pot fi modificate cu ușurință cu un singur fișier în interiorul temei.

      O altă întrebare de reținut este: „Cine va schimba aceste setări?” Dacă utilizatorul este familiarizat cu PHP și WordPress, vă puteți aștepta că nu va avea probleme cu atașamentul Google Analyticsîn cod, dar nu ar trebui să-l ceri de la designer grafic, ca să nu mai vorbim de un scriitor care nici măcar nu ar trebui să știe nimic despre HTML și CSS.

      Idei generale pentru a defini obiecte în setările temei:

      • Cod Urmărire Google Analytics pe site
      • Numărul de bare laterale și poziționarea acestora (stânga, dreapta, poate chiar în sus și în jos)
      • Lățimea paginii
      • Conținutul subsolului dvs
      • Opțiuni pentru funcții specifice temei, cum ar fi formate de teaser personalizate.

      După ce ați compilat o listă cu funcțiile temei pe care doriți să le controlați în pagina de setări, sunteți aproape gata să treceți la implementare. Înainte de a continua și de a crea o pagină de setări, puteți economisi timp, asigurându-vă că nu există deja o funcție WordPress pentru personalizarea pe care urmează să o implementați. Widgeturi, meniuri personalizate, fundalurile personalizate și imaginile de antet sunt toate instrumente utile pentru a vă personaliza tema cu mult mai puțină muncă decât este nevoie pentru a crea propriile setări. Totuși, acestea sunt subiecte pentru un alt tutorial.

      Setări create în acest tutorial

      In aceea manual Am venit cu pagina principală a temei, care constă dintr-o grilă cu sume variabile postările selectate, care pot fi selectate, editate și rearanjate de către administrator folosind pagina de setări utilizator.

      Elementele paginii de pornire din editor vor fi prezentate ca o listă de elemente la care pot fi adăugate altele noi folosind JavaScriptși jQuery.

      Îmi place să văd pagina de administrare în panoul de administrare WordPress când dezvolt codul HTML, așa că de obicei încep prin a lega pagina de setări la WordPress și apoi trec la construirea conținutului paginii. Prin urmare, mai departe urmatorul pas Vom crea un stub pentru pagina de setări și îl vom conecta la WordPress.

      Pasul 2 Conectarea paginii de setări la WordPress

      Crearea unei pagini de setări începe prin crearea unei funcții care configurează meniul și îl conectează la acțiunea admin_menu. Acest lucru îi spune WordPress să vă apeleze funcția atunci când meniul trebuie creat, astfel încât totul să fie făcut la fix. Adăugați acest cod în fișierul functions.php al temei dvs.:

      Funcția setup_theme_admin_menus() ( // Vom scrie conținutul funcției foarte curând. ) // Aceasta îi spune WordPress să apeleze funcția numită "setup_theme_admin_menus" // când este timpul să creeze paginile de meniu. add_action("admin_menu", " setup_theme_admin_menis");

      Acum vom adăuga codul pentru a crea paginile de setări în cadrul funcției pe care tocmai am creat-o.

      Când creați o pagină de setări, puteți fie să adăugați pagina ca submeniu la unul dintre grupurile de setări existente, fie să creați meniu propriu nivel superior.

      Adăugarea unui submeniu se face folosind funcția add_submenu_page:

      • $parent_slug - identificatorul unic al paginii meniul de sus, la care se adaugă acest submeniu ca copil.
      • $page_title - titlul paginii de adăugat
      • $menu_title este titlul afișat în meniu (adesea o versiune mai scurtă a $page_title
      • $capacitate - Cerințe minime pentru ca utilizatorul să acceseze acest meniu.
      • $menu_slug - identificator unic meniul creat
      • $funcție este numele funcției care este apelată pentru a procesa (și a reda) această pagină de meniu

      Dacă decideți să adăugați o pagină de meniu ca submeniu la unul dintre grupurile dvs. WordPress, puteți utiliza următoarele valori ca parametru $parent_slug:

      • Bara de instrumente: index.php
      • Mesaje: edit.php
      • Media: upload.php
      • Link-uri: link-manager.php
      • Pagini: edit.php?post_type=page
      • Comentarii: edit-comments.php
      • Aspect: themes.php
      • Pluginuri: plugins.php
      • Utilizatori: users.php
      • Instrumente: tools.php
      • Setări: options-general.php

      Grupul Aspect pare un candidat bun pentru a găzdui pagina noastră de setări. Să încercăm și să creăm prima noastră pagină de setări. Aici versiune actualizata funcția noastră de personalizare a meniului:

      Funcția setup_theme_admin_menus() ( add_submenu_page("themes.php", "Front Page Elements", "Front Page", "manage_options", "front-page-elements", "theme_front_page_settings"); )

      Pentru a face acest lucru, mai trebuie să creăm funcția theme_front_page_settings. Iată-l în cea mai simplă formă:

      Funcția theme_front_page_settings() ( ecou „Bună ziua, lume!”; )

      Și așa arată în acțiune:

      De asemenea, trebuie să verificăm dacă utilizatorul are drepturile necesare pentru a edita pagina de setări. Pentru a face acest lucru, adăugați următorul cod la începutul funcției paginii de setări:

      // Verificați dacă utilizatorului i se permite să actualizeze opțiuni dacă (!current_user_can("manage_options")) ( wp_die("Nu aveți suficiente permisiuni pentru a accesa această pagină."); )

      Acum, dacă un utilizator căruia nu i se permite să gestioneze setările ajunge la pagina de setări, nu va vedea nimic altceva decât mesajul „Nu aveți drepturi suficiente pentru a accesa această pagină”.

      Dacă tema dvs. necesită mai multe pagini de setări, poate fi confuz pentru utilizator să fie nevoit să le caute împrăștiate în structura meniului. În acest caz, crearea propriului grup de setări face mai ușor pentru utilizatorul temei să găsească toate paginile de meniu pentru temă.

      Pentru a adăuga dvs propriul grup setări, trebuie să creați o pagină de meniu de nivel superior și să asociați pagini de submeniu cu ea. Aici o nouă versiune caracteristica noastră de personalizare a meniului. Funcția add_menu_page, folosită pentru a crea un meniu de nivel superior, este similară cu add_submenu_page, cu excepția faptului că nu acceptă un parametru $parent_slug.

      Funcția setup_theme_admin_menus() ( add_menu_page("Setări teme", "Exemplu de temă", "manage_options", "tut_theme_settings", "theme_settings_page"); add_submenu_page("tut_theme_settings", "Front Page Elements", "Front Page Elements", "Manage_options", "Manage_options", , "front-page-elements", "theme_front_page_settings" ) // De asemenea, trebuie să adăugăm funcția de gestionare pentru funcția de meniu de nivel superior theme_settings_page() ( echo "Settings page"; )

      Dacă verificați codul și reîmprospătați panoul de administrare WordPress, veți vedea că dvs un grup nou Meniul va apărea în partea de jos a listei de meniu:

      Dar ceva nu este încă în regulă. Făcând clic pe un element din meniul de sus nu vă va duce la meniu " pagina principala”, și la pagina de meniu „Exemplu de temă”. Nu se potrivește cu modul în care funcționează alții meniul WordPress deci haideți să facem încă ceva: prin modificarea atributului $menu_slug din apelul add_submenu_page la aceeași valoare ca și meniul de nivel superior, putem lega cele două meniuri astfel încât selectarea meniului de sus să selecteze meniul principal al paginii:

      Funcția setup_theme_admin_menus() ( add_menu_page("Setări teme", "Exemplu de temă", "manage_options", "tut_theme_settings", "theme_settings_page"); add_submenu_page("tut_theme_settings", "Front Page Elements", "Front Page Elements", "Manage_options", "Manage_options", , „tut_theme_settings”, „theme_front_page_settings” ) funcția theme_settings_page() ( )

      Arată mai bine acum. Dacă doriți să vă îmbunătățiți aspect grupul dvs. de meniuri, există două câmpuri opționale în funcția add_menu_page pe care le veți găsi utile. Doar adăugați valori după numele funcției în apelul de metodă:

      • $icon_url specifică adresa URL a pictogramei pentru meniul de nivel superior.
      • $position specifică poziția grupului de meniuri în lista de meniuri. Cu cât valoarea este mai mare, cu atât este mai mică poziția în meniu.
      Pasul 3 Creare Formulare HTML pentru paginile de setări

      Acum că am creat pagina de setări și este afișată corect în meniul lateral, este timpul să începeți să adăugați conținut. Așa că haideți să revenim la lista de setări pe care am avut-o în minte și să creăm o pagină pentru a le edita.

      În acest tutorial, avem nevoie de un câmp pentru a defini câte elemente ar trebui listate pe o linie și de o listă pentru a defini elementele reale. Pentru a începe mai ușor, să creăm un câmp de text pentru numărul de articole de pe un rând. Editați funcția paginii de setări:

      Funcția theme_front_page_settings() ( ?> Elemente de pe prima pagină

      Numărul de elemente pe un rând:
    • Postare recomandată: Elemente de pe prima pagină Numărul de elemente pe un rând:
      Postări recomandate Adaugă postare recomandată
    • Modificările aduse modificării părinte nu afectează modificarea copilului. De aici rezultă că, după dezvoltare, acestea sunt independente unele de altele.
    • Derivatul funcționează numai dacă părintele este instalat, iar activarea lui are loc mai târziu.
    • Filialele sunt legate doar de baza lor și nu sunt interconectate nici cu una, nici cu alta.
      • Este convenabil să lucrezi?

      O temă pentru copii WordPress este o idee grozavă, cu o gamă largă de beneficii. Personal, l-am recomanda ca standard cu produse premium. Să enumeram doar câteva dintre avantaje:

    • Ele salvează automat ajustările efectuate. Datorită acestui lucru, puteți face ajustări direct la cod, fără riscul ca setările să se piardă sau să se piardă în timpul unei actualizări.
    • Lucrul cu ei este o pregătire excelentă pentru a trece la scrierea codului principal pentru variantele părinte.
    • Flux de lucru îmbunătățit. Cu un singur cadru tematic la dispoziția dumneavoastră, puteți crea site-uri web de diferite complexități și funcționalități.

      • Deoarece aceasta este o continuare a celei părinte, setul de caracteristici și funcții este identic aici. Componentele principale:

    • Director (dosarul/locația componentelor fișierului).
    • „style.css”, unde sunt specificate proprietățile principale și suplimentare.
    • „functions.php”, unde este scrisă definiția funcțiilor.

      • Nu există restricții privind adăugarea de șabloane, dar componentele enumerate trebuie să fie prezente în oricare.

      Operațiune

      „Fiicele” sunt localizate în propriul folder și au „functions.php” și „style.css” separate. Puteți scrie oricând fișiere auxiliare, dar această pereche este responsabilă pentru funcționarea corectă - fără blocări sau probleme.

      Dacă aceste formate sunt utilizate corect, puteți edita aproape orice parametri inițiali, inclusiv stilul, elementele de aspect individuale, scripturile etc.

      Dispozitivul tematic este similar cu straturile editoriale ale editorilor foto. Dacă un utilizator vă vizitează resursa de internet, o „fiică” se deschide în fața lui, iar apoi opțiunile și stilurile lipsă sunt încărcate de la părinte. În cele din urmă, cea mai mare parte a codului este transmisă de la părinte, dar trebuie modificat pentru a se potrivi cu setările copilului înainte de a putea fi utilizat.

      Cum se creează

      În primul rând, verificați dacă aveți tot ce aveți nevoie la dispoziție. Și anume, acces la FTP sau un manager de fișiere, acces deschis la panoul de control WordPress în sine. Asadar, haideti sa începem.

      Pasul nr 1. Crearea unei teme pentru copii WordPress

      Acesta este un proces destul de simplu. Dacă urmați instrucțiunile în detaliu, orice utilizator îl poate stăpâni.

      În primul rând, creăm un folder pentru fiica noastră în directorul standard. Pentru ca directorul să aibă ordine și conținutul să fie sistematizat, este mai bine să denumești folderul după exemplul „Numele părintelui + copilul final”. Pentru comoditate, puteți adăuga numele unui anumit proiect pentru care creăm o temă. Principalul lucru este că numele directorului nu are spații, altfel acest lucru poate duce la erori. Un manager de fișiere sau un client FTP vă va ajuta să creați un folder nou. Astăzi, un astfel de client FTP precum FileZilla s-a dovedit bine.

      De exemplu, să luăm drept bază „Twenty Seventeen”, care este familiar pentru mulți. Prefer să lucrez cu Managerul de fișiere, așa că calea mea către folderul creat arată astfel:

      Facem următoarele:


      Cu siguranță, ești convins că crearea este un proces ușor. Trebuie doar să urmați cu strictețe instrucțiunile și să lucrați cu abordarea corectă.

      Pasul nr 2. Setări

      Pentru a începe, modifica, completa, adapta „fiica” la solicitările și cerințele site-ului tău, trebuie să faci setările corect. Ne vom ocupa de asta în ordine.

    • Mai întâi trebuie să personalizați aspectul.

      • Pentru a face acest lucru, vom face ajustări la „custom.css”, care se află în director. Acest lucru se poate face printr-un client FTP, un editor de text obișnuit, un manager de fișiere sau un editor WordPress special ( îl puteți găsi deschizând „Aspect”, apoi „Editor”). Aici veți avea nevoie de cunoștințe minime despre regulile de utilizare a CSS, precum și de priceperea de a verifica elementele site-ului printr-un browser. De exemplu, pentru a schimba culoarea de fundal în „style.css”, scriem următoarea regulă CSS:

      Următoarea imagine arată cum se va schimba designul site-ului după ce au fost făcute ajustările. Fundalul a devenit verde deschis:

      În acest fel puteți edita orice elemente existente pe site.

      2. Lucrul cu funcții.

      Utilizarea și lucrul cu „fiice” oferă, de asemenea, avantajul de a putea menține două „functions.php” independente. Să vă reamintim că aceste fișiere sunt folosite pentru a elimina funcții vechi și pentru a adăuga funcții noi. Dacă sunt disponibile, nu trebuie să vă faceți griji cu privire la siguranța sau problemele în funcționarea documentului. Chiar dacă baza este actualizată, aceasta va rămâne neschimbată.

      Pentru a adăuga o nouă opțiune, în fișier este scris și un nou cod PHP. De exemplu, codul de mai jos va elimina opțiunea de căutare WordPress.



      Servicii speciale pentru a ușura munca dezvoltatorului

      Puteți face procesul de creare mai ușor folosind o serie de plugin-uri speciale. Biblioteca WordPress oferă o selecție largă de plugin-uri, dintre care majoritatea sunt gratuite. Utilizarea pluginurilor simplifică foarte mult procesul de dezvoltare. Să ne uităm la cele mai populare pluginuri.

    • Copil Themify.

      • Acesta este cel mai simplu și mai ușor de utilizat plugin cu o interfață intuitivă. Multe setări aici pot fi făcute cu un clic pe un buton.

      2. Configurarea temei pentru copii.

      Aici puteți crea și o „fiică”, iar acest lucru va dura doar câteva clicuri. Editorul CSS de aici este destul de puternic, ceea ce vă permite să configurați funcționalități avansate. Pluginul identifică automat regulile cheie CSS și nu le afectează la editare.

      3. _copil Tematica Boilerplate.

      Iată șabloane gata făcute pentru formarea „fiicelor”. Șablonul este numit simplu - „_child” - și este conceput special pentru a simplifica munca. Șablonul oferă o temă intuitivă și necesită doar să furnizați un link către „părinte”. Acest tip de șablon vă permite să creați opțiuni profesionale - 2 fișiere gata făcute au fost deja create aici, standard „functions.php” și „style.css”.

      Primul are o funcție specială numită „aa_enqueue_styles()”. Opțiunea vă permite să creați o coadă de foi de stil, unde merg mai întâi cele părinte, iar apoi copiii. Ca urmare, stilul celui din urmă este întotdeauna determinat de primul.

      Majoritatea dezvoltatorilor leagă aceste tabele împreună în CSS, dar acest lucru face mai mult rău decât bine. Browserul durează mult timp pentru a încărca site-ul, deoarece trebuie să încărcați mai întâi stilurile din „părinte”, apoi din derivat. Dacă puneți foile de stil separat, sarcina browserului va fi mai ușoară și viteza de încărcare va crește.

      Iată codul cu care puteți adăuga această opțiune:

      Al doilea fișier are un antet de bază care conține informații speciale. Aceste informații îi permit WordPress să o recunoască ca foaie de stil „copil”. Prin urmare, este deosebit de important să scrieți codul pentru „style.css”:



      Să rezumam

      Nu contează nivelul tău de competență în programare sau experiența cu WordPress. Crearea unei teme copii WordPress este ușoară și nu există riscul ca setările să fie șterse după ieșire. Scriind puțin cod sau făcând modificări la ceea ce a fost deja scris și făcând manipulări simple cu directorul, vă puteți schimba site-ul. Principalul lucru este să urmați instrucțiunile, trecând treptat de la un punct la altul. Nu uitați următoarele: dacă există actualizări pentru „părinte”, „fiica” nu se modifică, această regulă se aplică modificărilor aduse conținutului, setărilor și așa mai departe.

      Experimentează, încearcă diferite opțiuni și caută-o pe cea mai bună pentru tine.

      După ce ați achiziționat un domeniu și ați comandat găzduirea, este timpul să configurați WordPress. Blogul nu poate fi folosit în forma sa actuală. Trebuie să configurați corect permalinkurile, să selectați și să instalați o temă (design) și să conectați toate pluginurile necesare.

      Toate aceste setări sunt necesare pentru a se asigura că blogul are un aspect îngrijit atât pentru viitorii vizitatori, cât și pentru roboții de căutare. Ceea ce va avea un impact pozitiv asupra promovării în continuare a motoarelor de căutare.

      De asemenea, trebuie să înțelegeți meniul consolei. Consola se mai numește și „panoul de administrare”. Poate ați observat că există destul de multe setări suplimentare în panoul de administrare.

      Pentru a ajunge în zona de administrare a blogului, trebuie să accesați site.ru/wp-admin/. Înlocuiește site.ru cu numele tău de domeniu.

      Pagina principală conține informații de bază despre întregul blog. Din această pagină puteți adăuga un articol, puteți face setări de bază ale temei sau puteți vedea cele mai recente comentarii făcute la o intrare.

      2. Actualizări

      În actualizări puteți vedea versiunea actuală a WordPress și dacă necesită actualizări noi. De îndată ce dezvoltatorii lansează o actualizare, o veți vedea în panoul de administrare.

      Nu uitați să actualizați dacă vi se cere. Acest lucru vă va proteja de tentativele de hacking ale intrușilor.

      3. Înregistrări. Toate intrările

      În acest meniu puteți vedea toate înregistrările realizate de-a lungul timpului. De asemenea, puteți vedea câte comentarii a primit fiecare articol și din ce categorie aparține.

      Treceți mouse-ul peste articol și va apărea un submeniu cu care puteți edita, accesa sau șterge articolul.

      Dacă nu ați schimbat nimic după instalarea WordPress, atunci veți avea deja primul post de testare. Îndreptați-l spre el și ștergeți-l. Dacă ștergeți o intrare din greșeală, o puteți restabili oricând din Coșul de reciclare. Dacă intrările nu mai sunt necesare, nu uitați să goliți coșul de gunoi.

      3.1. Adăuga nou

      Înainte de a începe să publicați articole pe blogul dvs., trebuie să faceți câteva setări foarte importante. Faceți-le în paragrafele 8.1 și 11.3. După ce ați configurat permalink-uri, sau așa cum sunt numite și (CNC), puteți începe să publicați articole.

      Titlul este scris în partea de sus. Nu trebuie să fie prea lung și nici prea scurt. Odată ce ați introdus titlul de mai jos, va apărea un link permanent. Va arăta astfel dacă instalați un plugin special, care se găsește în paragraful 8.1.

      Mai jos veți găsi instrumente cu care puteți formata text, adăuga imagini și plasați linkuri active. Dacă sunteți familiarizat cu programul Word, atunci nu vor fi probleme cu acesta.

      Dacă este prima dată când întâlniți un astfel de editor, atunci urmăriți tutoriale video pe YouTube despre cum să adăugați un articol pe un blog WordPress. După ce articolul dvs. a fost adăugat și formatat, selectați sau creați o categorie pentru acesta. Un articol pe categorie, rețineți asta!

      Încarcă o miniatură, aceasta este o imagine mică pentru articolul tău. Astfel de imagini acceptă majoritatea temelor. După ce totul este gata, faceți clic pe „Publicare”. Acum accesează pagina de pornire a blogului tău și vezi cum arată postarea ta.

      Lucrul cu imagini

      Când adăugați fotografii, încercați să includeți întotdeauna atributul „Alt”. Dacă vă folosiți fotografiile, acest lucru vă va permite să atrageți trafic din motoarele de căutare din secțiunea „imagini”.

      2-3 cuvinte despre ceea ce se arată în imagine în sine sunt suficiente. Dacă nu știi ce să scrii, este mai bine să nu scrii nimic.

      Fotografia poate fi aliniată la centru sau la margine. Dacă aveți o imagine mare și doriți să se deschidă la dimensiune completă când faceți clic pe ea, atunci selectați „link to media file”. Dacă trebuie să redirecționați către un alt site, atunci utilizați o adresă URL personalizată.

      În setarea dimensiunii, puteți seta dimensiunea dorită. Amintiți-vă că lățimea blogului în sine este rareori mai mare de 1000 de pixeli. Recomand să-l setați la full.

      Asigurați-vă că toate fotografiile dvs. au un nume cu litere latine înainte de a le încărca pe blogul dvs., de exemplu, moy-dom.jpg.

      3.2. Categorii

      Acest meniu este destinat creării de categorii. De exemplu, ai un blog despre rețete culinare. Titlurile ar putea fi:

      • Salate
      • Gustări
      • Băuturi

      Scrie categoria ta în titlu. În etichetă, scrieți numele aceleiași categorii, dar numai cu litere latine. O poți scrie și în chirilic, dar recomand să o faci ca în exemplu.

      Rubricile pot avea subcategorii. De exemplu, „Salate” pot include următoarele subtitluri: „Salate de pui”, „Salate simple”, „Rețete de salate pentru iarnă”, etc. Subcategorii pot fi create în meniul „Părinte”.

      Scrieți 2-3 propoziții care descriu secțiunea dvs. Prezentați esența. Asigurați-vă că îl faceți unic. Aceasta înseamnă că trebuie să veniți singur cu această descriere și nu să o copiați. Odată ce toate câmpurile sunt completate, puteți face clic pe butonul „Adăugați o categorie nouă”.

      3.3. Etichete

      Etichetele sunt necesare pentru a face un site mare mai ușor de utilizat. Dacă nu intenționați să creați un portal mare cu multe categorii și subcategorii, atunci este mai bine să nu folosiți etichete.

      4. Fișiere media

      În această secțiune veți găsi toate fotografiile care au fost încărcate vreodată pe blog. De asemenea, puteți adăuga o fotografie nouă în biblioteca dvs. Practic nu vom avea nevoie de acest meniu, deoarece puteți adăuga o fotografie la articolul dvs. în secțiunea 3.1.

      5. Pagini

      Nu confundați această secțiune cu postările! Astfel de pagini sunt necesare în principal pentru informare. De exemplu, pe blogul meu există pagini separate despre autor și despre blog. Puteți crea o pagină cu persoanele de contact ale organizației dvs. sau orice alte informații.

      Acum aveți o pagină de test. Uită-te la el, încearcă să-l editezi și apoi șterge-l.

      În această secțiune veți vedea toate paginile create. Dacă trebuie să creați unul nou, mergeți pur și simplu la meniul „Adăugați nou” și utilizați editorul, ca în meniul 3.1.

      6. Comentarii

      Aici puteți vedea toate comentariile făcute de utilizatorii dvs. Comentariile pot fi dezactivate, aprobate și editate.

      7. Aspectul. Teme

      În mod implicit, WordPress oferă 3 teme. Designul lor este așa și rar le folosește cineva. Puteți vedea toate cele trei subiecte în acest meniu. Există un număr mare de site-uri pe Internet care oferă descărcarea de șabloane gratuite.

      Recomand să instalați teme din magazinul oficial WordPress. În primul rând, sunt gratuite și, în al doilea rând, nu conțin cod rău intenționat sau viruși. Pentru a instala un șablon nou, faceți clic pe „Adăugați o temă nouă”.

      Veți fi dus la o secțiune în care puteți selecta subiectul care vă place. Plasați cursorul peste orice șablon și vedeți cum va arăta. Puteți selecta un subiect prin filtrarea caracteristicilor de care aveți nevoie. Odată făcută selecția, faceți clic pe instalare și activare.

      Nu vă fie teamă să puneți teme diferite. Este foarte greu să găsești unul care să-ți placă prima dată. Puteți șterge oricând toate subiectele inutile.

      Șabloanele gratuite au și dezavantajele lor. Sunt slab optimizate pentru motoarele de căutare.

      Sau puteți cumpăra imediat un șablon ieftin pentru proiectul dvs., care va elimina toate erorile tehnice. Instalați tema, personalizați-o o dată și utilizați-o.

      Dacă aveți întrebări despre configurarea temei, serviciul de asistență vorbitor de limbă rusă vă va ajuta întotdeauna gratuit. Vă recomand să alegeți dintre aceste trei șabloane.

      De asemenea, în această secțiune vă puteți schimba oricând parola și adresa de e-mail.

      10. Instrumente

      Puteți sări peste această secțiune în siguranță, încă nu există nimic interesant aici. Când adăugați noi pluginuri, unele dintre ele vor fi localizate aici.

      11. Setări. Sunt comune

      Din anumite motive, cel mai important meniu este la sfârșit. Înainte de a începe să publicați articole și să creați pagini noi, trebuie să faceți setări.

      Scrieți numele site-ului dvs. Descrierea trebuie să fie scurtă și clară. Ar trebui să conțină întreaga esență a nișei tale. Puteți sări peste descrierea scurtă. Dacă ai ceva de scris, atunci completează-l. Puteți scrie ceva slogan.

      Adresa WordPress și adresa site-ului web. Aici poți specifica cum va fi afișat blogul tău. De exemplu, cu sau fără www. https sau http. Acesta este un parametru foarte important, asigurați-vă că îl completați.

      Dacă ați înregistrat un domeniu și găzduire după părerea mea, atunci trebuie să aveți un certificat de protocol https securizat. Deci, setați setările ca în imagine. Selectați formatul de dată și oră de care aveți nevoie. Omitem meniul de „scriere”.

      11.1. Citind

      11.2. Discuţie

      În această secțiune vă puteți configura lista neagră. Dacă vezi că cineva lasă comentarii spam pentru tine, îi poți pune pe lista neagră. Este suficient să adăugați o adresă IP, care poate fi văzută în comentarii sau să vă creați propria listă de cuvinte oprite.

      De exemplu, dacă adăugați cuvintele: www, http://, descărcare, gratuit, atunci astfel de comentarii nu vor fi supuse moderației automate. Puteți sări în siguranță setările media.

      11.3. Permalink-uri

      Una dintre cele mai importante setări WordPress se află aici. Aceasta este setarea permalink-ului. Bifați caseta „Personalizat” și inserați următorul șablon acolo:

      /%category%/%postname%.html

      Valori Yandex

      Pentru a afla câte persoane vizitează un blog, trebuie să instalați un contor special pe acesta. Acest contor va afișa informații detaliate despre utilizator. Recomand instalarea Yandex Metrica.

      Dacă nu aveți încă e-mail de la Yandex, atunci înregistrați-l chiar acum, va dura câteva minute.

      Odată ce sunteți înăuntru, faceți clic pe „Adăugați contor”.

      Apoi, completați: numele contorului și adresa site-ului web, bifați caseta de selectare „Accept condiția”, creați un contor. Bifați caseta pentru vizualizatorul web și faceți clic pe Salvați. Mai jos veți vedea codul de contor care trebuie instalat.

      Copiați-l și accesați zona de administrare a blogului dvs., așa cum se arată în imaginea de mai jos.

      Găsiți în coloana din dreapta și faceți clic pe „Header (header.php)”. Lipiți codul copiat în spațiul liber. Este mai bine să o faci acolo unde se termină.

      Faceți clic pe actualizare fișier. Reveniți la lista de contoare făcând clic pe „Contoare”.

      După câteva minute, contorul se va actualiza și va deveni verde. Dacă acest lucru nu se întâmplă, deconectați-vă de la contul dvs. și conectați-vă din nou.

      Gata! După ceva timp, contorul va înregistra toți vizitatorii blogului dvs. Faceți clic pe nume și veți fi dus la meniul principal.

      Dacă doriți să înțelegeți toate capacitățile acestui instrument, consultați manualul.

      robots.txt

      Dacă nu știți ce este robots.txt și pentru ce este necesar, îl puteți citi în ajutorul Yandex. Pentru a nu suferi și a nu-l compila singur, îl poți descărca pur și simplu.

      Nu uitați să vă corectați site-ul în fișier înlocuind site.ru și site.ru/sitemap.xml cu al dvs. De asemenea, introduceți http sau https. Acum trebuie să-l încărcați pe server în folderul rădăcină, unde este instalat blogul dvs.

      Dacă utilizați găzduirea Beget, pe care vi-l recomand, atunci puteți descărca acest fișier după cum urmează. Conectați-vă la găzduirea dvs. și faceți clic pe „Manager de fișiere”.

      Găsiți folderul cu site-ul dvs. și accesați-l făcând clic de 2 ori. Ar trebui să vezi asta:

      Accesați acest folder făcând clic de 2 ori. Acum vă aflați în folderul rădăcină al site-ului dvs. Acum faceți clic pe „Încărcați fișiere” și „Răsfoiți...”

      Selectați fișierul și faceți clic pe butonul „Încărcare”. Fișierul a fost încărcat pe site.

      Acum poți verifica. Intră bara de căutare o astfel de solicitare: https://site.ru/robots.txt înlocuiți site.ru cu site-ul dvs. Luați în considerare și semnificația https sau http.

      Înregistrarea unui domeniu. Configurarea gazduirii. Hai să instalăm un blog!


      Comanda gazduire si cumpara un domeniu >>>

      Concluzie

      Acum blogul tău este complet configurat și gata de funcționare. Începeți să-l umpleți cu articole de calitate pentru oameni. Începeți încet să înțelegeți SEO (optimizarea pentru motoarele de căutare).

      De îndată ce blogul tău ajunge la 500 de vizitatori pe zi, atunci cumpără o temă unică. Dacă aveți întrebări, asigurați-vă că le puneți în comentariile de mai jos.

      Cu stima, Serghei Smirnov.