Wordpress

Deep Theme Review: Nejlepší víceúčelové téma WordPress?

Hluboká recenze motivu WordPress

Hledáte dokonalé téma WordPress pro svůj další web?

Deep je víceúčelové téma od Webnus, které přichází se stovkami předpřipravených demo webů pro téměř jakoukoli oblast, kterou si lze představit.

Obsah ukázkových webů je vytvořen pomocí tvůrců stránek, což umožňuje snadné přizpůsobení přetažením a získáte také podrobné možnosti motivů pro spoustu kontroly nad zbytkem designu vašeho webu. Mezi další užitečné funkce patří tvůrce záhlaví, zápatí, vytváření mega menu a další.

V naší praktické recenzi tématu Deep se podíváme na vše, co toto téma nabízí.

Deep Theme Review: Úvod a funkce

Jak jsem již zmínil v úvodu, Deep je víceúčelové téma. To znamená, že jej můžete použít pro jakýkoli typ webu, od firemního webu po osobní blog, obchod WooCommerce, portfolio a další.

Abychom vám s tím pomohli, přichází Deep s více než 120 ukázkovými weby vytvořenými pomocí jednoho ze dvou oblíbených tvůrců stránek:

  1. Elementor
  2. WPBakery Page Builder

Svou ukázkovou stránku můžete importovat pomocí několika kliknutí a poté ji upravit pomocí oblasti podrobných možností motivu a vybraného rozhraní tvůrce stránek.

Deep také přichází se spoustou dalších funkcí, které vám poskytují větší kontrolu nad různými částmi vašeho návrhu, včetně následujících:

  • Tvůrce záhlaví (přetáhněte a pusťte)
  • Tvůrce zápatí (přetažení)
  • Tvůrce megamenu (přetáhněte a pusť)
  • 160+ šablon sekcí
  • Vlastní stránka 404
  • Vestavěný režim údržby
  • 70+ vyhrazených widgetů pro tvůrce stránek (např. Elementor)

S prémiovou verzí také získáte přístup k více než 27 prémiovým pluginům bez dalších nákladů. Některé z mnoha pluginů zahrnují:

  • Quform
  • Advanced Custom Fields Pro
  • Balíček prvků
  • LayerSlider WP
  • Posuvník Revolution
  • Mřížka
  • Žlutá tužka Pro
  • Ninja Popups
  • Kompletní kolekce Jet pro Elementor (JetElements, JetBlog, JetWooBuilder atd.)
  • Easy Share Social Buttons
  • …mnohem více

Příklady Deep Theme Demo stránek

Jak jsem uvedl výše, téma Deep přichází s více než 120+ plně předpřipravenými ukázkovými weby spolu s více než 160 šablonami sekcí, které můžete použít ve svých návrzích.

Pokud chcete vidět všechny ukázkové stránky, klikněte na tlačítko níže. V tomto příspěvku vyzdvihnu jen některé z mých oblíbených:

Zobrazit všechny ukázkové stránky

Corporate3 demo má pěkný moderní design pro firemní agentury:

Firemní3

Demo konference má také skvělé moderní a minimální uspořádání:

Konference

Ukázka Events Business je ideální pro každou firmu:

Akce Podnikání

Chcete-li znovu zkontrolovat všechna ukázka, klikněte na tlačítko níže:

Zobrazit všechny ukázkové stránky

Praktické s tématem Deep WordPress

Nyní se pojďme věnovat tématu na mém vlastním demo webu a ukážu vám, jak fungují některé z nejdůležitějších funkcí.

Poznámka – pro tuto sekci používám Deep Pro, nikoli bezplatnou verzi. Více o cenách se podělím později.

Setup Wizard

Když si nainstalujete téma Deep a doprovodný plugin, spustí se průvodce nastavením, který vám pomůže nakonfigurovat základy, jako je import ukázkového webu a instalace přibalených pluginů.

Nejprve si můžete vybrat z více než 120 dostupných demo webů – můžete kliknout na Náhled tlačítko pro živý pohled na každé demo:

Ukázkové stránky

Vyberu si firemní demo.

Dále si můžete vybrat preferovaný nástroj pro tvorbu stránek. Některé ukázkové weby jsou vytvořeny pouze s jedním tvůrcem stránek, zatímco jiné jsou vytvořeny s více tvůrci a umožňují vám vybrat si.

Myslím, že je to příjemná funkce, protože vám umožňuje vybrat stavitele, se kterým jste nejblíže. Líbí se mi Elementor, takže si pro tuto recenzi vyberu Elementor:

Vyberte nástroj pro tvorbu stránek

Dále budete vyzváni k instalaci a aktivaci zásuvných modulů, které jsou vyžadovány pro váš ukázkový web – to se bude lišit v závislosti na zvoleném nástroji pro tvorbu stránek a ukázkovém webu:

Nainstalujte doplňky

