Jak upravit vzhled webu ve WordPressu

Váš web už běží, ale potřebuje doladit barvy, písmo nebo logo? V tomto návodu si krok za krokem ukážeme, jak upravit vzhled webu ve WordPressu – jednoduše, bez nutnosti programování. Stačí znát pár základních míst, kde se ve WordPressu vzhled nastavuje.

1. Jak si vybrat nebo změnit šablonu

Každý web ve WordPressu používá šablonu (theme), která určuje rozložení, typografii a vzhled. Pokud jste WordPress právě nainstalovali, pravděpodobně používáte výchozí šablonu Twenty Twenty-Four.

• V administraci přejděte na Vzhled → Šablony
• Klikněte na Přidat novou a vyhledejte například „Astra“, „Blocksy“ nebo „Kadence“
• Vyzkoušejte náhled – uvidíte, jak bude web vypadat
• Po instalaci klikněte na Aktivovat

Pokud teprve začínáte, doporučuji přečíst i článek Jak nainstalovat WordPress.

2. Úprava vzhledu pomocí přizpůsobení

Většinu základních vizuálních prvků upravíte v sekci Vzhled → Přizpůsobit. Tato část se nazývá Customizer a umožňuje měnit vzhled webu v reálném čase.

• Název webu a slogan – změna textu v hlavičce
• Barvy – nastavení barev pozadí, textu a odkazů
• Typografie – volba písma a velikosti
• Logo – nahrání vašeho loga (ideálně ve formátu PNG s průhledností)

Doporučený rozměr loga je cca 250 × 80 px a ve formátu WebP pro rychlé načítání.

3. Jak změnit barvy, písmo a logo

Každá šablona má jiný systém nastavení. V moderních blokových šablonách (např. Twenty Twenty-Four) vše upravíte přímo v editoru webu.

• Otevřete Vzhled → Editor
• Vlevo zvolte Styly
• Změňte barvy, typografii a rozložení
• Logo upravíte kliknutím na blok s názvem webu

Pokud používáte vizuální builder (např. Elementor nebo Divi), design se nastavuje přímo v editoru stránky.

4. Úprava vzhledu stránek v editoru bloků

WordPress používá blokový editor (Gutenberg). Každý prvek stránky – nadpis, odstavec, obrázek nebo tlačítko – je samostatný blok.

• Označte blok a v pravém panelu měňte barvu, písmo a zarovnání
• V sekci Rozvržení lze nastavovat mezery mezi bloky
• Pro konzistentní vzhled používejte jednotné barvy a styly

V článku Jak pracovat s obrázky ve WordPressu najdete tipy na formáty, velikosti a správné popisky obrázků.

5. Jak upravit menu a patičku

Menu a patičku upravíte podle typu šablony dvěma způsoby:

• V klasickém WordPressu: Vzhled → Menu
• V blokových šablonách: Vzhled → Editor → Šablony → Hlavička / Patička

Přidejte odkazy na důležité stránky – O mně, Kontakt a Jak vytvořit web.

6. Kde přidat vlastní CSS

Pokud potřebujete doladit detaily (např. barvu tlačítka nebo mezeru mezi prvky), můžete použít vlastní CSS.

• Otevřete Vzhled → Přizpůsobit → Doplňkový CSS
• Zadejte např.:

  .rj-button { background:#8a9533; border-radius:8px; }

CSS úpravy doporučuji používat s rozumem – raději v rámci dětské šablony (child theme).

👉 Vyzkoušet Webglobe – doména a hosting na jednom místě

Časté dotazy