Treci la conținutul principal

Cum se creează un antet personalizat în WordPress cu Elementor

Divi: cea mai ușoară temă WordPress de utilizat

Divi: cea mai bună temă WordPress din toate timpurile!

mai mult Descărcări 901.000, Divi este cea mai populară temă WordPress din lume. Este completă, ușor de folosit și are mai mult de șabloane gratuite 62. [Recomandat]

Doriți să creați un antet personalizat în WordPress cu Elementor?

Antetul este unul dintre elementele cruciale pe care ar trebui să le aibă fiecare site web. Un antet conține de obicei un meniu, ceea ce face mai ușor vizitatorii dvs. să navigheze către paginile importante de pe site-ul dvs. web. Un alt element care se găsește de obicei pe antetul unui site web este sigla.

Descopera Cum se instalează Elementor pe WordPress

Majoritatea temelor WordPress, gratuite sau plătite, vă permit să personalizați antetul adăugând sigla site-ului dvs. web sau meniul de navigare. Unele teme WordPress vă permit să adăugați elemente suplimentare, cum ar fi bara de căutare și pictogramele social media.

Dar este posibil să creați un antet personalizat în WordPress pentru a înlocui antetul temei active WordPress?

Desigur, puteți crea un antet personalizat pentru a suprascrie antetul implicit pentru tema activă în prezent pe site-ul dvs. WordPress.

Dacă aveți abilități de programare (PHP în acest caz), crearea unui antet personalizat pentru o temă WordPress nu este mare lucru. Dacă nu aveți abilități de programare, Elementor vă permite să creați un antet personalizat fără a scrie o singură linie de cod. Puteți crea antetul printr-un editor vizual prin glisare și plasare.

Notă: Theme Builder este disponibil numai pe Elementor Pro.

Cum se creează un antet personalizat în WordPress cu Elementor

Versiunea pro a Elementor vine cu o caracteristică numită Constructor de teme. Această caracteristică vă permite să creați o temă WordPress fără codificare. Elementele temei pe care le puteți crea cu Elementor Builder sunt următoarele:

  • antet
  • subsol
  • Șablon de postare unică
  • Arhivați șablonul paginii
  • Șablon de 404 pagini

În acest articol, vă vom arăta cum să creați un antet personalizat pentru tema dvs. WordPress cu Elementor. Odată publicat, acest antet personalizat va înlocui antetul temei curente.

Înainte de a începe, asigurați-vă că ați instalat Elementor Pro pe site-ul dvs. WordPress.

Mai întâi, du-te la Șabloane -> Generator de teme.

Pe pagina Generator de teme, accesați fila Antet și faceți clic pe butonul Add-On pentru a crea un nou antet.

Va apărea o fereastră pop-up, care vă solicită să dați șablonului un nume. Tastați numele modelului dvs. și faceți clic pe buton CREAȚI UN MODEL.

Elementor vă permite să creați un antet dintr-un șablon. Selectați unul dintre modelele disponibile în biblioteca de modele și faceți clic pe buton insera pentru a-l încărca în editorul Elementor.

Creați cu ușurință site-ul dvs. web cu Elementor

Elementor vă permite să creați cu ușurință orice design de site web cu un aspect profesionist. Nu mai plătiți scump pentru ceea ce puteți face singur. [Gratuit]

De asemenea, puteți crea antetul de la zero. Dacă preferați să creați antetul de la zero, puteți închide biblioteca de șabloane pentru a deschide editorul Elementor.

Din punct de vedere tehnic, puteți adăuga orice widget Elementor - pe care îl puteți explora în panoul din stânga - la antetul dvs. Dar nu toate widgeturile sunt cu adevărat necesare atunci când vine vorba de crearea antetului site-ului web.

În acest articol, vă vom arăta cum să adăugați elementele comune ale unui antet: sigla site-ului web, meniul de navigare și bara de căutare. În acest caz, veți avea nevoie de o nouă secțiune cu trei coloane. Faceți clic pe pictograma plus din editorul Elementor și selectați structura cu trei coloane.

adăugați secțiunea coloană

Setați lățimea fiecărei coloane trăgând separatorul în direcția stângă sau dreapta. Aruncați o privire la captura de mai jos.

 

  • Adăugați sigla site-ului web

Pentru a adăuga sigla site-ului web, trageți widgetul Logo-ul site-ului de la panoul din stânga la una dintre coloanele din editorul Elementor.

Widget-ul Logo-ul site-ului va încărca sigla site-ului dvs. web. Dacă nu ați specificat sigla site-ului dvs. web, puteți accesa Aspect -> Personalizare pentru a adăuga sigla.

Citiți și: Cum se importă sau se exportă modele în Elementor 

Puteți să vă personalizați sigla prin panoul din stânga. Puteți defini elemente precum alinierea, legătura, lățimea etc.