Poté si můžete vybrat, jaký ukázkový obsah chcete importovat. Chcete-li, aby váš web vypadal přesně jako demo, můžete si vybrat Zobrazit vše. V případě potřeby ale získáte také mnoho možností pro výběr konkrétního obsahu:

import

A to je vše! Po krátkém čekání bude váš web připraven k provozu.

Možnosti téma

Deep používá pro základní nastavení vlastní oblast možností vlastního motivu, nikoli nativní WordPress Customizer. V Customizeru získáte několik možností, ale většina z nich je dostupná pouze v oblasti vlastních možností motivu.

To usnadňuje konfiguraci věcí, protože oblast nastavení má více prostoru pro práci (ve srovnání s malým postranním panelem v Customizeru), ale nevýhodou je, že nezískáte vizuální náhled v reálném čase, takže budete muset „uložit a obnovit“, abyste viděli, jak změny vypadají.

Obecně vám oblast nastavení poskytuje mnoho možností – můžete vidět, kolik sekcí je na postranním panelu:

Oblast možností motivu

Můžete také použít vyhledávací pole k rychlému vyhledání konkrétního nastavení, což je pohodlné vzhledem k počtu možností.

Například, pokud půjdete do Blog nastavení, můžete si vybrat z mnoha různých rozložení:

Šablony stránek blogu

A Typografie oblast vám umožňuje ovládat všechna vaše písma, včetně podpory pro písma Google, Adobe Typekit a vlastní písma:

Typografie

Ve všech oblastech nastavení, které vidíte, získáte podobnou úroveň hloubky.

Tvůrce záhlaví

Jednou z unikátních funkcí v Deep je jeho tvůrce záhlaví, který vám umožňuje navrhnout si vlastní záhlaví pomocí jednoduchého rozhraní přetahování.

Když otevřete nástroj pro tvorbu záhlaví (Hluboké → Tvůrce záhlaví), uvidíte živý náhled vašeho záhlaví spolu s mřížkovým návrhovým systémem ve spodní části:

Tvůrce záhlaví

Každá oblast v mřížce odpovídá oblasti v záhlaví. V mřížce uvidíte různé řádky spolu s možnostmi „vlevo“, „uprostřed“ a „vpravo“.

Chcete-li přidat obsah do různých částí záhlaví, můžete kliknutím na ikonu plus přidat nový prvek (podobně jako přidání widgetu do oblasti widgetů).

Získáte mnoho různých prvků, včetně obecných možností a také vyhrazených možností pro WooCommerce, BuddyPress, LifterLMS a další:

Přidání obsahu do záhlaví

Jakmile přidáte prvek, můžete jej přizpůsobit kliknutím na ikonu tužky:

Nastavení nabídky

Další příjemnou funkcí je, že můžete definovat různá záhlaví pro různá zařízení – získáte samostatné tvůrce pro stolní počítače, tablety, mobily a lepicí záhlaví (pokud chcete jeden použít).

Můžete také povolit svislé záhlaví namísto výchozího vodorovného.

Pokud chcete ušetřit čas, Deep také obsahuje spoustu předpřipravených šablon záhlaví, které můžete importovat a použít jako základ:

Šablony záhlaví

Kromě nástroje Header Builder přichází Deep také s vlastním nástrojem Footer Builder, který vám umožňuje použít váš preferovaný nástroj pro tvorbu stránek k návrhu vlastního zápatí.

Například, protože jsem si vybral Elementor, mohu použít Elementor k přizpůsobení zápatí:

Stavitel zápatí

Vlastní widgety pro tvorbu stránek

Další úhlednou integrací tvůrce stránek do tématu jsou vestavěné widgety Deep pro vámi vybraný tvůrce stránek. Například v Elementor Deep/Webnus přidává 70+ nových widgetů, které můžete použít ve svých návrzích Elementor, včetně všeho od cenových tabulek po přihlašovací formuláře, posuvníky a mnoho dalšího.

Poskytnou vám mnohem větší flexibilitu ve zvoleném tvůrci stránek a také eliminují potřebu upgradovat na prémiový tvůrce (např. Elementor Pro):

Widgety Elementor

Pokud používáte Elementor, získáte také přístup ke kolekci pluginů Jet, což vám dává ještě větší flexibilitu.

Mega Menu Builder

Pokud chcete vytvořit mega menu, Deep přichází s vlastním mega menu builderem, který vám umožní navrhnout mega menu pomocí vašeho preferovaného tvůrce stránek (Elementor v mém případě):

Mega nabídka stavitel

Ovládací prvky na úrovni stránky

Abyste měli větší kontrolu nad rozložením a designem jednotlivých stránek, Deep přichází s podrobnými ovládacími prvky na úrovni stránky. Jsou také opravdu užitečné pro práci s vaším pluginem pro tvorbu stránek, protože vám umožňují ovládat plátno každého návrhu:

