Începeți aici

Styling

Să începem cu stilizarea șablonului.

Culori

Șablonul Web3 X este construit folosind Color Swatches, ceea ce înseamnă că puteți edita cu ușurință o culoare pentru a fi actualizată la nivelul întregului site.

Pentru a face acest lucru, trebuie doar să mergeți la fila Stil din bara laterală din dreapta, apoi să derulați până la Culori în secțiunea Tipografie, iar dacă faceți clic pe culoare, veți putea vedea toate eșantioanele de culori și le puteți edita pentru a le actualiza la nivelul întregului site în orice culoare necesară.

Fonturi

Șablonul Web3 X utilizează un singur font pe toată lungimea site-ului, iar acesta este setat în selectorul Body (Toate paginile), ceea ce înseamnă că puteți actualiza cu ușurință fontul pe tot site-ul cu un singur clic.

Pe orice pagină, dați clic pe opțiunea de selectare portocalie din dreapta sus a filei Stil, apoi selectați Corp (Toate paginile). Odată ce ați făcut acest lucru, puteți merge la secțiunea Tipografie de mai jos și puteți schimba fontul cu orice font pentru brandul afacerii dumneavoastră.

În cazul în care aveți nevoie de un font personalizat sau premium care nu este disponibil în Webflow, puteți accesa oricând Setări proiect > Fonturi și veți putea încărca fonturi personalizate sau vă puteți conecta la contul Adobe Fonts.

Grafică și icoane

Unele pictograme sau grafice din șablon sunt imagini/grafice normale, astfel încât veți observa că, atunci când actualizați toate culorile, acestea vor avea în continuare culoarea șablonului.

Acest lucru se întâmplă deoarece aceste grafice sunt imagini (PNG, JPG, SVG etc.), astfel încât actualizarea CSS (stilizare) Webflow nu le va afecta. Dacă doriți să refolosiți aceste grafice, le puteți oricând descărca și edita folosind orice software de design (de exemplu, Photoshop, Illustrator, Sketch, Figma etc.) sau încărcați direct propriile imagini/grafice care se potrivesc cu marca dvs.

Pagini statice

Conținutul static este tot conținutul care nu este bazat pe CMS, ceea ce înseamnă că nu este dinamic (cum ar fi un articol de blog, de exemplu).

Puteți identifica cu ușurință tot acest conținut, deoarece este afișat în gri în navigatorul din bara laterală din stânga și prezintă o margine albastră atunci când faceți clic pe el sau treceți deasupra lui.

Dacă doriți să editați acest tip de conținut, puteți face dublu clic pe el și veți putea scrie direct acolo.

Conținut dinamic (CMS)

Conținutul dinamic este tot conținutul dinamic și va fi generat automat pe baza conținutului adăugat în secțiunea CMS din bara laterală din stânga (chiar sub pictograma Pagini).

Puteți identifica cu ușurință toate acestea deoarece sunt afișate ca fiind mov în navigatorul din bara laterală din stânga și prezintă o margine mov atunci când faceți clic pe ele sau le treceți pe deasupra.

Acest conținut trebuie actualizat direct în secțiunea CMS. Acest lucru este menit să vă faciliteze actualizarea, deoarece este foarte probabil să fie nevoie de o actualizare constantă (de exemplu, adăugarea unui nou articol pe blog).

De asemenea, dacă doriți să editați o pagină completă generată automat de CMS (de exemplu, o postare de blog), veți găsi această pagină disponibilă pentru editare în partea de jos a tuturor paginilor din secțiunea Pagini din bara laterală din stânga.

Produse (eCommerce)

Produsele sau conținutul eCommerce funcționează într-un mod similar cu conținutul dinamic al CMS, însă acesta se concentrează exclusiv pe produsele eCommerce.

Puteți identifica conținutul eCommerce într-un mod similar cu conținutul CMS, deoarece acesta este afișat de asemenea ca violet în navigatorul din bara laterală din stânga, precum și cu o margine violet atunci când faceți clic pe el sau îl treceți pe deasupra.

Acest conținut ar trebui actualizat direct în fila eCommerce din bara laterală din stânga. Acest lucru este menit să vă faciliteze actualizarea, deoarece este foarte probabil să fie nevoie să fie actualizat în mod constant (de exemplu, modificarea prețului unui produs sau adăugarea de stocuri suplimentare).

De asemenea, dacă doriți să editați pagina de comerț electronic a produsului autogenerat, veți găsi această pagină disponibilă pentru editare aproape în partea de jos a tuturor paginilor, chiar deasupra paginilor colecției CMS.

Note utile

În afară de explicațiile de bază pe care vi le-am prezentat mai sus, vă prezentăm câteva sfaturi și instrucțiuni care provin din cele mai frecvente întrebări pe care le primim.

Interacțiuni

Dacă doriți să modificați orice interacțiune a șablonului (de exemplu, să eliminați un efect de apariție), puteți identifica cu ușurință elementele care au interacțiuni, deoarece acestea au o mică pictogramă de interacțiuni (un tunet mic) în navigatorul din bara laterală din stânga.

Dacă faceți clic pe această pictogramă mică Interacțiuni, se va deschide fila Interacțiuni din bara laterală dreaptă pentru acest element, unde puteți edita interacțiunea.

Vizualizare pe mobil sau tabletă

De fiecare dată când faceți o modificare (de exemplu, când creați un nou design de secțiune), este o bună practică să mergeți la navigarea de sus a Viewportului și să vedeți cum arată pe tabletă și pe mobil.

Dacă editați doar o secțiune a șablonului cu text sau imagini actualizate și nu ștergeți nicio clasă a șablonului, acest lucru nu ar trebui să fie necesar; totuși, dacă personalizați șablonul mai profund, editați clase sau creați secțiuni noi, este întotdeauna bine să editați în mod constant vizualizările pentru mobil și tabletă pentru a vă asigura că totul arată perfect.

Editarea Meta Title, Desc și Featured Image

Dacă doriți să personalizați titlul, descrierea și imaginea care sunt afișate atunci când partajați site-ul dvs. în orice loc (de exemplu, Facebook, Twitter etc.), puteți merge cu ușurință la secțiunea Pagini din bara laterală din stânga, faceți clic pe pictograma Setări a paginii pe care doriți să o personalizați și vor apărea toate aceste setări.

Vă rugăm să rețineți că este important să schimbați acest lucru pe pagină.

Copii de rezervă

Dacă ceva nu merge bine, de exemplu, dacă nu vă place direcția în care se îndreaptă site-ul web, dacă ați șters unele clase esențiale care erau necesare pentru ca șablonul să arate bine sau dacă doriți pur și simplu să reveniți la o versiune anterioară din orice motiv, puteți merge oricând la secțiunea Copii de siguranță.

O puteți găsi în secțiunea Setări din bara laterală din stânga, iar apoi puteți vedea toate copiile de rezervă automate sau manuale. Restaurarea la vechea copie de rezervă este la doar un clic distanță.