Cum să utilizați Elementor pentru a crea un antet transparent?

Publicat: 2022-03-01

Anteturile transparente pot fi o modalitate excelentă de a îmbunătăți aspectul site-ului dvs. Îți face designul site-ului web să iasă în evidență și să arate mai interactiv pentru vizitatorii site-ului tău.

Dar poți folosi Elementor pentru a crea un antet transparent pe WordPress fără să cunoști vreun limbaj de programare? Raspunsul este da! Cu siguranță poți. Acest articol vă va arăta instrucțiunile pentru a crea cu ușurință un antet transparent Elementor.

Cuprins
[Arată ascunde]
  1. Avantajele utilizării antetelor transparente
    1. Excelent pentru pagini web lungi
    2. Cel mai bun pentru site-uri web acționabile
    3. Îmbunătățiți-vă capacitatea de navigare pe site
  2. Cum să utilizați Elementor Pro pentru a crea un antet transparent?
    1. Instalați și activați pluginul Elementor Pro
    2. Creați un meniu pentru site-ul dvs
    3. Utilizați Elementor Pro pentru a crea un antet normal
    4. Creați un antet lipicios transparent folosind Elementor Pro
  3. Cum să utilizați Elementor pentru a crea un antet transparent gratuit?
    1. Instalați și activați suplimentele Elementor și Essential pentru pluginul Elementor
    2. Creați un meniu pentru site-ul dvs
    3. Utilizați suplimente esențiale pentru Elementor pentru a crea un antet lipicios transparent
  4. Cum se creează un antet transparent pentru utilizatorii Woostify?
  5. Cuvinte finale

Avantajele utilizării antetelor transparente

elementar-transparent-header-1

Puteți crea cu ușurință anteturi transparente Elementor captivante. Dar dacă doriți, puteți face un pas mai departe și puteți remedia problema pe măsură ce vizitatorii parcurg conținutul paginii. Mai jos sunt avantajele:

Excelent pentru pagini web lungi

Folosirea unui antet lipicios transparent este o modalitate elegantă și rapidă de a vă asigura că vizitatorii dvs. au o experiență plăcută.

Acestea vă pot ajuta site-ul dvs. să aibă un sistem de navigare mai ușor de utilizat. Dacă conținutul site-ului tău este foarte lung, acest beneficiu va fi foarte benefic.

Cel mai bun pentru site-uri web acționabile

Antetele lipicioase transparente funcționează cel mai bine pe site-uri web care pot fi acționate, cum ar fi site-urile de vânzare cu amănuntul sau de comerț electronic. Este pentru că doriți ca vizitatorii să facă o anumită acțiune în timp ce sunt încă în conținutul paginii.

Când antetul este afișat frumos în timpul navigării pe site-ul dvs., vizitatorii vor găsi că este mai convenabil de explorat.

În plus, deoarece antetul este transparent, nu va reduce lizibilitatea conținutului. Prin urmare, adăugarea unui antet transparent poate reduce rata de respingere a site-ului dvs. și poate ajuta la ghidarea eficientă a vizitatorilor.

Îmbunătățiți-vă capacitatea de navigare pe site

Folosirea unui antet transparent pe site-ul dvs. îi încurajează pe vizitatori să ia măsuri imediate. Le economisește timp atunci când caută o anumită opțiune.

Și în loc să puneți logo-ul mărcii dvs. peste tot pe pagina de pornire, îl puteți afișa elegant pe un antet lipicios transparent.

Cum să utilizați Elementor Pro pentru a crea un antet transparent?

Acum, să învățăm cum să creați și să personalizați un antet transparent folosind Elementor Pro.

Instalați și activați pluginul Elementor Pro

Dacă site-ul dvs. nu a avut încă Elementor Pro, trebuie să îl instalați și să îl activați.

  1. Din tabloul de bord WordPress, accesați Pluginuri > Adăugați nou .
elementar-transparent-header-2
  1. Găsiți pluginul introducând „Elementor”. Veți vedea apoi Elementor Website Builder listat ca opțiune.
  2. Faceți clic pe butonul Instalați acum și, respectiv, pe butonul Activare .
  3. După ce ați cumpărat cu succes Elementor Pro, accesați my.elementor.com.
  4. Conectați-vă cu informațiile primite în e-mail după cumpărare.
  5. În continuare, veți fi direcționat la pagina Profil . Faceți clic pe butonul Descărcare plugin din colțul din dreapta sus pentru a descărca fișierul .zip pe computer.