Ovládací prvky na úrovni stránky

Deep Theme Performance Tests

Poznámka – vývojář nám ​​řekl, že má v plánu zlepšit výkon v příštím vydání, takže čísla, která vidíte níže, se mohou v budoucnu zlepšit.

Protože je to základ designu vašeho webu, vaše téma WordPress bude hrát klíčovou roli ve výkonu vašeho webu (spolu s dalšími věcmi, jako je váš hosting WordPress a zda dodržujete doporučené postupy pro výkon).

Abych vyhodnotil, jak funguje téma Deep, použil jsem WebPageTest k analýze tématu Deep ve dvou různých scénářích:

  1. Základní téma Deep na nové instalaci. Toto není příliš realistický test, ale poskytne dobrou představu o základní optimalizaci Deep.
  2. Jedna z demo stránek Deep. To by mělo poskytnout dobrou představu o tom, jak bude vypadat „kompletní“ web vytvořený pomocí Deep z hlediska výkonu.

Pouze s nahým tématem měl můj testovací web 36 požadavků HTTP a měl 777 kB. To je o něco těžší než některá oblíbená odlehčená témata a bylo by hezké vidět to zmenšené. Nicméně doby načítání byly na mém testovacím webu stále přijatelné.

Test nahého tématu

Nejužitečnější metriky doby načítání budou samozřejmě na úplném demo webu, protože to je realističtější scénář.

Nejprve jsem otestoval demo web bez jakékoli optimalizace výkonu, kromě toho, že jsem optimalizoval obrázky demo webu. Ve výchozím nastavení demosnímky zabíraly 4.6 MB, což vedlo k nereálně špatným výsledkům. Z toho důvodu jsem obrázky zkomprimoval, abych získal věrnější obrázek o výkonu tématu.

Zde jsou výsledky testu:

Test demo stránek bez optimalizace

Existuje mnoho požadavků HTTP (161), i když doba plného načtení byla stále slušná, 3.299 s.

Aby to bylo ještě realističtější, chtěl jsem vidět, jak by Deep vypadal, pokud implementujete osvědčené postupy výkonu WordPress. Abych toho dosáhl, povolil jsem a nakonfiguroval WP Rocket (plugin, který Deep doporučuje) a poté provedl ještě jeden test:

Test demo stránek s WP Rocket

V tomto posledním testu můžete vidět, že se věci mnohem zlepšily, a to díky době největšího vykreslování obsahu, která se dostala do rozsahu „OK“ od Googlu (ale ne do rozsahu „Dobrého“ pod 2.5 sekundy). WP Rocket také dokázal hodně snížit požadavky HTTP (ze 160+ na pouhých 47), což je užitečné, pokud váš hostitel stále používá HTTP/1.

Celkově není Deep tím nejlehčím tématem, které existuje, ale stále jej můžete urychlit implementací osvědčených postupů pro výkon a možná zjistíte, že další flexibilita designu stojí za kompromis.

Ceny hlubokého tématu

Základní téma Deep je k dispozici zdarma na WordPress.org. Základní téma přichází se všemi základními pravidly stylingu spolu s více než 28 bezplatnými ukázkovými stránkami.

Poté budete muset upgradovat na verzi Pro, abyste odemkli všechny ukázkové weby, pokročilé možnosti přizpůsobení, přibalené prémiové pluginy a některé další funkce.

Deep Pro začíná na 59 dolarech za použití na jediném webu, což vám ve skutečnosti umožní přístup všechno z témat, která Webnus vytváří. Kromě Deep Pro to zahrnuje osm dalších specializovaných témat pro niky, jako jsou kostely, hotely, vzdělávání, restaurace, obchody se zvířaty a další.

Jedna opravdu pěkná věc na ceně je, že dostanete doživotní aktualizace, zatímco většina ostatních témat vám poskytne aktualizace pouze na jeden rok. Získáte však pouze jeden rok podpory, což je podle mě spravedlivé.

Závěrečné myšlenky na hluboké téma

Celkově je Deep velmi flexibilní téma, které můžete použít pro téměř jakýkoli výklenek.

Není to nejlehčí téma, které jsem testoval z hlediska výkonu, ale poskytuje vám spoustu možností přizpůsobení a budete si moci přizpůsobit téměř každý aspekt bez použití kódu.

Pro většinu z nich také získáte rozhraní přetahování, jako je integrace tvůrce stránek, tvůrce záhlaví, tvůrce zápatí, tvůrce mega menu atd.

Pokud si to chcete vyzkoušet, základní téma je k dispozici zdarma na WordPress.org. Poté, abyste odemkli všechny funkce a ukázkové stránky, můžete upgradovat na Deep Pro.

Získejte zdarma téma
Přejděte na Deep Website

Související články

0 Komentáře
Vložené zpětné vazby
Zobrazit všechny komentáře
Tlačítko Nahoru