Wordpress

Mély téma áttekintése: A legjobb többcélú WordPress téma?

Mély WordPress téma áttekintése

A tökéletes WordPress témát keresi következő webhelyéhez?

A Deep a Webnus egy többcélú témája, amely több száz előre elkészített demóoldalt tartalmaz, szinte minden elképzelhető rést kielégítően.

A bemutató oldalak tartalma oldalkészítőkkel épül fel, ami lehetővé teszi az egyszerű fogd-és-vidd testreszabást, és részletes témabeállításokat is kapsz, amelyekkel a webhelyed többi részét irányíthatod. További hasznos funkciók közé tartozik a fejléckészítő, a lábléckészítő, a mega menükészítő és még sok más.

Gyakorlati Mély téma áttekintésünkben áttekintjük mindazt, amit ez a téma kínál.

Mély téma áttekintése: Bevezetés és szolgáltatások

Ahogy a bevezetőben említettem, a Deep egy többcélú téma. Ez azt jelenti, hogy bármilyen típusú webhelyen használhatja, az üzleti webhelytől a személyes blogig, a WooCommerce áruházig, a portfólióig stb.

Ennek érdekében a Deep összesen 120+ demówebhelyet kínál, amelyek a két népszerű oldalkészítő egyikével készültek:

  1. Elementor
  2. WPBakery oldalépítő

Néhány kattintással importálhatja bemutató webhelyét, majd testreszabhatja a részletes témabeállítások terület és a választott oldalkészítő felület segítségével.

A Deep számos egyéb funkcióval is rendelkezik, amelyek nagyobb irányítást biztosítanak a tervezés különböző részei felett, beleértve a következőket:

  • Fejléckészítő (fogd és vidd)
  • Lábléckészítő (fogd és vidd)
  • Megamenu építő (húzással)
  • 160+ szakaszsablonok
  • Egyéni 404 oldal
  • Beépített karbantartási mód
  • 70+ dedikált widget az oldalkészítőhöz (pl Elementor)

A prémium verzióval több mint 27 prémium bővítményhez is hozzáférhet, felár nélkül. Néhány plugin a sok közül:

  • Quform
  • Speciális egyéni mezők Pro
  • Elemcsomag
  • LayerSlider WP
  • Slider Revolution
  • A Grid
  • Yellow Pencil Pro
  • ninja Popups
  • A teljes Jet gyűjtemény az Elementorhoz (JetElements, JetBlog, JetWooBuilder stb.)
  • Egyszerű Social Megosztás gombok
  • …sokkal több

Példák a Deep Theme bemutató webhelyekre

Ahogy fentebb említettem, a Deep témához több mint 120 előre elkészített bemutató oldal tartozik, valamint több mint 160 szakaszsablon, amelyeket felhasználhat a tervekben.

Ha meg szeretné tekinteni az összes bemutató oldalt, kattintson az alábbi gombra. Ebben a bejegyzésben csak néhány kedvencemet emelem ki:

Az összes bemutató oldal megtekintése

A Corporate3 demója szép modern dizájnnal rendelkezik a vállalati ügynökségek számára:

Vállalati3

A Konferencia demója remek modern és minimális elrendezéssel is rendelkezik:

Konferencia

Az Events Business demó bármilyen vállalkozás számára tökéletes:

Rendezvények Üzlet

Ismételten, az összes demó megtekintéséhez kattintson az alábbi gombra:

Az összes bemutató oldal megtekintése

Gyakorlati gyakorlat a Deep WordPress témával

Most pedig nézzük meg a témát a saját bemutató oldalamon, és megmutatom, hogyan működik néhány legfontosabb funkció.

Megjegyzés – ehhez a részhez a Deep Pro-t használom, nem az ingyenes verziót. Az árakról a későbbiekben többet megosztok.

Beállítás varázsló

Amikor telepíti a Deep témát és a kísérő beépülő modult, az elindít egy telepítővarázslót, amely segít az alapok konfigurálásában, például egy bemutató webhely importálásában és a mellékelt beépülő modulok telepítésében.

Először is választhat a több mint 120 elérhető bemutató oldal közül – kattintson a gombra Preview gomb az egyes demók élőben történő megtekintéséhez:

Demo oldalak

A Vállalati bemutatót választom.

Ezután kiválaszthatja a kívánt oldalkészítőt. Egyes bemutatóoldalak csak egy oldalkészítővel készülnek, míg mások több szerkesztővel készülnek, és Ön választhat.

Szerintem ez egy jó funkció, mivel lehetővé teszi, hogy kiválaszthassa azt az építőt, amelyet a legjobban ismer. Szeretem az Elementort, ezért az Elementort választom ehhez az értékeléshez:

Válasszon oldalkészítőt

Ezután a rendszer felkéri a demówebhelyhez szükséges beépülő modulok telepítésére és aktiválására – ez a választott oldalkészítőtől és a bemutató webhelytől függően változik:

Telepítse a beépülő modulokat

