4 metode simple (3 fără cod)

Antetul este primul element al site-ului dvs. pe care îl văd majoritatea vizitatorilor. De obicei, aici sunt plasate sigla și meniul site-ului dvs. și face parte integrantă din fiecare pagină. Dacă nu știi cum să editezi antetul WordPress, vei avea o perioadă dificilă ️ să faci o primă impresie puternică.

WordPress vă permite să editați antetul site-ului dvs. în mai multe moduri. Aproape fiecare temă vine cu un design unic de antet, pe care îl puteți personaliza manual. Alternativ, puteți utiliza o serie de instrumente oferite de comunitatea mai mare WordPress.

În acest articol, vă vom arăta patru modalități de a edita antetul WordPress , atât cu și fără pluginuri. Sa trecem la treaba!

Cuprins:

1. Editați antetul utilizând Personalizatorul
2. Utilizați editarea completă a site-ului (și o temă compatibilă)
3. Editați antetul folosind un generator de pagini WordPress
4. Adăugați cod personalizat la antet folosind un plugin

1. Editați antetul utilizând Personalizatorul

Personalizatorul WordPress este un instrument încorporat care vă permite să editați elemente globale ale site-ului dvs. Puteți folosi Personalizatorul pentru a edita antetul, subsolul, tipografia, meniurile și alte aspecte cheie ale site-ului dvs.

Pentru a accesa Personalizatorul, accesați tabloul de bord și faceți clic pe Aspect > Personalizare . Personalizatorul va afișa un meniu de opțiuni în stânga și o previzualizare a site-ului dvs. în dreapta:

Rețineți că, dacă nu vedeți opțiunea WordPress Customizer în tabloul de bord, este posibil să utilizați o temă activată pentru blocare. Pentru a edita antetul pentru acest tip de temă, trebuie să utilizați Editarea completă a site-ului, pe care o vom acoperi în secțiunea următoare.

În Customizer, ar trebui să vedeți o opțiune legată de antetul dvs. Uneori, acest lucru poate fi vizibil imediat, ca în exemplul de mai sus. Alteori, poate fi necesar să accesați un submeniu. De exemplu, unele teme pun opțiunile antetului în opțiunile de aspect sau ceva similar.

Odată ce ați găsit opțiunile de antet ale temei dvs., opțiunile pe care le vedeți acum vor depinde de tema pe care o utilizați. De exemplu, tema noastră Neve include opțiuni pentru schimbarea siglei, a culorii antetului și a meniului afișat în această secțiune:

Neve oferă, de asemenea, o selecție de elemente pe care le puteți adăuga la antet folosind funcționalitatea de glisare și plasare. Selectați oricare dintre elementele din Componente disponibile și trageți-le în rândurile de antet din partea de jos a Personalizatorului. Neve vă permite să adăugați până la trei rânduri de elemente pentru un antet și să plasați elemente în orice poziție doriți:

Când sunteți mulțumit de configurația antetului, salvați modificările aduse temei făcând clic pe butonul Publicare din partea de sus a Personalizatorului.

Rețineți că orice modificări pe care le faceți folosind Personalizatorul se vor aplica numai temei dvs. active. Dacă schimbați teme, va trebui să editați din nou antetul WordPress.

2. Utilizați editarea completă a site-ului (și o temă compatibilă)

Editarea completă a site-ului este o caracteristică mai nouă care vă permite să editați șabloane de teme utilizând Editorul de blocuri. Acest lucru funcționează numai pentru teme activate pentru blocare, așa că poate fi sau nu disponibil pe site-ul dvs.

Pentru a vedea dacă tema dvs. acceptă Editarea completă a site-ului, deschideți meniul Aspect și căutați opțiunea Editor :

Selectați asta opțiunea și se va deschide Editorul de blocuri. Cu toate acestea, veți edita șabloanele de teme, mai degrabă decât paginile sau postările individuale.

În mod implicit, editorul se va deschide la șablonul de pagină de pornire, care ar trebui să includă un element Antet :

Rețineți că unele blocuri vor apărea ca substituenți numai atunci când utilizați Editarea completă a site-ului. Asta pentru că acest instrument nu este pentru editarea blocurilor individuale, ci a machetelor întregi.

Când editați antetul, aveți control deplin asupra blocurilor și elementelor pe care să le includeți. Dacă deschideți instrumentul Vizualizare listă , puteți vedea o defalcare a blocurilor pe care le conține în prezent antetul:

În această etapă, puteți alege să adăugați sau să eliminați blocuri din antet. Pentru a elimina sau edita un bloc existent, selectați-l și utilizați meniul contextual care apare pe ecran atunci când faceți acest lucru:

Când selectați un bloc, puteți, de asemenea, să îl editați folosind Blocul meniul de setări din partea dreaptă a ecranului. Acest meniu conține de obicei opțiuni de stil și variază în funcție de blocul pe care îl editați:

Pentru a adăuga un bloc nou, selectați elementul Antet și căutați pictograma semnului plus . Acest buton va deschide un meniu care vă permite să selectați ce bloc să adăugați:

