Ha a dizájnbeállítások nem elegendők, saját CSS- és HTML-kódot is hozzáadhat a weboldalához. Attól függően, hogy mire szolgál a kód, négy helyre teheti. Mind a négy minden csomagban elérhető.
Hová kerül a kód?
- Saját stíluslap az egész weboldalhoz: Beállítások > Fejlécterület, Saját, kiegészítő CSS-stíluslap rész. A CSS-szabályai minden oldalra és a mobilnézetre is vonatkoznak.
- Kód a head részben: Beállítások > Fejlécterület, Saját, kiegészítő HTML-kód (a <head> és a </head> között) rész. Ide kerülnek a
<style>és<link>címkék, a további meta címkék vagy a webes betűtípusok. - HTML minden oldal elején vagy végén: Beállítások > Általános, Az egész weboldalon rész, Minden oldal eleje és Minden oldal vége mező. Számlálókódokhoz és hasonló kódrészletekhez való, amelyeknek minden oldalon meg kell jelenniük.
- Kód egyetlen oldalon belül: a tartalomszerkesztőben a Blokk hozzáadása > Különleges > Beágyazott HTML útvonalon, például térképhez, widgethez vagy egy videó beágyazási kódjához. Az eszköztár HTML-szerkesztő gombjával ezenkívül közvetlenül is szerkesztheti az oldaltartalom HTML-kódját.
Saját stíluslap hozzáadása
- Írja meg a CSS-szabályokat egy szövegszerkesztőben, és mentse a fájlt
.csskiterjesztéssel. - Töltse fel a fájlt a Fájlok > Fájlok feltöltése menüpontban (lásd: Fájlok feltöltése). A CSS-fájlok a kódfájlok mappájába tartoznak; az Automatikus mappakiválasztás oda helyezi őket.
- Nyissa meg a Beállítások > Fejlécterület menüpontot, és a Saját, kiegészítő CSS-stíluslap részben válassza ki a fájlt az URL (a CSS-fájlhoz): mezőben.
- Kattintson a Mentés gombra, és töltse újra a weboldalát.
Ha csak néhány szabályra van szüksége, ezeket a Saját, kiegészítő HTML-kód (a <head> és a </head> között) részben a HTML-kód mezőbe is beírhatja, egy <style>...</style> címkén belül.
Kód beágyazása egy oldalba
- Nyissa meg az oldalt az Oldalak > Oldalak kezelése > Oldaltartalom szerkesztése menüpontban.
- Kattintson a Blokk hozzáadása gombra (vagy egy meglévő elemnél az Elem beszúrása utána gombra), nyissa meg a Különleges lapot, és válassza a Beágyazott HTML lehetőséget.
- Illessze be a kódot, és mentse az oldalt.
Jó tudni
- A módosítások azonnal élesek; a weboldalnak nincs külön tesztváltozata.
- A saját CSS a mobilnézetre is vonatkozik. Kerülje a rögzített szélességeket, és használja a
max-width: 100%beállítást, hogy az elemek a kis képernyőkön is elférjenek (lásd: Mobilbarát weboldalak). - Teljes HTML-fájlokat (
.htm,.html) csak a Premium csomaggal tölthet fel. A HTML alapjairól lásd: Mi az a HTML?.