Dacă setările de design nu îți ajung, poți adăuga pe site propriul cod CSS și HTML. În funcție de ce trebuie să facă acel cod, există patru locuri pentru el. Toate sunt disponibile în orice pachet.
Unde pui codul
- Foaie de stil proprie pentru tot site-ul: Setări → Zona de antet, secțiunea Foaie de stil CSS proprie, suplimentară. Regulile tale CSS se aplică tuturor paginilor, inclusiv versiunii mobile.
- Cod în zona head: Setări → Zona de antet, secțiunea Cod HTML propriu, suplimentar (între <head> și </head>). Aici e locul pentru etichetele
<style>și<link>, pentru meta-taguri suplimentare sau pentru fonturi web. - HTML la începutul sau la finalul fiecărei pagini: Setări → General, secțiunea La nivelul întregului site, câmpurile Începutul fiecărei pagini și La finalul fiecărei pagini. Potrivit pentru coduri de contor și fragmente similare care trebuie să apară pe fiecare pagină.
- Cod într-o singură pagină: în editorul de conținut, prin Adaugă un bloc → Special → HTML încorporat, de exemplu pentru o hartă, un widget sau codul de încorporare al unui videoclip. În plus, butonul Editor HTML din bara de instrumente îți permite să editezi direct codul HTML al conținutului paginii.
Adaugă o foaie de stil proprie
- Scrie regulile CSS într-un editor de text și salvează fișierul cu extensia
.css. - Încarcă fișierul la Fișiere → Încarcă fișiere (vezi Încărcarea fișierelor). Fișierele CSS își au locul în dosarul pentru fișiere de cod; Selectare automată a dosarului le pune acolo.
- Deschide Setări → Zona de antet și alege fișierul la Foaie de stil CSS proprie, suplimentară, în câmpul URL (către fișierul .css):.
- Dă clic pe Salvează și reîncarcă site-ul.
Dacă ai nevoie doar de câteva reguli, le poți pune în schimb în câmpul Cod HTML de la Cod HTML propriu, suplimentar (între <head> și </head>), într-o etichetă <style>...</style>.
Încorporează cod într-o pagină
- Deschide pagina la Pagini → Gestionează paginile → Editează conținutul paginii.
- Dă clic pe Adaugă un bloc (sau pe Adaugă un element după la un element existent), deschide fila Special și alege HTML încorporat.
- Lipește codul și salvează pagina.
Bine de știut
- Modificările tale sunt active imediat; nu există o versiune de test separată a site-ului.
- CSS-ul propriu se aplică și versiunii mobile. Evită lățimile fixe și folosește
max-width: 100%, ca elementele tale să încapă pe ecranele mici (vezi Site-uri adaptate pentru mobil). - Fișierele HTML complete (
.htm,.html) pot fi încărcate doar cu pachetul Premium. Pentru noțiunile de bază despre HTML, vezi Ce este HTML?.