Kategorie

Vlastní CSS styly v inPage

inPage umožňuje pohodlně upravovat vzhled šablon přímo v administraci. Pro pokročilejší zásahy je k dispozici možnost použít vlastní CSS styly. Díky nim můžete měnit typografii (velikost, barvu a řez písma), odsazení, rozvržení prvků, barvy pozadí, chování tlačítek, vzhled formulářů, fotogalerií a mnoho dalšího – od drobných úprav až po výraznější redesign.

Tato možnost je určená primárně pro zkušenější uživatele. Pokud nemáte zkušenosti s HTML a CSS, vlastní styly nedoporučujeme používat, protože nesprávný zápis může ovlivnit zobrazení webu.

Kde vlastní CSS najdete

Po přihlášení do administrace přejděte do sekce Vzhled → Vlastní styly CSS. Zde můžete vložit vlastní pravidla a pomocí nastavení určit, jakým způsobem se mají vůči šabloně chovat.

Dva způsoby použití vlastních stylů

1) Rychlé a jednoduché úpravy (doporučený start)

Pokud chcete upravit jen několik věcí (např. barvu nadpisů, velikost písma, mezery nebo odsazení odstavců), stačí doplnit vlastní CSS a v nastavení zapnout volbu Nastavit styl jako aktivní.

V praxi to znamená, že:

  • výchozí styl šablony zůstává aktivní,
  • vaše pravidla se přidají „navrch“ a přepíší původní, pokud jsou zapsaná správně (správný selektor, dostatečná specificita apod.).

Tento postup je ideální, pokud upravujete jen menší část pravidel.

Tip: Pomocí nástrojů pro vývojáře v prohlížeči (Inspector) si zobrazte pravidla použitá na webu. Doporučujeme nejprve zkopírovat relevantní část výchozího CSS a teprve potom ji upravit. Je to rychlejší a snižuje to riziko chyb (např. špatně zvolená třída nebo ID).

2) Výrazná změna vzhledu (pro zkušené)

Pokud plánujete rozsáhlejší redesign nebo chcete mít vše plně pod kontrolou, můžete v nastavení zvolit Vypnout výchozí styl šablony.

Tím získáte „čistý start“, ale zároveň platí, že:

  • přijdete o veškeré přednastavené formátování,
  • budete muset znovu definovat podstatnou část vzhledu webu.
Tip: I v tomto režimu se často vyplatí zkopírovat výchozí CSS a pouze ho upravit nebo osekat. Bývá jednodušší odstranit nepotřebné části než psát kompletní styl od nuly. Můžete si také převzít jen vybrané bloky (např. fotogalerie, formuláře, komentáře).

Shrnutí

Vlastní CSS v inPage je silný nástroj pro úpravu vzhledu – od drobných změn až po kompletní redesign. Doporučujeme začít jednoduchými přepisy nad výchozím stylem, průběžně si pomáhat zobrazením a kopírováním existujících pravidel a teprve při rozsáhlých úpravách zvážit vypnutí výchozích stylů šablony.