Jak bezpečně změnit šablonu vzhledu ve WordPressu

WordPress umožňuje uživatelům průběžně měnit vzhled stránek pomocí jednoduché změny šablony vzhledu. Přechod na novou šablonu však může být komplexním procesem, který vyžaduje pečlivé plánování a provedení. V tomto průvodci se podíváme na klíčové kroky, které byste měli dodržet, pokud se chystáte měnit šablonu vzhledu svého WordPressu. Naleznete zde důležité rady a postupy, které vám pomohou úspěšně a bezproblémově projít změnou vzhledu Vašeho webu a také Vám pomohou vyhnout se potenciálním problémům takové změny.

Jak změnit šablonu vzhledu ve WordPressu

Změnu šablony vzhledu provedete ve WordPressu takto:

V administraci WordPressu přejděte do sekce "Vzhled" -> "Šablony".

  • Procházejte dostupné šablony pomocí nativní galerie.
  • Můžete filtrovat podle typu, funkcí a hodnocení.
  • Klikněte na náhled šablony, která vás zaujme.
  • Podívejte se na demo verzi a přečtěte si recenze.
  • Pokud jste se šablonou spokojeni, můžete ji nainstalovat.
  • Před aktivací šablony postupujte podle následujících rad.



Zásady, které byste měli u změny vzhledu dodržovat

1.) Uložte si veškeré manuální úpravy šablony pomocí krátkých kódů

Než nahrajete novou šablonu vzhledu, ujistěte se, že máte zálohu všech manuálních úprav. Mnoho uživatelů vkládá do šablony vlastní PHP kódy, například do hlavičky, patičky, nebo souboru function.php. Tyto kódy se běžně týkají Google Analytics, Google Adsense, úpravy vzhledu či různých funkcionalit webu. Kódy vložené do šablony se do nového vzhledu nepřenesou. Pokud je v aktuální šabloně používáte, po změně vzhledu Vám funkce s nimi spojené nebudou fungovat. To může zahrnovat nesprávné měření v Google Analytics, nebo nefunkčnost některých částí webu.

Pro zachování funkčnosti webu:

  •  Zálohujte všechny manuální úpravy kódu.
  • Po nahrávání nové šablony vložte zálohované kódy do odpovídajících míst.

Tip: Pro snadnější správu kódů zvažte použití pluginu, který umožňuje vkládat vlastní kódy bez nutnosti upravovat šablonu. Jedním z velmi dobrých je plugin WPCode.


Příklady kódu, které je nutné zálohovat:

  • Sledovací kódy Google Analytics
  • Reklamy Google Adsense
  • Snippety pro úpravu vzhledu či funkcionality webu
  • Kód Google Tag Manager

2.) Změřte si metriky aktuální používané šablony

Před i po nasazení nové šablony vzhledu je důležité změřit a porovnat rychlost a výkon webu. To vám pomůže zjistit, zda nová šablona přinesla zlepšení, zhoršení, nebo nezměnila stávající stav. Pro měření rychlosti a výkonu webu existuje mnoho online nástrojů, například GTmetrix, nebo Pagespeed Insights. Tyto nástroje vám poskytnou podrobný report s informacemi o načítání webu, optimalizaci obrázků, kompresi a dalších faktorech. Výsledky původní šablony si poznamenejte.

Tipy:
  • Pro detailnější analýzu využijte placené varianty nástrojů, které nabízí rozšířené funkce a reporty.
  • Nezapomeňte měřit web z různých lokací a na různých typech zařízení (desktop, mobil).
  • Sledujte metriky v delším časovém horizontu, abyste zachytili případné výkyvy. 


3.) Udělejte si kompletní zálohu Vašeho webu

Změna šablony vzhledu WordPressu s sebou nese jistá rizika. I když se to může zdát jako jednoduchá operace, v procesu se může ledacos pokazit a web se může rozbít. V takovém případě nemusí návrat k původní šabloně zachránit vzhled webu.

Proto je nezbytné před provedením jakékoli změny vzhledu provést zálohu webu. Zálohujte jak obsah databáze, tak i obsah celého FTP. Díky tomu budete mít v případě potřeby k dispozici původní data webu a budete se moci jednoduše vrátit do stavu před změnou.

Více o zálohách FTP se dozvíte zde: Obnova webhostingu ze zálohy
Více o zálohách MySQL se dozvíte zde: Jak importovat a exportovat MySQL databázi v rozhraní phpMyAdmin


Pro zálohování webu existuje mnoho sofistikovaných pluginů:  


Zálohy, prosíme, neukládejte do prostorů FTP (viz smluvní podmínky - I. Webhosting, bod 2). Použijte pro uložení zálohy libovolné cloudové úložiště, případně vlastní disk pro ukládání záloh.


