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
cele mai multe Teme WordPress, indiferent dacă este gratuit sau cu plată, vă permit să personalizați antetul adăugând sigla site-ului dvs. sau meniul de navigare. niste Teme WordPress, vă permit să adăugați elemente suplimentare, cum ar fi bara de căutare și pictogramele rețelelor sociale.
Dar este posibil să creați un antet personalizat în WordPress pentru a înlocui antetul WordPress temă atu?
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 o abilitate de programare (PHP în acest caz), creați un antet personalizat pentru a WordPress temă nu este o mare problema. 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 drag-and-drop.
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 un WordPress temă fără codificare. Elementele de temă pe care le puteți crea cu generatorul de teme Elementor includ:
- 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.
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.
Citiți ghidul nostru: Elementor Free vs Elementor Pro: comparație detaliată a caracteristicilor
Î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.
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.
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ă ce formă adăugat, puteți merge la panoul din stânga pentru a-l 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.
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.
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.
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.
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.
...