O altă caracteristică utilă a Full Site Editor este că puteți edita meniurile vizual. Pentru a face acest lucru, trebuie doar să selectați un meniu folosind blocul de navigare . Veți vedea opțiunea de a adăuga linkuri noi, de a crea un meniu nou și de a schimba între cele existente:

Când sunteți mulțumit de modificările aduse antetului dvs., faceți clic pe Salvare . Aceasta va salva modificările aduse șablonului de antet al temei și se vor reflecta automat pe site-ul dvs. web.

3. Editați antetul utilizând un generator de pagini WordPress

Unele plugin-uri pentru crearea de pagini WordPress oferă opțiuni pentru editarea antetului WordPress. De exemplu, Elementor Pro include un instrument Theme Builder pe care îl puteți accesa cu o licență premium.

Dacă nu aveți acces la Elementor Pro, puteți utiliza o extensie gratuită a unei terțe părți, cum ar fi pluginul Elementor Header & Footer Builder la WordPress.org.

Totuși, vă vom arăta cum să faceți acest lucru folosind Elementor Pro și caracteristica sa Theme Builder.

În practică, Elementor Theme Builder funcționează similar cu Editarea completă a site-ului.

Pentru a accesa Theme Builder, accesați Șabloane > Theme Builder . Selectați opțiunile Antet din PARTE SITE și căutați șabloane existente în dreapta. Ar trebui să existe un singur șablon de antet și puteți face clic pe butonul Editați de lângă acesta:

Aceasta va lansa editorul Elementor. De aici, puteți alege să construiți antetul folosind blocuri Elementor sau să importați șabloane gata făcute. Dacă faceți clic pe pictograma folderului din corpul editorului, puteți vedea la ce șabloane de antet aveți acces:

Dacă utilizați Elementor, vă recomandăm să profitați de aceste șabloane. Acest lucru vă permite să experimentați cu mai multe stiluri de antet, pe care le puteți edita prin adăugarea sau personalizarea modulelor:

Dacă nu sunteți familiarizat cu utilizarea Elementor, acest generator de pagini vă permite să selectați module folosind meniul din stânga. Puteți trage aceste module pe pagina dvs., care apare într-o previzualizare în partea dreaptă a ecranului.

Când utilizați Teme Builder, editați doar un anumit șablon de temă. Cu toate acestea, puteți utiliza în continuare gama completă de module și opțiuni de configurare pe care le oferă Elementor.

După ce ați terminat de editat șablonul de antet, salvați-l folosind butonul Publicare . Apoi, Elementor vă va cere să alegeți pe ce pagini să afișeze șablonul:

Cu excepția cazului în care plătiți deja pentru o licență Elementor premium, instrumentul Theme Builder poate să nu justifice singur achiziția. Face exact ceea ce face Full Site Editing, dar la un cost premium. Principala diferență este că puteți utiliza gama mai largă de module Elementor și, dacă utilizați deja Elementor, va fi mai ușor să vă asigurați că designul antetului este în concordanță cu restul site-ului dvs.

4. Adăugați cod personalizat la antet folosind un plugin

De obicei, utilizarea pluginurilor este cea mai ușoară modalitate de a implementa personalizări în WordPress. Cu toate acestea, acesta nu este de obicei cazul cu anteturile. Dacă doriți un plugin care vă permite să editați anteturi vizual, va trebui să utilizați un generator de pagini. Majoritatea creatorilor de pagini care oferă această funcționalitate vin cu o sumă premium, așa cum am discutat în secțiunea anterioară.

Pluginurile gratuite care vă permit să personalizați antetul oferă de obicei doar o modalitate mai ușoară de a adăuga cod personalizat la acesta. Alternativa este să editați manual fișierele cu tema folosind o temă copil, ceea ce poate fi intimidant (și riscant), dacă nu aveți experiență în dezvoltare web.

Un exemplu fantastic de astfel de plugin este Header Footer Code Manager. Acest instrument vă permite să adăugați fragmente HTML, CSS și JavaScript la antet și/sau subsol și să alegeți pe ce pagini se vor încărca aceste fragmente:

Odată ce pluginul este activ, accesați pagina HFCM > Adăugați fragmente noi din tabloul de bord. Aici puteți selecta ce tip de fragment pe care doriți să îl adăugați, unde ar trebui să fie afișat și dacă să îl adăugați la antet sau subsol:

Dacă intenționați să adăugați elemente noi la antet, va trebui să utilizați HTML. Pentru a schimba stilul antetului și elementele pe care le conține, veți dori să utilizați fragmente CSS.

Principalul dezavantaj al acestei abordări este că trebuie să verificați codul antetului pentru a vedea ce clase și ID-uri folosește, pentru a adăuga CSS la acestea. Acesta poate fi un proces consumator de timp, deoarece adăugați noi fragmente de cod, verificați dacă modificările funcționează și modificați codul până când sunteți mulțumit de rezultate.

Personalizați antetul WordPress astăzi

Aveți întrebări despre cum să vă editați antetul în WordPress? Să vorbim despre ele în secțiunea de comentarii de mai jos!