Kterou vzít? - S těmito 8 tipy najdete správnou WordPress šablonu

Jörg Fiedler Naposledy aktualizováno 21.10.2020
7 min.
Wordpress Theme tipy pro výběr
Naposledy aktualizováno 21.10.2020

Najít vhodnou WordPress šablonu není zas až tak jednoduché. Jak jste si možná už sami všimli, existuje spoustu WordPress šablon, zdarma i placených. Abyste si zachovali přehled a nezažili později ošklivé překvapení, najdete v tomto článku několik užitečných tipů a triků.

Výběř je enormní. Už jen v Theme Directory u wordpress.org máte na výběr několik tisíc šablon zdarma. První kritérium výběru je filtrování. Pod "Popular" jsou vlastní WordPress šablony "Twenty Nineteen" a "Twenty Seventeen" na prvním místě. Obě šablony jsou velmi dobré na začátek, pokud chcete začít třeba s jednoduchým blogem. Dáme vám několik tipů, abychom vám pomohli najít tu správnou WordPress šablonu pro vaše vlastní webové stránky nebo pro zákaznický projekt.

Wordpress.org Theme Adresář
V oficiálním seznamu WordPress šablon si můžete vybrat z tisíců bezplatných šablon váš preferovaný design.

1. Tip: Definujte cíle svých budoucích webových stránek

Nesmírně vám to pomůže při výběru správné WordPress šablony, pokud budete myslet o účelu a cílu vašich webových hned od začátku. Chcete začít blog s novinkami a informacemi, nebo jsou vaším cílem složitější webové stránky společnosti?

Pokud již cíl svého webu znáte, zaměřte svůj výběr na témata nebo odvětví.

Zde je malý seznam možných odvětví a použití:

  • Blog nebo časopis
  • Webové stránky společnosti / asociace
  • Umělecké portfolio, fotograf, agentura, designér
  • Katalog webových stránek (WiKi)
  • Fórum
  • E-shop
  • Semináře
  • Objednávky nebo rezervace
  • Prezentace produktu nebo vstupní stránka
  • Blog na recepty
  • Cestovní blog nebo portál
  • Restaurace
  • Realitní makléř
  • Lékaři
  • Jiné webové stránky

2. Tip: Požadavky. Jaký má být výkon šablony?

Protože WordPress nabízí tolik aplikací, definujte požadavky na výkon pro vaši budoucí WordPress šablonu co nejpřesněji. Chcete-li například spustit e-shop, ujistěte se, že je šablona pro WooCommerce vyložena.

Také k požadavkům na WordPress šablony jsem sestavil pomocný seznam:

  • Posuvník: Má být použit posuvník (slider) a být již v šabloně integrován?
  • Blog nebo časopis: Jaká je funkčnost blogu (meta tags) a v jakém designu?
  • Mnohojazyčnost: Pokud stránku potřebujete ve více jazycích, podporuje šablona např. plugin WPML?
  • Postranní panel: Kolik postranních panelů (sidebar) je potřeba?
  • Inzeráty: Pokud mají na stránku být umístěny reklamní bannery nebo reklamy, které widgety nebo shortcodes šablona poskytuje?
  • Formuláře: Budou použity speciální formuláře nebo filtry?
  • Mobilně: Je šablona optimalizovaná pro mobilní zobrazení, heslo responzivní design?
  • Navigace: Je potřeba rozšířené navigace (mega menu) s mnoha navigačními body?
  • Formáty: Jsou zapotřebí speciální post formáty, například recepty, portfolio, rezervace?
  • E-shop: Je šablona vyložená pro WooCommerce?
  • Customizer a možnosti: Jak můžete stylovat WordPress šablonu?

3. Tip: Nenechte se oslnit demoverzí stránky

Všichni vývojáři WordPress šablon samozřejmě nejvíce touží prezentovat svůj produkt v nejlepším světle. Takže důkladně optimalizovanou demoverzí stránky byste se neměli nechat příliš ovlivnit. Protože demoverze šablon jsou dokonale sladěny: obrazy, barvy a typografie jsou většinou dokonalé. Také doba načítání je již optimalizovaná a může vypadat v pozdějším nastavení úplně jinak.

Takže nezapomeňte, že budete později používat své vlastní obrázky. U demoverzí stránek jsou často používány vysoce kvalitní a placené stock images, které dělají hezký celkový dojem. Snímky chráněné licencí vývojáři šablon samozřejmě nesmí se šablonou vydat (téma obrázkových licencí).

4. Tip: Otestujte mobilní zobrazení!

Otestujte také mobilní zobrazení WordPress šablony. To lze provést například prostřednictvím vývojářských nástrojů vašeho prohlížeče. Ukážu vám, jak to například funguje u Chrome a RAIDBOXES stránek:

Krok 1:

Jděte “View”→ “Developer” → “Developer Tools”

