Pokud vám nastavení designu nestačí, můžete na svůj web přidat vlastní CSS a HTML. Podle toho, co má kód dělat, máte k dispozici čtyři místa. Všechna jsou dostupná v každém balíčku.
Kam patří váš kód
- Vlastní soubor stylů pro celý web: Nastavení → Oblast záhlaví, sekce Vlastní doplňkový soubor stylů CSS. Vaše pravidla CSS platí pro všechny stránky i pro mobilní rozvržení.
- Kód v oblasti head: Nastavení → Oblast záhlaví, sekce Vlastní doplňkový kód HTML (mezi <head> a </head>). Sem patří značky
<style>a<link>, další metaznačky nebo webová písma. - HTML na začátku nebo na konci každé stránky: Nastavení → Obecné, sekce Na celém webu, pole Začátek každé stránky a Konec každé stránky. Hodí se pro kódy počítadel a podobné úryvky, které se musí zobrazit na každé stránce.
- Kód uvnitř jedné stránky: v editoru obsahu přes Přidat blok → Speciální → Vložené HTML, například pro mapu, widget nebo kód pro vložení videa. Editor HTML na panelu nástrojů vám navíc umožní upravovat HTML obsahu stránky přímo.
Přidání vlastního souboru stylů
- Napište pravidla CSS v textovém editoru a uložte soubor s příponou
.css. - Nahrajte soubor v sekci Soubory → Nahrát soubory (viz Nahrávání souborů). Soubory CSS patří do složky pro soubory s kódem; volba Automatický výběr složky je tam uloží sama.
- Otevřete Nastavení → Oblast záhlaví a v sekci Vlastní doplňkový soubor stylů CSS vyberte soubor v poli URL (k souboru .css):.
- Klikněte na Uložit a znovu načtěte svůj web.
Pokud potřebujete jen několik pravidel, můžete je místo toho vložit do pole Kód HTML v sekci Vlastní doplňkový kód HTML (mezi <head> a </head>), a to do značky <style>...</style>.
Vložení kódu na stránku
- Otevřete stránku přes Stránky → Správa stránek → Upravit obsah stránky.
- Klikněte na Přidat blok (nebo u existujícího prvku na Přidat prvek za), otevřete kartu Speciální a vyberte Vložené HTML.
- Vložte kód a stránku uložte.
Dobré vědět
- Změny se projeví okamžitě; samostatná testovací verze webu neexistuje.
- Vlastní CSS platí i pro mobilní rozvržení. Vyhněte se pevným šířkám a používejte
max-width: 100%, aby se vaše prvky vešly i na malé obrazovky (viz Weby optimalizované pro mobilní zařízení). - Celé soubory HTML (
.htm,.html) lze nahrávat pouze s balíčkem Premium. Základy HTML najdete v článku Co je HTML?.