Ezután kiválaszthatja, hogy milyen bemutató tartalmat szeretne importálni. Ha szeretné, hogy webhelye pontosan úgy nézzen ki, mint a demó, választhat Minden termék. De számos lehetőség közül választhat konkrét tartalmak kiválasztásához is, ha kívánja:

import

És ez az! Rövid várakozás után a webhely készen áll a használatra.

Téma beállítások

A Deep saját egyéni témabeállítások területét használja az alapvető beállításokhoz, a natív WordPress testreszabó helyett. Néhány lehetőséget kap a Testreszabóban, de legtöbbjük csak az egyéni témabeállítások területen érhető el.

Ez egy kicsit megkönnyíti a dolgok konfigurálását, mivel a beállítások területén több hely van a munkához (a testreszabó kis oldalsávjához képest), de az a hátránya, hogy nem kap valós idejű vizuális előnézetet, ezért „mentenie és frissítenie” kell, hogy lássa, hogyan néznek ki a változások.

Általánosságban elmondható, hogy a beállítási terület sok lehetőséget kínál – láthatja, hogy hány szakasz van az oldalsávban:

Témabeállítások terület

Használhatja a keresőmezőt egy adott beállítás gyors keresésére is, ami kényelmes a rendelkezésre álló lehetőségek számához képest.

Például ha elmész a Blog beállítások, többféle elrendezés közül választhat:

Blogoldal sablonok

És az Tipográfia terület lehetővé teszi az összes betűtípus vezérlését, beleértve a Google Fonts, az Adobe Typekit és az egyéni betűtípusok támogatását:

Tipográfia

Hasonló szintű mélységet kap az összes látható beállítási területen.

Fejlécépítő

A Deep egyik egyedülálló funkciója a fejléckészítő, amely lehetővé teszi saját egyéni fejléc megtervezését egy egyszerű fogd és vidd felület segítségével.

Amikor megnyitja a fejléckészítőt (Mély → Fejléckészítő), láthatja a fejléc élő előnézetét, valamint egy rács alapú tervezési rendszert az alján:

Fejléckészítő

A rács minden egyes területe a fejlécben lévő területnek felel meg. Különböző sorok jelennek meg a rácsban, valamint a „bal”, „közép” és „jobb” opciók.

Ha tartalmat szeretne hozzáadni a fejléc különböző részeihez, kattintson a plusz ikonra új elem hozzáadásához (hasonlóan ahhoz, mint egy widget hozzáadása a widget területhez).

Kapsz nagyon különböző elemek, beleértve az általános opciókat, valamint a WooCommerce, BuddyPress, LifterLMS és egyebek dedikált opcióit:

Tartalom hozzáadása a fejléchez

Miután hozzáadott egy elemet, személyre szabhatja azt a ceruza ikonra kattintva:

Menübeállítások

Egy másik jó funkció, hogy különböző fejléceket definiálhatsz a különböző eszközökhöz – külön építőket kapsz asztali számítógépekhez, táblagépekhez, mobilokhoz és egy ragadós fejlécet (ha használni akarsz egyet).

Az alapértelmezett vízszintes helyett függőleges fejlécet is engedélyezhet.

Ha időt szeretne megtakarítani, a Deep egy csomó előre elkészített fejlécesablont is tartalmaz, amelyeket importálhat alapként:

Fejléc sablonok

A Fejléc-készítőn kívül a Deep saját lábléc-készítővel is rendelkezik, amely lehetővé teszi, hogy a preferált oldalkészítőt használja egyéni lábléc megtervezéséhez.

Például, mivel az Elementort választottam, az Elementor segítségével testreszabhatom a láblécet:

Lábléc készítő

Egyéni oldalkészítő widgetek

Egy másik ügyes oldalkészítő integráció a témában a Deep beépített widgetei a választott oldalkészítőhöz. Például az Elementorban a Deep/Webnus több mint 70 új widgetet ad hozzá, amelyeket felhasználhat az Elementor-tervekben, beleértve az ártáblázatoktól a bejelentkezési űrlapokig, csúszkákig és még sok minden mást.

Ezek sokkal nagyobb rugalmasságot biztosítanak a választott oldalkészítőben, és szükségtelenné teszik a prémium fejlesztőre (pl. Elementor Pro) való frissítést:

Elementor kütyü

Ha Elementort használ, akkor hozzáférhet a Jet bővítmények gyűjteményéhez is, ami még nagyobb rugalmasságot biztosít.

Mega Menu Builder

Ha mega menüt szeretne létrehozni, a Deep saját mega menükészítővel rendelkezik, amely lehetővé teszi, hogy mega menüt tervezzen a preferált oldalkészítővel (Elementor az én esetemben):

Mega menü készítő

Oldalszintű vezérlők

Az egyes oldalak elrendezésének és kialakításának pontosabb szabályozása érdekében a Deep részletes oldalszintű vezérlőkkel rendelkezik. Ezek szintén nagyon hasznosak az oldalkészítő beépülő modullal való munka során, mivel lehetővé teszik az egyes tervek vászonának vezérlését:

Oldalszintű vezérlők

Mély téma teljesítménytesztek