Důležité:

  • Zálohujte web vždy před provedením jakékoli změny vzhledu.
  • Uložte zálohu na bezpečné místo, například na externí disk nebo do cloudového úložiště.
  • Pravidelně aktualizujte zálohu, abyste měli vždy k dispozici aktuální verzi webu.

4.) Při změně šablony použijte režim údržby

Při změně vzhledu WordPressu je vhodné aktivovat režim údržby. Režim údržby dočasně znepřístupní web pro uživatele a zabrání jim v provádění změn, registraci a komentování.

Důvody pro aktivaci režimu údržby: 

  • Ochrana dat: Pokud se během změny vzhledu vyskytne chyba a budete muset obnovit zálohu, ztratíte veškerá data zadaná uživateli v tomto období.
  • Zajištění stability: Režim údržby zabrání uživatelům v zatěžování webu během procesu změny a minimalizuje tak riziko chyb.
  • Zvýšení efektivity: Umožní vám soustředit se na změnu vzhledu bez nutnosti reagovat na dotazy a aktivity uživatelů.

Jak aktivovat režim údržby:

Existuje mnoho pluginů, které vám s tím pomohou:


5.) Testujte nový vzhled na více zařízeních

Testování je klíčovou fází po nasazení nového vzhledu webu. Důkladné testování na různých zařízeních a prohlížečích zajistí, že se web zobrazuje korektně a funguje bezchybně pro všechny uživatele.

Testování prohlížečů:

  • Zkontrolujte vzhled webu v nejrozšířenějších prohlížečích, jako jsou Chrome, Firefox, Opera, Edge a Safari.
  • Věnujte pozornost zobrazení textu, obrázků, rozvržení a funkčnosti webu v každém prohlížeči.
  • Využijte online nástroje pro testování kompatibility s prohlížeči, například BrowserStack.

Testování zařízení:

  • Ověřte responzivitu webu na různých typech zařízení s různými rozměry obrazovky.
  • Zaměřte se na zobrazení webu na desktopech, tabletech a mobilních telefonech.
  • Otestujte funkčnost webu na dotykových zařízeních.
  • Využijte online nástroje pro testování responzivity.

6.) Zkontrolujte vliv pluginů a jejich funkcionalitu s novou šablonou vzhledu

WordPress je modulární systém, takže si do něj každý uživatel instaluje pluginy dle své potřeby. Tyto pluginy ovlivňují vzhled a funkce webu a po změně vzhledu může nastat problém s jejich kompatibilitou.

Před aktivací nového vzhledu:

  • Projděte si seznam všech pluginů a ověřte jejich funkčnost.
  • Zkontrolujte kompatibilitu pluginů s novou šablonou.
  • Aktualizujte pluginy na nejnovější verzi.

V případě nekompatibility pluginu:

  • Upravte plugin, pokud je to možné.
  • Nahraďte plugin kompatibilní alternativou.
  • Odstraňte plugin, pokud jej nepotřebujete.


7.) Vymažte pamět pluginu pro cache

Pluginy pro mezipaměť (cache pluginy) jsou běžnou součástí WordPressu a výrazně zrychlují jeho chod. Ukládají statické HTML soubory s aktuálními daty webu, čímž snižují zátěž serveru a zkracují dobu načítání stránek.

Po změně vzhledu WordPressu je nutné vymazat cache paměť, aby se uživatelům zobrazoval nový vzhled. Stará data v cache by jim jinak zobrazovala zastaralou verzi webu s deaktivovanou šablonou.

Postup vymazání cache:

  • Přihlaste se do administrace WordPressu.
  • Přejděte do nastavení pluginu pro cache
  • Najděte tlačítko pro vymazání cache.
  • Klikněte na tlačítko a potvrďte vymazání cache.

Po vymazání cache bude váš web dočasně pomalejší, než si vybuduje novou mezipaměť. Nezapomeňte vymazat cache i na všech CDN (Content Delivery Network), pokud je používáte.


8.) Otestujte rychlost a metriky nové šablony

Po nasazení nového vzhledu je důležité znovu změřit a porovnat jeho výkon s původním vzhledem. Stejně jako před změnou vzhledu použijte nástroje jako GTmetrix nebo Pagespeed Insights k získání podrobných reportů o načítání stránek, optimalizaci obrázků, kompresi a dalších faktorech. Díky tomu získáte detailní přehled o rychlosti nové šablony s porovnáním vůči původnímu vzhledu. Nezapomeňte na bod 7 a počkejte, než si cache plugin vybuduje novou mezipaměť webu. Jinak byste měli metriky výrazně zkreslené.