elementar-transparent-header-3
  1. Din tabloul de bord WordPress al site-ului dvs., faceți clic pe Plugins > Add New . Apoi, faceți clic pe butonul Încărcați pluginul din colțul din stânga sus.
  2. Faceți clic pe butonul Alegeți fișierul . Selectați fișierul .zip pe care tocmai l-ați descărcat. Apoi, faceți clic pe Activare .
  3. În partea de sus a tabloului de bord al site-ului, veți primi o notificare care vă solicită să vă activați cheia de licență.

Creați un meniu pentru site-ul dvs

Apoi, trebuie să creați un meniu antet folosind tabloul de bord WordPress dacă nu ați făcut-o încă. Mai jos este un ghid introductiv.

  1. Din tabloul de bord WordPress, navigați la Aspect > Meniuri .
elementar-transparent-header-4
  1. Introduceți numele meniului în caseta text Menu Name . Apoi, faceți clic pe butonul Creare meniu .
  2. Concentrați-vă pe panoul din stânga. Aici, puteți adăuga paginile site-ului, postările, categoriile și linkurile personalizate în meniu.
elementar-transparent-header-5
  1. Puteți să glisați și să plasați elementele de meniu pentru a le rearanja sau pentru a crea submeniuri în panoul din dreapta.
elementar-transparent-header-6
  1. Când sunteți mulțumit, nu uitați să faceți clic pe butonul Salvare meniu .

Utilizați Elementor Pro pentru a crea un antet normal

  1. Accesați Șabloane > Adăugați nou din tabloul de bord WordPress.
elementar-transparent-header-7
  1. Va apărea o fereastră pop-up. Selectați șablonul de antet Elementor din meniul drop-down și introduceți numele acestuia în caseta de text Denumiți șablonul . Apoi, faceți clic pe butonul CREATE ȘABLON .
elementar-transparent-header-8
  1. Galeria de șabloane Elementor va apărea într-o fereastră pop-up. Puteți naviga prin toate stilurile de antet Elementor. După ce ați ales un favorit, mutați cursorul pe acesta și apoi faceți clic pe butonul Inserare . De asemenea, le puteți previzualiza pe toate.
elementar-transparent-header-9

Creați un antet lipicios transparent folosind Elementor Pro

  1. Acum, trebuie să faceți antetul transparent folosind Elementor Pro. Pentru a face acest lucru, faceți clic pe butonul cu șase puncte de deasupra antetului.
elementar-transparent-header-10
  1. În secțiunea „Aspect”, alegeți meniul dorit din meniul drop-down Meniu.
elementar-transparent-header-11
  1. Accesați fila Stil pentru a schimba culoarea de fundal și valoarea transparentă a antetului. În secțiunea „Fundel”, alegeți tipul de fundal clasic (indicat de o pensulă).
elementar-transparent-header-12
  1. Faceți clic pe butonul Color Picker . Apoi, alegeți o culoare și o valoare transparentă dorite.
  2. Puteți modifica în continuare aspectul general al antetului, inclusiv tipografia, suprapunerea de fundal, chenarul și separatorul. Simțiți-vă liber să experimentați.
  3. Apoi, accesați fila Avansat . Apoi, derulați la secțiunea Efecte de mișcare . Activați opțiunea Efecte de defilare .
elementar-transparent-header-13
  1. Alegeți opțiunea Întreaga pagină din meniul derulant Efecte relativ la.
  2. În cele din urmă, alegeți opțiunea Top din meniul derulant Sticky .
  3. Când sunteți mulțumit, faceți clic pe butonul Publicați pentru a aplica modificările.

Rezultatul va fi similar cu cel de mai jos:

elementar-transparent-header-14

Cum să utilizați Elementor pentru a crea un antet transparent gratuit ?

Dacă aveți un buget redus și nu doriți să cheltuiți bani pe Elementor Pro, aveți nevoie de un alt plugin pentru a crea anteturi transparente.

În acest articol, vom folosi pluginul Essential Addons pentru Elementor. Aceasta este cea mai populară bibliotecă de widget-uri cu peste un milion de utilizatori activi.

Veți primi gratuit multe widget-uri pentru a face un site web să iasă în evidență și să fie cât mai interesant posibil. Rețineți că nu aveți nevoie de versiunea premium pentru a crea anteturi transparente.