Megjegyzés – a fejlesztő elmondta, hogy terveik között szerepel a teljesítmény javítása a következő kiadásban, így az alább látható számok a jövőben jobbak lehetnek.

Mivel ez az Ön webhelye kialakításának alapja, a WordPress-téma kulcsszerepet játszik webhelye teljesítményében (egyéb dolgokkal együtt, például a WordPress-tárhely mellett, és hogy követi-e a teljesítményre vonatkozó bevált módszereket).

A Deep téma teljesítményének felmérésére a WebPageTest segítségével elemeztem a Deep témát két különböző forgatókönyv szerint:

  1. Az alap Deep téma egy friss telepítésnél. Ez nem túl valósághű teszt, de jó képet ad a Deep alaphelyzetének optimalizálásáról.
  2. A Deep egyik bemutató oldala. Ez jó képet ad arról, hogy milyen lesz a teljesítmény szempontjából egy Deep-pel felépített „komplett” webhely.

A csupasz témával a tesztoldalamon 36 HTTP kérés volt, és 777 KB volt. Ez egy kicsit nehezebb, mint néhány népszerű könnyű téma, és jó lenne ezt csökkenteni. A betöltési idők azonban továbbra is elfogadhatóak voltak a tesztoldalamon.

Meztelen téma teszt

Természetesen a leghasznosabb betöltési időmérők a teljes bemutató oldalon lesznek, mivel ez reálisabb forgatókönyv.

Először a demóoldalt teszteltem teljesítményoptimalizálás nélkül, kivéve, hogy optimalizáltam a bemutató oldal képeit. Alapértelmezés szerint a demóképek 4.6 MB-ot foglaltak el, ami irreálisan rossz eredményekhez vezetett. Emiatt tömörítettem a képeket, hogy igazságosabb képet kapjak a téma teljesítményéről.

Íme a teszt eredményei:

Demó webhely teszt nincs optimalizálva

Nagyon sok HTTP-kérés érkezik (161), bár a teljes betöltési idő még mindig megfelelő volt, 3.299 másodperc.

Hogy még valósághűbb legyen, meg akartam nézni, hogyan nézne ki a Deep, ha a WordPress teljesítményének bevált gyakorlatait alkalmazza. Ennek eléréséhez engedélyeztem és konfiguráltam a WP Rocket (a Deep által ajánlott bővítmény), majd lefuttattam még egy tesztet:

Demo site teszt a WP Rocket segítségével

Ebben az utolsó tesztben láthatja, hogy a dolgok sokkal jobbra fordulnak, a Legnagyobb tartalmi festési idővel, amely bekerül a Google „OK” tartományába (de nem a 2.5 másodperc alatti „Jó” tartományba). A WP Rocketnek sikerült a HTTP-kéréseket is jelentősen csökkentenie (160+-ról mindössze 47-re), ami akkor hasznos, ha a gazdagép továbbra is HTTP/1-et használ.

Összességében elmondható, hogy a Deep nem a legkönnyebb téma, de még mindig felgyorsíthatja a teljesítményt a legjobb gyakorlatok alkalmazásával, és úgy találhatja, hogy az extra tervezési rugalmasság megéri a kompromisszumot.

Mély téma árképzés

A Deep alaptéma ingyenesen elérhető a WordPress.org webhelyen. Az alaptéma tartalmazza az összes alapvető stílusszabályt, valamint több mint 28 ingyenes bemutatóoldalt.

Ezután frissítenie kell a Pro verzióra, hogy feloldja az összes bemutató oldalt, a speciális testreszabási lehetőségeket, a csomagban található prémium bővítményeket és néhány egyéb funkciót.

A Deep Pro ára 59 dollártól indul egyetlen webhelyen, ami tulajdonképpen hozzáférést biztosít Önnek minden a Webnus által készített témák közül. A Deep Pro mellett ez nyolc másik rés témát is tartalmaz olyan helyek számára, mint a templomok, szállodák, oktatás, éttermek, állatkereskedések stb.

Az egyik igazán jó dolog az árképzésben, hogy megkapod életre szóló frissítések, míg a legtöbb más téma csak egy év frissítést biztosít. Mindazonáltal csak egy év támogatást kap, ami szerintem igazságos.

Utolsó gondolatok a mély témáról

Összességében a Deep egy nagyon rugalmas téma, amelyet szinte bármilyen rést használhat.

Nem ez a legkönnyebb téma, amelyet teljesítmény szempontjából teszteltem, de számos testreszabási lehetőséget kínál, és nagyjából minden szempontot testre szabhat kód használata nélkül.

A legtöbbhez fogd és vidd felületeket is kap, például az oldalkészítő integrációt, a fejléckészítőt, a lábléckészítőt, a mega menükészítőt stb.

Ha szeretné kipróbálni, az alaptéma ingyenesen elérhető a WordPress.org webhelyen. Ezután az összes funkció és bemutató oldal feloldásához frissíthet Deep Pro-ra.

Ingyenes téma
Lépjen a Deep Webhelyre

Kapcsolódó cikkek

0 Hozzászólások
Inline visszajelzések
Az összes hozzászólás megtekintése
Vissza a lap tetejére gombra