Cum personalizezi aspectul blocurilor: culori, fundal și spațiere

Cum alegi culorile unei secțiuni?

În setările de culoare poți controla separat fundalul, textul și culoarea de accent, folosită de linkuri, pictograme sau elemente decorative.

• Implicit: blocul rămâne pe fundalul obișnuit al paginii.
• Închis: folosește culoarea închisă din paleta site-ului pentru fundal, iar textul se adaptează pentru contrast.
• Culoarea paginii, de accent sau estompată: creează o bandă colorată din paleta mărcii. Dacă schimbi ulterior paleta, blocul poate prelua automat noile nuanțe.
• Culoare personalizată: alegi o nuanță exactă, atunci când identitatea vizuală o cere.

În mod obișnuit, lasă editorul să aleagă culoarea textului potrivită pentru fundal. Setează manual textul și accentul doar dacă ai nevoie de o combinație precisă, apoi verifică lizibilitatea pe mobil.

Când alegi un accent propriu, elementele umplute cu acea culoare — de exemplu un buton de trimitere ori o etichetă de plan — pot primi automat o culoare de text contrastantă.

Fotografie de fundal și strat pentru lizibilitate

Poți adăuga o fotografie în spatele blocului. O astfel de imagine ar trebui să susțină atmosfera secțiunii, nu să conțină informații esențiale care lipsesc din text.

Setarea de suprapunere te ajută să păstrezi textul ușor de citit:

• Deschisă: culoarea de fundal a blocului se suprapune peste fotografie, păstrând schema de culori a textului.
• Închisă: adaugă un strat întunecat și text deschis la culoare.
• Fără suprapunere: arată fotografia ca atare. Folosește această variantă numai când contrastul textului este bun în toate zonele.

Alege imagini mai puțin aglomerate, precum un peisaj sau o textură. Poți ajusta încadrarea pentru a păstra partea importantă vizibilă. Fotografiile de fundal strict decorative nu au nevoie de text ALT.

Marginea de jos: dreaptă, ondulată sau arcuită

O bandă cu fundal poate avea o margine inferioară dreaptă, ondulată sau arcuită. În ultimele două variante, tranziția către secțiunea următoare devine mai fluidă. Sub margine se vede fundalul real al blocului următor.

• Forma se observă când blocul are un fundal colorat sau o fotografie.
• În cazul unei margini ondulate ori arcuite, aceasta înlocuiește spațierea obișnuită de sub bloc.
• Ultimul bloc al paginii rămâne cu margine dreaptă.
• Pentru un aspect echilibrat, folosește cel mult câteva astfel de tranziții și păstrează aceeași formă pe pagină.

De exemplu, un bloc cu fundal închis și margine ondulată poate trece într-o secțiune deschisă fără o linie de separare rigidă.

Lățime și spațiere

În funcție de rolul secțiunii, poți ajusta mai multe dimensiuni:

• Lățimea conținutului: o coloană ușor de citit pentru text lung, o variantă mai lată pentru grile sau lățime completă pentru compoziții speciale.
• Extinderea fundalului: doar în zona conținutului, până la marginile ecranului sau de la o margine la alta inclusiv pentru conținut.
• Spațiul de sub bloc: fără spațiu, restrâns, implicit sau generos.
• Spațiul interior al benzii: distanța dintre conținut și marginile unei secțiuni colorate.
• Margini interioare pe fiecare latură: sus, dreapta, jos și stânga, când ai nevoie de ajustări precise.

Începe cu valorile implicite, apoi modifică doar unde ai un motiv: de exemplu, când două blocuri ar trebui să fie mai apropiate sau când o galerie are nevoie de mai mult loc.

Cum controlezi vizibilitatea pe dispozitive?

Din setările avansate ale blocului poți alege:

• Toate dispozitivele: secțiunea apare peste tot.
• Doar pe mobil: nu este afișată pe tabletă și desktop.
• Doar pe desktop: nu apare în varianta mobilă.
• Ascuns: vizitatorii nu îl văd, dar blocul rămâne în editor, pentru utilizare ulterioară.

De exemplu, poți afișa pe desktop o secțiune cu imagine mare, iar pe telefon una mai compactă. Verifică în previzualizare să nu ascunzi informații sau butoane necesare vizitatorilor.

Programarea automată a unui bloc

Poți stabili ca o secțiune să fie vizibilă numai într-o perioadă:

• Interval de date: blocul apare între două momente definite. Este util pentru o ofertă temporară, un eveniment sau un program special de sărbători.
• Ore ale zilei: blocul poate apărea zilnic doar între anumite ore, calculate după ora locală a vizitatorului, inclusiv pentru intervale care trec peste miezul nopții.

După expirarea intervalului, secțiunea nu mai apare pentru vizitatori. Poți elimina programarea dacă vrei să revii la afișarea obișnuită.

Ancora: trimite vizitatorul direct la o secțiune

Fiecare bloc poate avea un identificator de ancoră, de exemplu contact sau preturi. Când un buton ori un link folosește #contact, pagina derulează direct până la blocul respectiv.

Folosește litere mici fără diacritice, cifre, cratime sau underscore. Identificatorul nu trebuie să înceapă cu o cifră și trebuie să fie unic în pagină.

Acest lucru este util pentru pagini lungi, cu mai multe secțiuni, cum ar fi o pagină de servicii care are formularul de contact la final.