Jucați doar cu panoul din stânga până când sunteți mulțumit de rezultat.

  • Adăugați meniul de navigare

Pentru a adăuga meniul de navigare, trageți widgetul Meniul de navigare la una dintre coloanele din editorul Elementor.

Căutați cele mai bune teme și pluginuri WordPress?

Descărcați cele mai bune pluginuri și teme WordPress pe Envato și creați cu ușurință site-ul dvs. Web. Deja mai mult de descărcări 49.720.000. [EXCLUSIV]

Widget-ul Meniul de navigare va încărca meniul principal al site-ului dvs. web. Dacă nu ați creat niciun meniu pe site-ul dvs. web, puteți accesa Aspect -> Meniuri pentru a crea una. Dacă aveți mai multe meniuri pe site-ul dvs. web, puteți specifica pe care doriți să îl afișați din meniul derulant al opțiunii Meniu din panoul din stânga.

Din nou, puteți juca cu panoul din stânga pentru a vă personaliza meniul. Puteți seta aspectul (orizontală, verticală), alinierea, efectul de animație și așa mai departe.

  • Adăugați bara de căutare

Pentru a adăuga bara de căutare, puteți trage widgetul Formular de căutare în coloana rămasă.

Odată adăugat formularul, puteți merge în panoul din stânga pentru al personaliza.

Personalizați antetul

În mod implicit, antetul dvs. va avea un fundal alb. Puteți schimba această culoare pentru a se potrivi cu culoarea temei dvs. Pentru aceasta, activați secțiunea făcând clic pe ea în browser (Ctrl + i)

Accesați fila Stil din panoul din stânga și selectați culoarea preferată făcând clic pe selectorul de culori din opțiune Culoare a secțiunii fundal.

Cum se creează un antet în WordPress cu Elementor

Dacă doriți să aveți un antet lipicios, puteți accesa fila Avansat. În opțiune Lipicios, sub secțiune Efecte de mișcare, setați locația lipicioasă. În mod implicit, efectul Sticky va fi aplicat tuturor tipurilor de dispozitive (desktop, tabletă și smartphone).

Citiți și: Elementor Pro: 10 caracteristici minunate de deblocat - Partea I

Dacă doriți să dezactivați efectul Sticky pe un anumit tip de dispozitiv, trebuie doar să scoateți dispozitivul din câmp.

Cum se creează un antet în WordPress cu Elementor

Publicați antetul personalizat

Până acum v-ați creat cu succes antetul personalizat. Există multe alte opțiuni de reglare pe care le puteți seta și este imposibil să le acoperiți pe toate în această postare.

Vezi și: Cum să creați un șablon de postare unic cu Elementor Pro

Jucați doar cu panoul din stânga până când sunteți cu adevărat mulțumit de rezultat. Când ați terminat, faceți clic pe buton publier în partea de jos a panoului din stânga pentru a publica șablonul de antet.

În pasul următor, vi se va cere să setați condiția de afișare. Faceți clic pe buton ADĂUGAȚI CONDIȚIA

În mod implicit, șablonul de antet va fi aplicat întregului site web. Deci, dacă doriți ca șablonul de antet să fie aplicat întregului site web, puteți face clic pe buton SALVAȚI ȘI ÎNCHIDEȚI.

Creați ușor magazinul dvs. online

Descărcați gratuit WooCommerce, cele mai bune pluginuri de e-commerce pentru a vă vinde produsele fizice și digitale pe WordPress. [Recomandat]

Citiți și: Cum se creează un subsol în WordPress cu Elementor

Sau, dacă doriți ca șablonul de antet să fie aplicat la o anumită pagină, puteți specifica pagina făcând clic pe meniul derulant. Selectați pagina din celălalt meniu derulant care apare în continuare. Faceți clic pe buton SALVAȚI ȘI ÎNCHIDEȚI odată ce ați terminat de specificat pagina.

Cum se creează un antet în WordPress cu Elementor

Obțineți Elementor Pro acum!

Concluzie

Aici ! Asta este pentru acest articol care vă arată cum să creați un antet personalizat în WordPress cu Elementor. Dacă aveți nelămuriri despre cum să ajungeți acolo, anunțați-ne în comentarii.

Cu toate acestea, puteți consulta și resursele noastre, dacă aveți nevoie de mai multe elemente pentru a vă derula proiectele de creare a site-urilor de internet, consultați ghidul nostru cu privire la Creare blog WordPress sau cea de pe Divi: cea mai bună temă WordPress din toate timpurile.

Dar între timp, împărtășește acest articol pe diferitele rețele de socializare.

...

Acest articol conține comentarii 0

Lasă un comentariu

Adresa ta de email nu va fi publicată. Câmpurile obligatorii sunt marcate *

Inapoi in top
Observa: Offset nedefinit: 0 în /home2/voirplu/public_html/wp-content/plugins/UltimateTetutesse-master/public/partials/shared-footer.php on-line 17