Případně můžete vyvolat vývojářskou konzoli kombinací kláves Cmd + Option + I (Mac) nebo Ctrl + Shift + I (Windows).

mobilní testovací chrom

Krok 2:

Přesuňte vývojářské nástroje trochu dolů, aby byla webová stránka viditelná, a klikněte na ikonu mobilního telefonu vlevo. Výchozí hodnota je „Responsive“. To vám umožní přesunout zobrazení podle vašich představ a rovnou zkontrolovat, jak se mění.

mobilní testovací chrom

Krok 3:

Kliknutím na „Responsive“ uvidíte možnosti pro různá zařízení, které potom můžete otestovat v odpovídajícím zobrazení.

mobilní testovací chrom

Pomocí vývojářské konzole vašeho prohlížeče můžete také zjistit, kolik skriptů (v hlavičce) WordPress šablona načte. Mnoho souborů skriptů snižuje výkonnost webu.

Pokud je možné, otestujte vybrané WordPress šablony také prostřednictvím mobilního telefonu. Získáte tak bezprostřední dojem o době načítání a responzivním pohledu na šablonu.

5. Tip: YouTube je váš přítel

Na YouTube najdete pravděpodobně recenzi nebo srovnání jedné nebo více WordPress šablon. Obvykle v angličtině, ale je to dobrá možnost, jak se podívat do zákulisí šablony.

Zde je několik příkladů porovnání šablon a jejich recenze na YouTube:

Video od WP Crafter:

Youtube

Načtením videa souhlasíte se zásadami ochrany osobních údajů YouTube.
Více informací

Stáhnout video

PGlmcmftZSB3aWR0aD0iODUs0IIODIIIODIIIm4MCIgc3JJJJodHRwczovL3d3dy55b3V0dWJllLW5vY29va2llLmNvbS9lbWJlZC9fYWhQMVhnakFCVSIgZnj 93PSJhY2LbGVyb21ldGVyOyBhdXRvcGxheTsgZW5jcnlwdGVkkLW1lZGlhOyBneXJvc2NvcGU7IHBpY3R1cmUtaW4tcGljdHVyZSIgYWxxsb3dmdWxsc2NyZW ==

Video od ThemeIsle:

Youtube

Načtením videa souhlasíte se zásadami ochrany osobních údajů YouTube.
Více informací

Stáhnout video

PGlmcmmFtZSB3aWR0aD0iODU0IIIZIZ2WnaHQ9IjQ4MCIgc3JJJJOdHRwczovL3d3d3dy55b3V0dWJlLW5vY29va2llLmNvbS9lbWJlZC9sejVOVDBTYmQSIgiIGFsb 3PSJhY2NlbGVyb21ldGVyOyBhdXRvcGxheTsgZW5jcnlwdGVkLW1lZGlhOyBneXJvc2NvcGU7IHBpY3R1cmUtaW4tcGljdHVyZSIgYWxsb3dmdWxsc2NyZW ==

Video od Ferdy Korpershoek:

Youtube

Načtením videa souhlasíte se zásadami ochrany osobních údajů YouTube.
Více informací

Stáhnout video

PGlmcmmFtZSB3aWR0aD0iODU0IIIZIZ2WnaHQ9IjQ4MCIgc3JjPSJodHRwczovL3d3d3dy55b3V0dWJlLW5vY29va2llLmNvbS9lbWJlZC9pRXJETk1abGJ 3PSJhY2NlbGVyb21ldGVyOyBhdXRvcGxheTsgZW5jcnlwdGVkLW1lZGlhOyBneXJvc2NvcGU7IHBpY3R1cmUtaW4tcGljdHVyZSIgYWxsb3dmdWxsc2NyZW ==

6. Tip: Čtěte recenze, klaďte otázky, procházejte fóra

Recenze nebo hodnocení vám poskytnou více informací o tom, jak je šablona úspěšná u ostatních uživatelů. Recenze bezplatných šablon na wordpress.org ale většinou nejsou příliš užitečné.

Věnujte u bezplatných šablon na wordpress.org také pozornost zobrazení „Last updated“. Pokud je aktualizace prostřednictvím vývojářů šablon starší než půl roku, tak se od nich držte dál.

Podstatně více informací lze nalézt na portálech o placených šablonách, jako je ThemeForest. Zde často můžete klást takzvané „Presale Questions“, tedy otázky před nákupem. Recenze pro placené šablony na ThemeForest vám také poskytnou informace o tom, jak vývojář šablony reaguje na problémy a požadavky. Pokud otázky nejsou zodpovězeny včas, jedná se o pouze průměrnou podporu.

Dobří vývojáři šablon také vedou extra fóra podpory ke svým šablonám. I zde najdete cenné informace o běžných problémech. Pokud jsou otázky zodpovězeny včas, jde znát, že vývojáři mají skutečný zájem o uživatele.

changelog wordpress theme

