Temă generală¶
Odoo oferă diverse opțiuni pentru a modela tema site-ului tău, inclusiv culori, fonturi și aranjament.
Când configurezi site-ul pentru prima dată, ți se cere să selectezi o temă. Plasează mouse-ul peste teme pentru a vedea o previzualizare extinsă a fiecăreia. Apasă pe o temă pentru a o selecta.
Notă
Dacă ieși fără să selectezi o temă, site-ul tău va fi creat folosind tema implicită.
Poți schimba tema ulterior dacă este nevoie.
În constructorul de site-uri, fila Temă oferă diverse opțiuni pentru a personaliza tema generală a site-ului tău. Pentru a accesa, apasă Editează și mergi la fila Temă.
După ce ai făcut modificările dorite, apasă pe Salvează pentru a le confirma și aplica pe site.
Temă¶
În secțiunea Website, apasă pe Schimbă tema pentru a deschide selectorul de teme. Plasează mouse-ul peste teme pentru a vedea o previzualizare extinsă a fiecăreia. Apasă pe o temă pentru a o aplica pe site.
Culori¶
Editorul de site Odoo include două tipuri principale de culori: culori de temă și culori de stare.
Culorile temei¶
Culorile de temă se referă la setul de culori afișat pe toate paginile site-ului tău. Acestea sunt formate din cinci culori: trei culori principale și două culori deschise și închise.
Pentru a edita culorile site-ului tău, mergi la secțiunea Culori din editorul de site, apoi:
Apasă pe bulina de culoare pe care vrei să o schimbi, apoi selectează o culoare Solidă sau apasă pe Personalizat pentru a alege manual o nuanță de culoare (sau adaugă codul #HEX sau RGBA).
Apasă pe pictograma paletei de culori și alege o paletă de culori. Ca rezultat, toate personalizările de culoare sunt resetate; apasă pe o bulină de culoare pentru a schimba o culoare specifică.
Odoo creează automat Presetări de culoare pentru paleta aleasă. Acestea sunt combinații de culori predefinite aplicate diferitelor elemente ale site-ului pentru a oferi un design structurat și atractiv vizual. Când selectezi o paletă de culori, presetările definesc cum sunt distribuite acele culori pe diferite elemente dintr-un bloc de construcție, precum butoane, fundaluri și text. Dacă vrei să le modifici, apasă pe Presetări de culoare și apoi pe o presetare pentru a o personaliza suplimentar. Fiecare presetare de culoare conține culori pentru fundalul blocului, text, titluri, linkuri, butoane principale și butoane secundare.
Pentru a aplica o presetare de culoare unui bloc de pe site, selectează blocul, mergi la fila Personalizează, apasă pe bulina de culoare de lângă Fundal și alege o Temă.
Notă
Schimbarea unei presetări de culoare actualizează automat culorile atât ale presetării implicite, cât și ale blocurilor de construcție în care este utilizată presetarea.
Culori de stare¶
Culorile de stare sunt folosite pentru a indica starea anumitor acțiuni (ex: Succes, Avertizare etc.). Sunt folosite în mesajele pop-up care oferă feedback utilizatorilor și vizitatorilor site-ului. Pentru a personaliza Culorile de stare ale site-ului, derulează la secțiunea Avansat și apasă pe buline pentru a schimba culoarea.
Example
Structură pagină¶
Opțiunea Structură pagină din secțiunea Website îți permite să schimbi afișarea generală și spațierea blocurilor de construcție și a elementelor de pe pagini. Apasă pe meniul derulant și selectează structura dorită. La Structură pagină, personalizează Fundalul alegând o Imagine, folosind o imagine selectată într-un Model sau lăsând fundalul gol.
Fonturi¶
Odoo îți permite să personalizezi familia de fonturi și dimensiunea pentru elemente specifice de pe site, inclusiv paragrafe, titluri, butoane și câmpuri de introducere.
Familie font: În secțiunile Paragraf, Titluri și Buton, selectează un font din meniul derulant.
Dimensiune font: În secțiunile Paragraf, Titluri, Buton și Câmpuri de introducere, folosește câmpul Dimensiune font pentru a seta o dimensiune implicită. Apasă pe pictograma (săgeată) pentru a extinde secțiunea și a defini dimensiuni personalizate (ex: în funcție de nivelul titlului, dimensiunea butonului etc.).
În plus, fiecare secțiune specifică elementului oferă opțiuni suplimentare de stilizare, precum Înălțime rând și Margini, pentru personalizare suplimentară.
Fonturi personalizate¶
Este posibil să folosești fonturi pe site care nu sunt oferite implicit de Odoo. Pentru a adăuga un font personalizat, apasă pe meniul derulant asociat câmpului Familie font și selectează Adaugă un font personalizat la finalul meniului. În fereastra pop-up:
Pentru a adăuga un font Google, apasă pe Selectează un font Google și alege fontul dorit din listă. Dezactivează Servește fontul de pe serverele Google dacă site-ul tău operează dintr-o locație unde reglementările impun respectarea unor legi precum, dar fără a se limita la, GDPR-ul Uniunii Europene. Astfel, fontul Google va fi stocat pe serverul site-ului tău, nu pe cel al Google.
Pentru a încărca un font personalizat de pe calculator, apasă pe Alege fișier.
După ce ai terminat, apasă pe Salvează și reîncarcă.
Stiluri butoane¶
Pentru a personaliza stilul butoanelor principale și secundare de pe site, mergi la secțiunea Buton din editorul de site și editează opțiunile relevante:
Apasă pe săgeata de lângă câmpurile Stil principal sau Stil secundar și selectează unul dintre stilurile disponibile pentru fiecare tip de buton: Plin, Contur sau Plat. Dacă alegi Contur, opțiunea Lățime contur va apărea dedesubt, permițând ajustarea grosimii conturului butonului.
Ajustează Spațierea pentru a schimba dimensiunea spațiului (în pixeli) din jurul etichetelor butoanelor.
Personalizează raza colțurilor butoanelor folosind opțiunea Colțuri rotunjite.
Adaugă o animație la apăsarea butonului din meniul derulant Efect la click.
Sfat
Poți defini dimensiuni personalizate Mic și Mare pentru Spațiere, Dimensiune font și Colțuri rotunjite ale butoanelor: apasă pe pictograma (săgeată) și folosește câmpurile aferente.
Stil link¶
În secțiunea Link, apasă pe Stil link pentru a alege aspectul linkurilor de pe site. Selectează Fără subliniere, Subliniază la trecere cu mouse-ul sau Subliniază mereu din meniul derulant.