Setați culorile, fonturile și așezarea

Folosiți fila Designul site-ului pentru a seta o dată culorile, caracterele, dimensiunile textului și rotunjirea colțurilor magazinului, pentru toate paginile deodată.

Designul site-ului conține setările care fac întregul magazin să arate ca o singură marcă: culorile, caracterele, dimensiunile textului și rotunjirea colțurilor. Le setați o dată, iar fiecare pagină le urmează. Blocurile individuale pot în continuare să înlocuiască aceste setări, atunci când doriți.

Deschiderea designului site-ului

  1. Deschideți editorul. Consultați Editorul pe scurt.
  2. În panoul de setări din dreapta, faceți clic pe fila Designul site-ului.
  3. Faceți clic pe un titlu pentru a-l deschide: Identitate, Culori, Tipografie sau Așezare.

Modificările apar imediat pe pagină și sunt salvate automat. Magazinul dumneavoastră live se modifică atunci când îl publicați.

Culori

Deschideți Culori pentru a vedea cele șapte culori din care este construită fiecare pagină.

Grupul Culori din Designul site-ului, cu culorile Accent, Text pe accent, Fundalul paginii, Suprafață, Text, Text secundar și Chenare, și un mesaj care arată că fiecare pereche de culori este ușor de citit
  • Accent: culoarea principală a magazinului. Butoanele și linkurile o folosesc.
  • Text pe accent: culoarea cuvintelor de deasupra accentului, cum ar fi eticheta unui buton.
  • Fundalul paginii: culoarea din spatele paginilor dumneavoastră.
  • Suprafață: culoarea cardurilor și a panourilor, cum ar fi cardurile de produs și casetele de formular.
  • Text: culoarea titlurilor și a celorlalte texte principale.
  • Text secundar: culoarea mai discretă folosită pentru paragrafele de text, descrieri și textul cu caractere mici.
  • Chenare: culoarea liniilor subțiri și a contururilor.

Alegerea unei culori

  1. Faceți clic pe o casetă de culoare.
  2. În selectorul care se deschide, faceți oricare dintre acestea:
    • Faceți clic sau trageți în pătratul mare pentru a stabili cât de luminoasă și cât de intensă este culoarea, apoi trageți banda de sub el pentru a schimba culoarea propriu-zisă.
    • Scrieți sau lipiți un cod hexazecimal, cum ar fi #2B2622, în casetă.
    • Faceți clic pe o mostră de sub Culorile temei pentru a reutiliza o culoare pe care o aveți deja, sau pe una de sub Recente pentru o culoare aleasă recent.
    Selectorul de culori deschis sub Accent, cu un pătrat de culoare, o bandă de nuanțe, o casetă cu codul hexazecimal, culorile temei și o culoare recentă
  3. Faceți clic oriunde în afara selectorului sau apăsați Esc pentru a-l închide.

Verificarea lizibilității textului

Sub cele șapte culori, Payly verifică dacă fiecare culoare de text se citește ușor pe culoarea din spatele ei. Dacă totul este în ordine, vedeți Fiecare pereche de culori este ușor de citit. Dacă o pereche este prea slabă, lista o numește, afișează raportul ei de contrast și cât de mult îi lipsește, și vă oferă un buton Remediați care ajustează culoarea textului în locul dumneavoastră.

Un avertisment de contrast care listează Text secundar pe pagină și Text secundar pe carduri, fiecare cu raportul său și un buton Remediați

Payly nu vă împiedică să alegeți o pereche cu contrast scăzut, dar textul gri deschis pe un fundal luminos este greu de citit, mai ales pe telefon, în lumina soarelui.

Tipografie

Deschideți Tipografie pentru a alege fonturile și dimensiunile textului.

Grupul Tipografie cu Fontul textului, Dimensiunea de bază a fontului, Înălțimea rândului din text, Fontul titlurilor, Dimensiunea titlurilor, Grosimea titlurilor și Spațiul dintre litere la titluri
  • Fontul textului: fontul pentru paragrafe, meniuri și butoane.
  • Dimensiunea de bază a fontului: dimensiunea textului obișnuit.
  • Înălțimea rândului din text: spațiul dintre rândurile de text. Un număr mai mare oferă mai mult spațiu.
  • Fontul titlurilor: fontul pentru titluri. Alegeți Folosiți fontul site-ului pentru a folosi și pentru titluri fontul textului.
  • Dimensiunea titlurilor: mărește sau micșorează toate titlurile, în procente.
  • Grosimea titlurilor: cât de îngroșate sunt titlurile.
  • Spațiul dintre litere la titluri: strânge sau lărgește spațiul dintre literele titlurilor.

Alegerea unui caracter tipografic

  1. Faceți clic pe caseta Fontul textului sau Fontul titlurilor.
  2. Derulați lista, care afișează fiecare nume cu fontul lui. Grupul Recomandate din partea de sus conține fonturi potrivite pentru majoritatea magazinelor.
    Lista de caractere tipografice cu o casetă de căutare și grupul Recomandate: Inter, DM Sans, Work Sans, Manrope și altele
  3. Pentru a găsi un font după nume, scrieți în Căutați fonturi….
  4. Faceți clic pe un font pentru a-l folosi.

Lista acoperă întreaga bibliotecă Google Fonts. Fonturile pe care le folosiți sunt incluse în magazinul dumneavoastră atunci când publicați. Dacă un font lipsește din listă, scrieți numele exact din Google Fonts în caseta de căutare și alegeți-l sub Folosiți oricum.

Așezare

Deschideți Așezare pentru două setări:

  • Raza colțurilor stabilește cât de rotunjite sunt colțurile butoanelor, cardurilor și imaginilor. Glisați la 0 pentru colțuri ascuțite și spre dreapta pentru colțuri moi. Blocurile a căror rază proprie a colțurilor este Automată urmează această setare.
  • Direcția textului este De la stânga la dreapta pentru majoritatea limbilor. De la dreapta la stânga inversează întreaga așezare pentru araba, ebraica, persana și urdu.

Identitate

Deschideți Identitate pentru a seta Pictograma browserului, imaginea mică afișată pe fila browserului. Folosiți un semn simplu, nu întregul logo, deoarece este afișat la aproximativ 16 pixeli. Faceți clic pe Încărcați imaginea sau pe Răsfoiți încărcările, așa cum este descris în Adăugați imagini și folosiți biblioteca media. Dacă lăsați câmpul gol, se folosește logo-ul dumneavoastră.

Logo-ul dumneavoastră nu se află aici. Se află în antet, unde apare. Consultați Personalizați antetul și subsolul.

Modificarea unui singur bloc

Fiecare bloc de text, titlu și buton poate înlocui fontul, dimensiunea și culorile site-ului. Selectați blocul și deschideți grupul său Tipografie sau Aspect. Consultați Editați textul, titlurile și butoanele.

Sfat: Dacă doriți un aspect complet diferit, puteți începe din nou de la unul dintre designurile gata făcute. Consultați Treceți la un alt design de site.

Articole conexe

Last updated 2026-10-16