Zkuste také například použít Google, abyste našli tzv. „Change Log“ k WordPress šabloně. Zde si můžete prohlédnout historii aktualizací šablony.

Kontrolní seznam recenzí, otázek, fór a tutoriálů:

  • Studujte recenze - Hledejte zkušenosti na Googlu (dbejte na aktuálnost)
  • Ptejte se vývojáře (Presell Questions)
  • Najděte si YouTube videa s recenzemi a tutoriály
  • Jak aktuální šablona je, existuje changlog?
  • Existuje fórum podpory? Pokud ano, kde vznikají běžné problémy?
  • Jak to vypadá s lístkem podpory (support ticket) u vývojářů šablony?

7. Tip: Šablony zdarma nebo profi šablony?

Na otázku, zda hledáte šablonu zdarma nebo placenou profi šablonu byste si měli připomenout cíle vašich webových stránek. Vaše již nabyté znalosti o zacházení s WordPressem zde hrají důležitou roli, protože profi šablony obvykle nabízejí mnoho možností nastavení.

Placené WordPress šablony

Pokud například tvoříte obchodní web pro vás nebo zákazníka, můžete přemýšlet o profi šabloně. Placené šablony vám nabízejí více možných výtvorů, zaručenou zákaznickou podporu, pomocná a komunitní fóra, stejně jako většinou vlastní tutoriály. Chcete vytvořit e-shop s WordPressem, nabízejí profi šablony jako napříkladFlatsome" již některé funkce pro WooCommerce navíc.

Profi šablony často nabízejí velmi hodně přednastavení pro vytváření webových stránek, včetně vlastního pagebuilderu. Zde byste již měli mít trochu zkušeností s WordPressem a plánovat, že se budete muset se šablonou naučit pracovat. Mnoho profi šablon také nabízejí kompletní demoverze obsahu, který můžete importovat jedním kliknutím.

WordPress šablony zdarma

Přesto nyní existují bezplatné šablony jako je "šablona Astra" nebo "šablona OceanWP" které již v bezplatné verzi přinášejí mnoho skvělých způsobů, jak navrhnout své webové stránky, stejně jako fórum podpory a tutoriály. Pokud funkce nestačí, můžete si také zakoupit pro verzi.

8. Tip: Vytvořte si testovací koutek

Z vlastní zkušenosti mohu říci, že byste si k každém případě měli zhotovit testovací prostředí pro WordPress, než webové stránky vydáte. Výměna šablon je sice jednoduchá, ale může také zanechat velký chaos, pokud šablona například vytvoří vlastní obsah pagebuilder se shortcodes. To je obzvláště nepříjemné, pokud jsou vaše stránky již online.

Pro WordPress existuje několik způsobů, jak nainstalovat testovací prostředí, například lokálně v počítači. Programy, jako jsou Wampserver nebo Laragon , vytvoří v počítači prostředí místního webového serveru, které vám umožní vytvořit neomezené WordPress instance. V minulosti jsem také napsal svůj vlastní příspěvek k programu Laragon.

I RAIDBOXES vám nabízí možnost vytvořit si vlastní staging prostředí a testovat změny na vašich webových stránkách v klidu. Pokud změny (např. nové pluginy nebo šablony) ve stagingu žádné problémy nedělají, můžete je dát jedním kliknutím online a dokonce nastavit synchronizaci testovacího prostředí do živého prostředí.

Závěr

Najít správnou WordPress šablonu není až tak jednoduché, ale řešitelné. V podstatě vaše rozhodnutí závisí na vašich cílech a požadavcích. Čím přesněji definujete účel budoucích webových stránek, tím lépe můžete najít vhodnou WordPress šablonu.

Demoverze šablon byste měli vždy vnímat s určitou skepsí, protože váš vlastní obsah bude formovat design vašich webových stránek. Pokud jste si kromě toho našli recenze, příspěvky ve fórech a videa ke své oblíbené šabloně, nic nestojí v cestě vašemu konečnému rozhodnutí. To vše je jistě trochu časově náročné, ale úsilí bude nakonec stát za to.

Na co dbáte při výběru šablon? Chybí vám na seznamu ještě jeden aspekt? Prosím, zanechte mi svůj input a otázky v komentářích!

Začínal jako vystudovaný grafik na konci 80. let. Jörg Fiedler pracuje zpočátku v různých agenturách, vydavatelstvích a produkčních kancelářích jako klasický mediální designér. V roce 2009 se stal osobou samostatně výdělečně činnou a od té doby pracuje jako nezávislý webový a mediální designér v Hamburku. V roce 2012 se specializoval na CMS WordPress a od té doby vytvořil webové stránky a internetové obchody pro malé a střední podniky po celém Německu.

Podobné články

Komentáře k tomuto článku

Napsat komentář

Vaše e-mailová adresa nebude zveřejněna. Povinná pole jsou označena * .