Elemente

Elementele ajută la structurarea și prezentarea eficientă a conținutului. Acestea variază de la componente bazate pe text precum titluri, liste și sublinieri de text la elemente interactive precum butoane și linkuri. Elementele vizuale precum imagini, iconițe, videoclipuri și animații pot fi adăugate pentru a îmbunătăți prezentarea și organizarea conținutului.

Pentru a adăuga sau modifica un element pe site:

  1. Navighează la pagina relevantă a site-ului și apasă pe Editare.

  2. Apasă pe secțiunea din pagină unde vrei să adaugi sau să modifici un element.

  3. Fă modificările necesare.

  4. Apasă pe Salvează.

Notă

Stilurile implicite pentru titluri, butoane, linkuri și textul paragrafelor, de exemplu, sunt definite în fila Temă a editorului de site.

Scrie / pentru a adăuga elemente pe site.

Titluri

Titlurile definesc anteturi și organizează conținutul site-ului pe diferite niveluri pentru claritate și structură. Pentru a insera un titlu, scrie /title, alege stilul de antet (Heading 1, Heading 2 sau Heading 3) și scrie textul.

Sfat

Alternativ, scrie textul, selectează-l și alege stilul potrivit din secțiunea Text în linie din fila Personalizează a editorului de site. Opțiuni suplimentare de formatare, precum fonturi și culori, sunt disponibile tot aici.

Butoane

Butoanele sunt elemente interactive care permit legarea către o altă pagină sau către o ancoră din pagină. Pentru a insera un buton:

  1. Scrie /button.

  2. Introdu eticheta butonului în câmpul Etichetă link.

  3. Adaugă URL sau Email. Scrie / pentru a căuta o pagină și # pentru a lega la o ancoră.

  4. Setează Stilul, Dimensiunea și Aranjarea pentru a defini aspectul butonului.

  5. Dacă este nevoie, comută butonul pentru a deschide pagina sau ancora legată într-un tab nou.

  6. Apasă Aplică pentru a salva modificările.

Sfat

Pentru a modifica un buton existent, apasă pe buton și editează opțiunile din secțiunea Text în linie a editorului de site.

Imagini

Pentru a insera o imagine:

  1. Scrie /image.

  2. Caută în baza de date Unsplash sau apasă Încarcă o imagine pentru a alege un fișier din imaginile locale.

  3. Faceți clic pe Adăugați.

  4. Pentru a personaliza imaginea, apasă pe imagine și editează opțiunile din secțiunea Imagine a editorului de site. De exemplu:

    • Înlocuiește imaginea.

    • Definește un alt tag în câmpul Descriere.

    • Introdu un tag de titlu în câmpul Tooltip. Acest text va apărea când vizitatorii trec cu mouse-ul peste imagine.

    • Adaugă o Formă; unele forme permit și personalizarea culorii.

    • Ajustează Lățimea imaginii, de exemplu pentru a îmbunătăți performanța. Poate fi sugerată o dimensiune mai mică dacă este suficientă pentru afișare.

    • Redimensionează imaginea folosind instrumentul Transformare.

    • Ajustează Spațierea pentru a adăuga spațiu (în pixeli) în jurul imaginii.

    • Etc.

Videos

Pentru a adăuga un videoclip, scrie /video, inserează URL-ul și activează opțiunile dorite:

  • Redare automată: pentru a reda automat videoclipul la accesarea paginii. Videoclipul este dezactivat sonor implicit.

  • Repetare: pentru a reda videoclipul în buclă.

  • Ascunde controalele playerului

  • Ascunde butonul de ecran complet

Pictograme

Pentru a insera o pictogramă, scrie /image, mergi la fila Pictograme, selectează o pictogramă și apasă Adaugă. Pentru a modifica o pictogramă, apasă pe ea și folosește secțiunea Pictogramă din editorul de site pentru a personaliza opțiuni precum Culoare, Dimensiune, Animații, Formă etc.

Liste

Listele ajută la organizarea clară a conținutului, făcând informațiile mai ușor de citit și îmbunătățind structura paginilor web. Scrie /list și alege dintre trei tipuri de liste: Liste cu puncte, Liste numerotate sau Liste de verificare.

Evidențieri de text

Evidențierile pot fi adăugate la titluri și text folosind secțiunea Text în linie din editorul de site. Pentru a adăuga o evidențiere:

  1. Selectează textul sau titlul pe care vrei să-l evidențiezi.

  2. În editorul de site, apasă pe Evidențiază.

  3. Selectează stilul de evidențiere.

  4. Modifică Culoarea.

  5. Alege Grosimea.

Evidențiază texte și titluri

Animații

Animațiile sunt folosite pentru a adăuga mișcare blocurilor de construcție și elementelor de pe site, precum imagini și text. Sunt disponibile trei tipuri de animații: La derulare, La apariție și La trecerea mouse-ului (doar pentru imagini).

Pentru a adăuga o animație unui element de pe site:

  1. Apasă pe element.

  2. În editorul de site, mergi la secțiunea relevantă pentru element (ex: Buton, Coloană, Text în linie etc.).

  3. În câmpul Animație, selectează tipul de animație dorit.

  4. Personalizează setările animației după nevoie. Opțiunile disponibile variază în funcție de tipul de animație selectat.

Animații la derulare

Pentru animațiile la derulare, este posibil să:

  • Alege Intrare pentru a adăuga animația când elementul intră pe ecran și Ieșire pentru a o adăuga când părăsește ecranul.

  • Selectează un Efect.

  • Alege Direcția efectului.

  • Adaptează Intensitatea efectului.

  • Definește Zona de derulare, unde prima valoare reprezintă procentajul ecranului afișat la începutul efectului, iar a doua valoare procentajul la final.

Animații la apariție

Pentru animațiile la apariție, este posibil să:

  • Alege dintre diferite efecte.

  • Alege Direcția efectului.

  • Selectează o opțiune Declanșator pentru a defini când are loc animația: fie Doar prima dată, fie De fiecare dată.

  • Adaptează Intensitatea efectului.

  • Dacă vrei ca animația să fie declanșată după un anumit număr de secunde, definește acest număr în câmpul Pornește după.

  • Alege o Durată pentru animație.

Animații la trecerea mouse-ului (doar pentru imagini)

Animațiile La trecerea mouse-ului pot fi adăugate la imagini. Poți alege Efectul animației, precum și Culoarea și Grosimea conturului.

Vedeți și

Editorul HTML Odoo