Ako vam postavke dizajna nisu dovoljne, na svoju web-stranicu možete dodati vlastiti CSS i HTML. Ovisno o tome što kod treba raditi, za njega postoje četiri mjesta. Sva su dostupna u svakom paketu.
Gdje se nalazi vaš kod
- Vlastiti stilski list za cijelu web-stranicu: Postavke → Područje zaglavlja, odjeljak Vlastiti, dodatni CSS stilski list. Vaša CSS pravila vrijede za sve stranice, a i za mobilni raspored.
- Kod u području head: Postavke → Područje zaglavlja, odjeljak Vlastiti, dodatni HTML kod (između <head> i </head>). Ovo je mjesto za oznake
<style>i<link>, dodatne meta oznake ili web-fontove. - HTML na početku ili kraju svake stranice: Postavke → Općenito, odjeljak Cijela web-stranica, polja Početak svake stranice i Kraj svake stranice. Prikladno za kodove brojača i slične isječke koji se moraju pojaviti na svakoj stranici.
- Kod unutar jedne stranice: u uređivaču sadržaja putem Dodaj blok → Posebno → Ugrađeni HTML, primjerice za kartu, widget ili kod za ugradnju videozapisa. HTML uređivač na alatnoj traci dodatno vam omogućuje izravno uređivanje HTML-a sadržaja stranice.
Dodajte vlastiti stilski list
- Napišite CSS pravila u uređivaču teksta i spremite datoteku s nastavkom
.css. - Prenesite datoteku putem Datoteke → Prenesi datoteke (pogledajte Prijenos datoteka). CSS datoteke pripadaju u mapu za datoteke s kodom; Automatski odabir mape sprema ih ondje.
- Otvorite Postavke → Područje zaglavlja i pod Vlastiti, dodatni CSS stilski list u polju URL (do .css datoteke): odaberite datoteku.
- Kliknite Spremi i ponovno učitajte svoju web-stranicu.
Ako vam treba samo nekoliko pravila, možete ih umjesto toga upisati u polje HTML kod pod Vlastiti, dodatni HTML kod (između <head> i </head>) unutar oznake <style>...</style>.
Ugradite kod na stranicu
- Otvorite stranicu putem Stranice → Upravljanje stranicama → Uredi sadržaj stranice.
- Kliknite Dodaj blok (ili Dodaj element iza na postojećem elementu), otvorite karticu Posebno i odaberite Ugrađeni HTML.
- Zalijepite kod i spremite stranicu.
Dobro je znati
- Vaše su promjene odmah vidljive; ne postoji zasebna probna verzija vaše web-stranice.
- Vlastiti CSS vrijedi i za mobilni raspored. Izbjegavajte fiksne širine i koristite
max-width: 100%kako bi vaši elementi stali na male zaslone (pogledajte Web-stranice prilagođene mobilnim uređajima). - Cjelovite HTML datoteke (
.htm,.html) mogu se prenijeti samo s paketom Premium. Osnove HTML-a objašnjava članak Što je HTML?.