Începeți aici

Styling

Să începem cu stilizarea șablonului.

Culori

Șablonul Dataplus X este construit folosind Color Swatches, ceea ce înseamnă că puteți edita cu ușurință un swatch de culori 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ă defilați la secțiunea Culori în Tipografie, iar dacă faceți clic pe culoare, veți putea vedea toate mostre de culori și să le editați pentru a fi actualizate la nivelul întregului site la orice culoare necesară.

Fonturi

Șablonul Dataplus X utilizează un singur font lateral și este configurat în selectorul Corp (Toate paginile), ceea ce înseamnă că puteți actualiza cu ușurință fontul pe tot site-ul cu un singur clic.

Pe orice pagină, faceți clic pe opțiunea selectorului portocaliu 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 dvs. de afaceri.

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

Grafică & Icoane

Unele pictograme sau elemente 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ă reutilizați aceste grafice, le puteți descărca și edita utilizând orice software de design (de exemplu, Photoshop, Illustrator, Sketch, Figma etc.) sau puteți încărca direct propriile imagini/grafice care corespund brandului dvs.

Pagini statice

Conținutul static este tot conținutul care nu este bazat pe CMS, ceea ce înseamnă că nu este dinamic (ca o postare pe 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 sau treceți pe el.

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

Conținut dinamic (CMS)

Conținut dinamic este tot conținutul care este 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 este afișat în violet în Navigatorul din bara laterală din stânga și prezintă o margine violet atunci când faceți clic pe el sau îl treceți pe verticală.

Acest conținut ar trebui să fie actualizat direct în secțiunea CMS. Acest lucru este menit să vă faciliteze actualizarea, deoarece este foarte probabil ca acesta să trebuiască să fie actualizat în mod constant (de exemplu, adăugarea unei noi postări pe blog).

De asemenea, dacă doriți să editați o pagină CMS completă generată automat (de exemplu, o postare pe 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 asupra produselor eCommerce.

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

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

De asemenea, dacă doriți să editați pagina eCommerce 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ția de bază pe care am prezentat-o mai sus, vă prezentăm câteva sfaturi și modalități de utilizare care provin din cele mai frecvente întrebări pe care le primim.

Interacțiuni

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

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

Vizualizare pe mobil sau tabletă

De fiecare dată când faceți o schimbare (de exemplu, creați un nou design de secțiune), este o practică bună să mergeți la fereastra de navigare superioară ș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. Cu toate acestea, 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 mobile și de 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 mică Setări a paginii pe care doriți să o personalizați și toate aceste setări vor apărea.

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

Backup-uri

Dacă ceva nu merge bine, de exemplu, dacă nu vă place încotro se îndreaptă site-ul, dacă ați șters unele clase critice care erau necesare pentru a face șablonul să arate bine sau dacă doriți să mergeți la o versiune anterioară din orice motiv, puteți merge oricând la secțiunea Copii de rezervă.

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