Bannerul îngust de deasupra header-ului este afișat pe toate paginile site-ului și ajută la atragerea unei atenții suplimentare asupra promoțiilor, vânzărilor și altor informații importante.
Exemple de bannere deasupra header-ului
Cum să adăugați un banner deasupra header-ului
Mergeți la secțiunea Website → Bannere și faceți clic pe butonul Adăugați.
În câmpul Pagina, selectați Toate paginile.
Personalizați conținutul bannerului, apoi selectați Salvează.
Caracteristici ale unor setări
Imagine — o imagine pentru fundal, plasată în centrul bannerului, decupată pe ecrane înguste.
Text — text pe banner, suportă HTML și CSS.
Înălțime — înălțimea bannerului: 30, 40 sau 50 de pixeli. În versiunea mobilă, înălțimea este mărită automat dacă textul de pe banner nu încape pe un rând — pentru aceasta, trebuie să încărcați o imagine de fundal cu o marjă de înălțime.
Afișați bannerul pe versiunea site-ului web — afișați bannerul numai pe versiunea desktop, numai pe versiunea mobilă sau peste tot. Utilizați această setare pentru a crea două bannere diferite pentru fiecare versiune a site-ului dvs.
Afișați butonul de închidere — dacă este activat, vizitatorul site-ului va putea ascunde bannerul, după care acesta nu va mai apărea.
Banner în versiunea mobilă
În versiunea mobilă, bannerul este afișat sub header: acesta rămâne vizibil, iar header-ul nu se deplasează de la locul său obișnuit pe ecran. Acest lucru este important pentru utilizarea confortabilă a site-ului.
Atunci când proiectați un banner, asigurați-vă că acesta este clar și lizibil pe versiunea mobilă. Vă recomandăm mai multe opțiuni pentru rezolvarea acestei probleme.
1. Setați conținutul bannerului la text. La versiunea mobilă, textul nu va fi tăiat, ci mutat pe o linie nouă. În acest caz, bannerul poate crește în înălțime dacă imaginea de fundal este încărcată cu o marjă.
2. Proiectați aspectul astfel încât conținutul important să se încadreze în lățimea ecranului smartphone-ului. Imaginea va fi decupată pe ambele părți, dar conținutul va rămâne lizibil.
3. Creați un banner separat pentru versiunea mobilă. În setările acestui banner, specificați că acesta ar trebui să fie afișat numai pe versiunea mobilă, iar bannerul original ar trebui să fie afișat numai pe desktop (setarea Display banner on site version).
Ordinea în care sunt afișate bannerele
Un singur banner poate fi afișat deasupra antetului - cel care este localizat cel mai sus în secțiunea Website → Bannere din panoul de administrare.
Cu toate acestea, dacă butonul de închidere este activat pentru primul banner prioritar, atunci, după ce acest banner este ascuns, vizitatorul site-ului îl va vedea pe următorul (după reîncărcarea paginii sau trecerea la o altă pagină).
Citiți și