Instalați și activați suplimentele Elementor și Essential pentru pluginul Elementor

  1. Din tabloul de bord WordPress, accesați Pluginuri > Adăugați nou .
elementar-transparent-header-15
  1. Găsiți pluginul introducând „ Elementor ”. Veți vedea apoi pluginul Elementor listat ca opțiune.
  2. Faceți clic pe butonul „Instalare acum” și, respectiv, pe butonul „Activare”.
  3. Repetați procesul de mai sus cu pluginul Essential Addons pentru Elementor.

Creați un meniu pentru site-ul dvs

Am acoperit deja acest lucru mai sus. Vă rugăm să derulați în sus până la know-how.

Utilizați suplimente esențiale pentru Elementor pentru a crea un antet lipicios transparent

  1. Navigați la Essential Addons > Elements . Aici, activați widgetul Meniu simplu . Nu uitați să faceți clic pe butonul SALVARE SETĂRI .
elementar-transparent-header-16
  1. Creați o pagină/postare nouă sau deschideți una existentă cu Elementor.
  2. Faceți clic pe butonul Setări (indicat de o roată roată) din colțul din stânga jos. Selectați „Elementor Canvas” din meniul drop-down Aspect pagină . În acest fel, puteți scăpa de antetul care vine cu tema.
elementar-transparent-header-17
  1. Reveniți la meniul widget făcând clic pe pictograma cu nouă pătrate. Căutați widgetul Meniu simplu . Trageți și plasați-l în locația dorită.
elementar-transparent-header-18
  1. În secțiunea General , alegeți meniul dorit din meniul derulant Selectare meniu.
elementar-transparent-header-19
  1. Accesați fila Stil pentru a schimba culoarea de fundal și valoarea transparentă a antetului.
elementar-transparent-header-20
  1. În secțiunea Fundal , alegeți tipul de fundal Clasic (indicat de o pensulă).
  2. Faceți clic pe butonul Color Picker . Apoi, alegeți o culoare și o valoare transparentă pe care doriți.
  3. Puteți modifica în continuare aspectul general al antetului, inclusiv tipografia, suprapunerea de fundal, chenarul și separatorul. Simțiți-vă liber să experimentați.
  4. Apoi, accesați fila Avansat . Apoi, derulați la secțiunea Poziționare . Alegeți opțiunea Fix din meniul derulant Poziție .
elementar-transparent-header-21
  1. Reveniți la meniul widget făcând clic pe pictograma cu nouă pătrate. Căutați widgetul Spacer . Trageți și plasați-l chiar sub widgetul Meniu simplu .
elementar-transparent-header-22
  1. În secțiunea Spacer , ajustați valoarea Space pentru a se potrivi cu înălțimea antetului.
elementar-transparent-header-23
  1. Când sunteți mulțumit, faceți clic pe butonul Publicați pentru a aplica modificările.

Cum se creează un antet transparent pentru utilizatorii Woostify?

Dacă utilizați tema Woositfy, chiar și versiunea gratuită, puteți aplica rapid un antet frumos transparent pentru întregul dvs. site în câteva minute. Urmați instrucțiunile de mai jos pentru a cunoaște:

  1. Navigați la Aspect > Personalizare din tabloul de bord WordPress.
elementar-transparent-header-24
  1. Apoi, accesați Aspect > Antet transparent .
elementar-transparent-header-25
elementar-transparent-header-26
  1. Activați comutatorul Activare antet transparent .
elementar-transparent-header-27
  1. În noua filă General și Design , puteți personaliza noul antet transparent în funcție de nevoile dvs. De exemplu, îl puteți activa/dezactiva pe anumite pagini, cum ar fi 404, postări etc.,
elementar-transparent-header-28
elementar-transparent-header-29
  1. Nu uitați să faceți clic pe butonul Publicați când sunteți mulțumit de rezultat.

Cuvinte finale

Crearea unui antet transparent Elementor este o abordare elegantă pentru a ajuta utilizatorii să navigheze pe site-ul dvs.

Antetul pe care l-am creat este complet receptiv. Prin urmare, nu trebuie să vă faceți griji prea mult cu privire la această problemă. Pentru cei care folosesc Woostify, ar trebui să optați pentru a treia cale. Este, de asemenea, cel mai simplu și mai rapid mod atunci când doriți să creați un antet transparent frumos.