Cum să editați anteturile și subsolurile cu Elementor în WordPress

Elementor, un puternic constructor de pagini drag-and-drop pentru WordPress, facilitează proiectarea de anteturi și subsoluri personalizate fără a fi nevoie de cunoștințe de codare. Prin utilizarea Elementor Pro sau a pluginului Elementor Header & Footer Builder, puteți crea și edita aceste zone pentru a oferi site-ului dvs. un aspect și o funcționalitate unice. Iată cum să editați anteturi și subsoluri cu Elementor în WordPress.

Metoda 1: Utilizarea Elementor Pro

Dacă aveți Elementor Pro, editarea antetelor și subsolurilor este simplă folosind funcția Theme Builder.

Pasul 1: Instalați Elementor Pro

1. Dacă nu ați făcut-o deja, cumpărați și descărcați Elementor Pro de pe site-ul web Elementor.
2. În tabloul de bord WordPress, mergeți la Plugins > Add New și încărcați fișierul ZIP Elementor Pro.
3. Faceți clic pe Install Now (Instalați acum ) și apoi pe Activate (Activați).
4. Asigurați-vă că ambele pluginuri Elementor și Elementor Pro sunt active pe site-ul dvs.

Pasul 2: Accesați Elementor Theme Builder

1. Din tabloul de bord WordPress, navigați la Templates > Theme Builder.
2. Pe pagina Theme Builder, veți vedea opțiuni pentru a crea șabloane pentru anteturi, subsoluri și alte părți ale temei.

Pasul 3: Crearea sau editarea antetului

1. Faceți clic pe fila Header din Theme Builder.
2. Pentru a crea un antet nou, faceți clic pe Add New și selectați Header.
3. O fereastră pop-up vă va cere să denumiți șablonul; dați-i un nume (de exemplu, “Main Header”) și faceți clic pe Create Template.
4. Puteți alege dintre șabloanele de antet predefinite sau puteți proiecta un antet de la zero prin glisarea și fixarea elementelor precum logo-uri, meniuri de navigare, butoane și multe altele.
   • Adăugați un logo: Utilizați widgetul Imagine pentru a vă plasa logo-ul.
   • Adăugați navigare: Utilizați widgetul Nav Menu pentru a vă crea meniul principal.
   • Adăugați pictograme sociale: Utilizați widgetul Icoane sociale pentru a include linkuri către rețelele sociale.

Pasul 4: Setați condițiile de afișare

1. După proiectarea antetului, faceți clic pe Publicare.
2. Vi se va solicita să setați condițiile de afișare, care definesc unde va apărea antetul pe site (de exemplu, întregul site, anumite pagini sau postări).
3. Alegeți unde doriți să fie afișat antetul și faceți clic pe Salvare și închidere.

Pasul 5: Crearea sau editarea subsolului

1. Pentru a crea sau a edita un subsol, repetați procesul făcând clic pe fila Footer din Theme Builder.
2. Faceți clic pe Add New și selectați Footer.
3. Proiectați subsolul folosind widgeturile Elementor (de exemplu, adăugați widgeturi precum text, informații despre drepturi de autor, detalii de contact sau pictograme sociale).
4. După proiectare, setați Condițiile de afișare (similar cu antetul) și faceți clic pe Salvare și închidere.

Metoda 2: Utilizarea Elementor Header & Footer Builder (opțiune gratuită)

Dacă utilizați versiunea gratuită a Elementor, puteți crea în continuare anteturi și subsoluri personalizate prin instalarea pluginului Elementor Header & Footer Builder.

Pasul 1: Instalați pluginul Elementor Header & Footer Builder

1. În tabloul de bord WordPress, navigați la Plugins > Add New.
2. Căutați Elementor Header & Footer Builder și faceți clic pe Install Now.
3. După instalare, faceți clic pe Activare.

Pasul 2: Creați un nou șablon de antet

1. Odată ce pluginul este activat, mergeți la Appearance > Elementor Header & Footer Builder în tabloul de bord WordPress.
2. Faceți clic pe Add New pentru a crea un șablon nou.
3. În fereastra pop-up, alegeți Header ca tip de șablon.
4. Dați șablonului dvs. un nume (de exemplu, “Custom Header”) și faceți clic pe Create Template.

Pasul 3: Proiectați antetul cu Elementor

1. Veți fi redirecționat către editorul Elementor, unde puteți proiecta antetul dvs. personalizat.
2. Utilizați widget-urile Elementor pentru a adăuga conținut, cum ar fi un logo, un meniu de navigare și pictograme sociale.
3. După ce sunteți mulțumit de design, faceți clic pe Publicare.

Pasul 4: Atribuiți reguli de afișare

1. După ce faceți clic pe Publicare, setați Regulile de afișare pentru a decide unde va apărea antetul (întregul site, anumite pagini etc.).
2. Salvați modificările.

Pasul 5: Crearea unui șablon de subsol

1. Pentru a crea un subsol personalizat, mergeți la Appearance > Elementor Header & Footer Builder și faceți clic pe Add New.
2. Selectați Footer ca tip de șablon.
3. Proiectați subsolul folosind interfața drag-and-drop a Elementor, adăugând widget-uri precum informații despre copyright, linkuri și pictograme sociale.
4. Setați Regulile de afișare pentru a specifica unde va apărea subsolul, apoi salvați modificările.

Personalizarea antetului și a subsolului

Indiferent dacă utilizați Elementor Pro sau pluginul gratuit, puteți personaliza complet designul antetelor și al subsolurilor:

• Adăugați un antet lipicios: Activați opțiunea sticky pentru antet în setările avansate, asigurându-vă că antetul rămâne vizibil atunci când defilați.
• Design receptiv: Utilizați setările responsive ale Elementor pentru a ajusta modul în care antetul și subsolul apar pe dispozitivele mobile și tablete.
• Adăugați conținut dinamic: Pentru utilizatorii Elementor Pro, puteți insera conținut dinamic, cum ar fi butoane de conectare, coșuri de cumpărături sau bare de căutare.

Concluzii

Utilizarea Elementor pentru a crea și edita anteturi și subsoluri în WordPress este o modalitate ușoară și puternică de a personaliza designul site-ului dvs. fără codare. Cu Elementor Pro, puteți controla complet antetul și subsolul cu Theme Builder, în timp ce pluginul gratuit Elementor Header & Footer Builder oferă o experiență similară pentru utilizatorii care nu au versiunea Pro. Urmând acești pași, puteți construi un header și un footer de site profesional și unic în cel mai scurt timp.