Bár soha nem készítettem egyedi témát PHP-vel, számos témakészítőt használtam már tucatnyi ügyfélprojektben. A témakészítők mai állapota lenyűgöző, mivel most már a vizuális készítőkkel egy drag-and-drop vásznon meg tudom tenni azt, amit egy évtizeddel ezelőtt csak a fejlesztők tudtak megtenni.

Minden itt található sablonkészítő ugyanazt a WordPress sablonrendszert használja, mint a fejlesztők, csak kód nélkül. Némelyik önálló téma, mások bővítményekként vannak csomagolva. A legjobbak mélyen integrálódnak az egyéni mezőkkel és az egyéni bejegyzéstípusokkal, és ez az, ahol a témaépítés igazán hatékony.

A legjobb WordPress témakészítők

1. Divi 5

A Divi 5 egy önálló téma teljesen integrált témakészítővel, ami azt jelenti, hogy egyetlen terméket telepítesz, és mindent megkapsz: oldalépítést, témaépítést és globális tervezési vezérlőket, mindezt bővítmény vagy kiegészítő nélkül. Ha egyetlen ökoszisztémát szeretnél, amely kezeli mind az egyes oldaltervezést, mind a webhelyszintű sablonvezérlést, a Divi kiküszöböli a bővítmény és a téma közötti zsonglőrködést, amelyre más megoldások kényszerítenek.

Divi sablon hozzárendelése és feltételei

A Divi témakészítője egy sablonrendszert használ, amelyben minden sablon tartalmazhat fejlécet, láblécet és törzsterületet. A feltételeket a sablon szintjén lehet hozzárendelni, így meghatározhatod, hogy egy sablon mely oldalakra, bejegyzésekre, kategóriákra, címkékre, szerzőkre vagy egyéni bejegyzéstípusokra vonatkozik. Több feltételt is összevonhatsz egyetlen sablonon, vagy külön sablonokat hozhatsz létre a részletes telepítéshez.

A felület egyetlen nézetben jeleníti meg az összes sablont, így könnyen áttekinthető, hogy mi és hová van hozzárendelve.

A Divi vizuális szerkesztőjének minősége

A Divi 5 vizuális szerkesztője jelentős eltérést mutat a korábbi verziókhoz képest. A vizuális szerkesztő gyors, szinte semmilyen akadozást nem tapasztal modulok hozzáadásakor vagy a beállítások módosításakor. Közvetlenül az oldalon, élő tartalommal tervezhetsz, nem pedig egy előnézetet frissítő oldalsáv panelen.

A reszponzív vezérlők lehetővé teszik az elrendezések töréspontonkénti módosítását, a stílusbeállítások (tipográfia, térköz, szegélyek, hátterek, szűrők) pedig átfogóak anélkül, hogy eltemetettnek éreznénk magunkat. Emellett ultragyors elrendezési lehetőségeket kínál rugalmas és rácsos megjelenítésekhez.

Ha használtad a Divi oldalkészítőjét, a témakészítő ugyanúgy működik, így nincs külön felület, amit meg kellene tanulni.

Divi dinamikus adatintegrációja

A Divi dinamikus tartalma a legtöbb modulbeállításnál dinamikus mezőkapcsolókkal működik. Bármely szöveg- vagy képmezőbe beilleszthetsz bejegyzéscímeket, kiemelt képeket, részleteket, szerzői információkat, dátumokat, egyéni mezőket és taxonómiai kifejezéseket. Az ACF, a Pod és az Eszközkészlet mezők natívan támogatottak. A WooCommerce esetében a Divi dedikált termékmodulokat tartalmaz, amelyek dinamikusan beolvassák az árakat, a kosárba helyezés gombokat, a termékgalériákat és a kapcsolódó termékeket. Nem korlátozódsz előre definiált elrendezésekre. A WooCommerce adatokat bárhová elhelyezheted a sablontervben.

Divi egyéni lekérdezési ciklusai

A Blog modul és a bejegyzésekhez kapcsolódó modulok lehetővé teszik a bejegyzés típusa, kategória, címke, szerző és dátumtartomány szerinti szűrést. Beállíthatsz egyéni bejegyzésszámokat, eltolásokat és rendezési sorrendeket. Összetettebb lekérdezésekhez használhatod a Divi beépített Loop Builderét . Ez rengeteg lehetőséget kínál a bejegyzés/termék/CPT ciklusok szükség szerinti beállításához.

Kinek a legjobb a Divi?

Azok az ügynökségek és szabadúszók profitálhatnak a Diviből, akik több ügyféloldalt építenek. Az élettartamra szóló licenc korlátlan webhelyhasználattal azt jelenti, hogy a projektenkénti költség idővel nullára csökken. Azok a vállalkozók, akik saját maguk szeretnék kezelni webhelyfrissítéseiket, értékelni fogják, hogy a vizuális készítő ugyanúgy működik mind az oldalak, mind a sablonok esetében, így csak egyetlen felületet kell megtanulni.

Divi árazása

A Divi ára évi 89 dollár , vagy életre szóló hozzáférés esetén 249 dollár , mindkettő korlátlan webhelyhasználattal. Ez az életre szóló opció az, amiben a Divi szinte minden versenytársától megkülönbözteti magát. Az Elementor hasonló korlátlan csomagja évi 399 dollárba kerül, életre szóló opció nélkül. A Bricks életre szóló licencet kínál sokkal magasabb, 599 dolláros áron. Bárki számára, aki több webhelyet épít, a matematika gyorsan a Divi javára válik.

Szerezd meg a Divi 5-öt

2. Elementor

Az Elementor egy oldalkészítő bővítmény, amely működéséhez külön témát igényel, ami egy plusz beállítási réteget jelent az all-in-one megoldásokhoz képest. A legtöbb felhasználó a Hello témával (az Elementor minimális témája) vagy egy harmadik féltől származó, az Elementorral való kompatibilitásra tervezett témával (például az Astra Pro) párosítja. A témakészítő csak az Elementor Pro része, így a sablonok létrehozásához a fizetős verzióra lesz szükség.

Elementor sablon hozzárendelése és feltételei

Az Elementor megjelenítési feltételei sablononként vannak beállítva, és szilárd részletességet kínálnak. Célozható az összes bejegyzés, adott bejegyzéstípusok, adott kategóriák, egyéni bejegyzések, szerzői archívumok, keresési eredmények, 404-es oldalak és WooCommerce sablonok. A feltételek kombinálhatók ÉS/VAGY logikával, valamint belefoglalási/kizárási szabályokkal.

A feltételkezelő felület egyszerű, bár a feltételek kezelése több sablonon keresztül zsúfolttá válhat, mivel nincs egységes nézet az összes hozzárendelésről. Minden egyes sablont külön kell ellenőrizni.

Az Elementor vizuális készítőjének minősége

Az Elementor szerkesztője panel alapú: kiválasztasz egy elemet, és a beállítások megjelennek a bal oldalsávban, miközben a vászon valós időben frissül. A widget könyvtár kiterjedt, a stílusvezérlők mélyrehatóak, a reszponzív szerkesztés pedig jól megvalósított. A szerkesztő nehézkesnek tűnhet összetett oldalakon, és egyes felhasználók lassulást tapasztalnak, ha a sablonok sok widgetet tartalmaznak.

A fő gyengesége a globális tipográfia és a színek, amelyek szerintem elmaradottak a kortól. A v4-es frissítése drámaian megváltoztatja ezt, de meredek tanulási görbével jár.

Elementor’s Dynamic Data Integration

Dynamic tags in Elementor enable you to insert post data, site information, author data, ACF fields, and WooCommerce product data into most widget settings. The implementation is mature, supporting before/after text and fallback values. WooCommerce support is strong, with dedicated product widgets and template types for shop, single product, cart, checkout, and account pages.

Many Custom Post Type and Custom Field plugins work with Elementor, making it easy to use your preferred tools.

Elementor’s Custom Query Loops

Elementor Pro’s Loop Builder lets you create custom query loops with filtering by post type, taxonomy, date, author, and custom fields. You design a loop item as a template (separate from your page). Then you add it to your page and set up the query to populate the loop. This means extra page loads and working in the template library, as well as the page where the loop goes. Pagination, load more, and infinite scroll are also available.

Who Elementor Is Best For

Designers who want maximum third-party integration options will find Elementor’s ecosystem unmatched. However, a few quality tools go a long way further than haplessly installing add-ons. Also worth considering is that Elementor v4 is on the horizon, meaning significant changes are underway. This could involve needing to relearn its visual builder when the update lands.

Elementor’s Pricing

indul Az Elementor Pro ára évi 59 dollártól egy weboldalra (Essential csomag), de ebből a csomagból hiányoznak a teljes témakészítő és a WooCommerce funkciók. Az Advanced csomag kerül évi 99 dollárba három weboldalra, és tartalmazza a teljes témakészítőt (erre ebben a cikkben összpontosítunk ). Ügynökségek számára az Expert csomag évi 199 dollárba kerül 25 weboldalra, az Agency csomag pedig évi 399 dollárba, akár 1000 weboldalra. Minden csomag éves, élettartamra szóló opció nélkül .

Szerezd meg az Elementort

3. SeedProd

A SeedProd eredetileg egy landing page és „hamarosan” pluginként indult, de azóta egy teljes értékű témakészítővé bővült. Ez egy olyan plugin, amelyhez téma szükséges, bár a SeedProd hatékonyan képes helyettesíteni a téma sablonjait.

A SeedProd kezdőbarátként pozicionálja magát, könnyebb felülettel, mint az Elementor vagy a Divi. A témaépítés azonban csak a Pro verzióval érhető el. Emellett tele van keresztpromóciós upsellekkel más termékeikhez, például a WPFormshoz, az OptinMonsterhez és egyebekhez.

SeedProd sablonhozzárendelése és feltételei

A SeedProd témakészítője fejlécekhez, láblécekhez, egyedi bejegyzésekhez, egyedi oldalakhoz, archívumokhoz, kereséshez, 404-es hibákhoz és WooCommerce oldalakhoz tartalmaz sablonokat. Stílusa hasonlít a WordPress bejegyzés nézetéhez, ami nem intuitív. A feltétel-hozzárendelés lehetővé teszi egy sablontípus kiválasztását, és globálisan érvényes az adott típusra (részletesebb vezérlőkkel). Összességében működik, de ha fizetnie kell a SeedProd témakészítőjéért, érdemes lehet más lehetőségeket is megfontolni.

A SeedProd vizuális szerkesztőjének minősége

A SeedProd készítője könnyű és gyors. Ez a lecsupaszított stílusbeállításoknak tudható be. A drag-and-drop vászon reszponzív, és a blokkkönyvtár lefedi a lényeget anélkül, hogy túlterhelné az új felhasználókat. Ha pixelpontos kontrollra van szükséged minden térközérték és dobozárnyék felett, akkor a SeedProd korlátozott lehetőségeket kínálhat.

SeedProd dinamikus adatintegrációja

A SeedProd támogatja a dinamikus tartalmat sabloncímkéken keresztül, amelyek lekérik a bejegyzések címeit, tartalmát, kiemelt képeit, szerzői adatait és dátumait. Egyéni mezők támogatása elérhető, de kevésbé fejlett, mint más témakészítőkben. A WooCommerce integráció elérhető, de ismét csak a Pro verziókkal. A dinamikus adatrendszer funkcionális, de nem olyan rugalmas az ACF ismétlőket vagy összetett mezőkapcsolatokat magában foglaló speciális használati esetekhez.

Csak Pro verzióban érhető el

SeedProd egyéni lekérdezési ciklusai

A SeedProd bejegyzésrács-blokkjai lehetővé teszik a bejegyzések típusa, kategória és címke szerinti megjelenítését, de csak sablonoldalak esetén. A speciális lekérdezési lehetőségek (meta lekérdezések, összetett taxonómia szűrése és dátumtartományok) nem léteznek. Ez ismét inkább egy kompromisszumos megoldás a bonyolultság csökkentése érdekében.

Who SeedProd Is Best For

A SeedProd kezdőknek szól, akik egyenes utat szeretnének egy egyéni témához, a teljes funkcionalitású készítőkre jellemző bonyolultság nélkül. Emellett nagy hangsúlyt fektet az értékesítés-orientált landing page-ekre, így azoknak a marketingszakembereknek a legmegfelelőbb, akiknek elsősorban a potenciális ügyfelek megszerzésére van szükségük. Teszteléseim során azonban a SeedProdban mindössze 1 perc alatt látható, hogy szinte minden fejlett funkció megtalálható a Pro verziókban.

A SeedProd árazása

A SeedProd Basic csomagja évi 79 dollártól indul egy webhelyre, de a témaépítő funkcióhoz a Plus csomag szükséges, amelynek éves díja 199 dollár (3 webhely). Minden csomag éves. Az első évben kedvezményt kínálhatnak, de a további megújítások során teljes árat kapnak. A témaépítésért évente minimum 199 dollárt kell fizetni, ami magasabb, mint a Divi 89 dolláros éves csomagja, és majdnem megegyezik a Divi élettartamra szóló (korlátlan webhelyszámú) csomagjának árával.

Szerezd meg a SeedProd-ot

4. Teljes webhelyszerkesztő

A Full Site Editor (FSE) a WordPress natív blokk alapú témakészítője, amely bármilyen blokk témával elérhető. Bár beépített, olyan témával kell használnod, mint a Twenty Twenty-Five vagy egy prémium témával. Az Ollie egy jól megtervezett kezdő blokk téma, amely az FSE-t könnyen megközelíthetővé teszi, előre elkészített mintákkal és szép tervezési rendszerrel. Az FSE még mindig fejlődik, és a szerkesztési élménynek magasabb a tanulási görbéje, mint a hagyományos oldalépítőknél.

Az FSE sablonhozzárendelése és feltételei

Az FSE natívan használja a WordPress sablonhierarchiát. Sablonok hozhatók létre egyedi bejegyzésekhez, oldalakhoz, archívumokhoz, kategóriákhoz, szerzőkhöz, 404-es hibákhoz, kereséshez és egyebekhez. Egyéni sablonok rendelhetők az egyes bejegyzésekhez vagy oldalakhoz a bejegyzésszerkesztőn keresztül. A rendszer logikus, ha érted a WordPress sablonhierarchiáját.

Az FSE vizuális szerkesztőjének minősége

Az FSE blokkszerkesztőt használ, így ha már készítettél bejegyzéseket WordPressben, a felület ismerős lesz. A sablonok blokkokból épülnek fel: fejléc, navigáció, lekérdezési ciklus, bejegyzés tartalma és lábléc. A felhasználói élmény minden egyes WordPress kiadással javul, de még mindig hiányzik belőle a kiforrott, harmadik féltől származó készítőkre jellemző kifinomultság.

A globális stílusok lehetővé teszik az egész webhelyre kiterjedő tipográfia és színek beállítását, amelyek az egyes blokkokhoz folytonosan illeszkednek. Egyes felhasználók (főleg a WP puristák és fejlesztők) intuitívnak találják az FSE-t, míg mások szétszórtnak találják a célirányosan épített témakészítőkhöz képest.

Érdekes módon nincsenek natív reszponzív opciók

Az FSE dinamikus adatintegrációja

Az FSE dinamikus tartalma olyan alapvető blokkokon keresztül működik, mint a Bejegyzés címe, Bejegyzés tartalma, Bejegyzés kiemelt képe, Bejegyzés részlet, Bejegyzés szerzője és Bejegyzés dátuma. Egyéni mezőkhöz olyan bővítményekre lesz szükséged, mint az ACF, amelyek saját blokkokat adnak hozzá a mezők megjelenítéséhez. Ez azt jelenti, hogy ha dinamikus adatokkal rendelkezel, akkor kell lennie egy blokknak, ahová beillesztheted őket, ellentétben a fejlettebb téma- és oldalkészítőkkel, amelyek lehetővé teszik a dinamikus adatok beszúrását szinte bármilyen szöveg-, link- vagy képbeviteli mezőbe.

Az FSE egyéni lekérdezési ciklusai

A Lekérdezési ciklus blokk az FSE válasza az egyéni bejegyzések megjelenítésére. Szűrhet az aktuális sablon, bejegyzés típusa, kategória, címke, szerző és kulcsszó szerint. Vannak azonban olyan specifikus blokkok, amelyek a Lekérdezési ciklus blokkon belül használhatók. Ez eltér a Divi vagy a Bricks-től, ahol bármely elem átalakítható és ciklusként használható.

Összetett lekérdezések esetén korlátozottak a lehetőségeid egyéni kód vagy a lekérdezési ciklus funkcióit bővítő bővítmények nélkül (sokan használják az Advanced Query Loop bővítményt).

Kinek a legjobb a teljes weboldal szerkesztője?

Fejlesztők és technikailag jártas felhasználók, akik a WordPress magjánál szeretnének maradni harmadik féltől származó függőségek nélkül. Azok az oldalak, amelyek a hosszú távú karbantarthatóságot és a minimális bővítményszámot helyezik előtérbe, profitálhatnak az FSE natív megközelítéséből. Az átlagfelhasználók azonban valószínűleg egy prémium blokk témát szeretnének, ami lehetővé teszi számukra, hogy egy nem blokk témát, például a Divit is megfontoljanak.

Az FSE árazása

A Blokkolt szerkesztő és a teljes webhelyszerkesztés ingyenes, ha ingyenes blokk témát használsz. Előfordulhat azonban, hogy bővítményekre kell költened a funkcionális hiányosságok pótlására (például egyéni mezők megjelenítése, speciális lekérdezések és WooCommerce sablonok), ami csökkentheti a költségelőnyt. Az FSE kompatibilis blokk témát is igényel, számos prémium opcióval, amelyek javítják azt (például az Ollie Pro). Egyszerű webhelyekhez az FSE valóban ingyenes. Összetett buildek esetén vedd figyelembe a szükséges kiegészítőket.

Tudjon meg többet a teljes webhelyszerkesztésről

5. Téglák

A Bricks egy vizuális weboldalkészítő, amely a Divihez hasonlóan témaként működik. Telepíted a Bricks-et, és az a témáddá válik, teljes témaépítési képességekkel. A Bricks a letisztult kódkimenetének, a teljesítményre való összpontosításának és a mélyreható testreszabási lehetőségeinek köszönhetően vált népszerűvé a fejlesztők és a haladó felhasználók körében.

Kisebb felhasználói bázissal rendelkezik, mint sok más témakészítő, de érdemes megfontolni. Ha kényelmesen elsajátítod a meredekebb tanulási görbét, és nagyobb kontrollt szeretnél a jelölés és a lekérdezések felett, akkor érdemes kipróbálni a Brickst.

Téglák sablon hozzárendelése és feltételei

A Bricks egy sablonrendszert használ, amelynek feltételei vetekednek a Divi rugalmasságával. Célozhatsz bejegyzéstípusokat, taxonómiákat, adott bejegyzéseket, archívumokat, szerzői oldalakat, keresési eredményeket, hibaoldalakat és WooCommerce sablonokat. A feltételek támogatják az ÉS/VAGY logikát, a belefoglalásokat és a kizárásokat.

A Bricks vizuális építőminősége

A Bricks gyors, még összetett oldalakon is. A stílusvezérlők széleskörűek, beleértve az elemszintű egyéni CSS-t, az állapotstílusokat (hover, fókusz) és a részletes reszponzív töréspont-vezérlést. A kezelőfelület feltételezi a webfejlesztési koncepciók ismeretét, így kevésbé nehézkes, mint a SeedProd, de több kontrollt kínál, mint a legtöbb más.

A kimeneti jelölések sokkal tisztábbak, mint az Elementorban, ami fontos a teljesítmény és az egyéni stílusok szempontjából. Emellett egy integrált változórendszerre támaszkodik.

A Bricks dinamikus adatintegrációja

A Bricks a dinamikus adatokat alapvető funkcióként kezeli. A dinamikus címkék a legtöbb beállításban elérhetők, valamint lekéréses bejegyzésadatok, egyéni mezők (ACF, Meta Box, Pods, Toolset, JetEngine), WooCommerce adatok és felhasználói adatok. A megvalósítás rugalmas, előtte/utána szöveg, tartalék elemek és formázási lehetőségekkel. A WooCommerce sablonok teljes mértékben támogatottak dedikált elemekkel. Ha adatvezérelt webhelyeket építesz CPT-kkel és egyéni mezőkkel, a Bricks ezt is kezeli a listán szereplők mellett.

Bricks egyéni lekérdezési ciklusai

A Bricks lekérdezéskészítője hatékony. Szűrhet bejegyzéstípus, taxonómia, metamezők (beleértve az összehasonlító operátorokat), dátum, szerző és ACF és JetEngine kapcsolatmezők szerint. A lekérdezési ciklus elem lehetővé teszi az elemsablonok közvetlen tervezését. Lapozás, végtelen görgetés és AJAX szűrés is elérhető. Összetett CPT archívumok vagy szűrt könyvtárak esetén a Bricks lekérdezési képességei a piac élvonalához közelítenek.

Kinek a legjobb a tégla?

Fejlesztők és teljesítményorientált ügynökségek, akiknek fontos a kódkimenet minősége. A Bricks tisztább jelöléseket generál, mint a legtöbb vizuális készítő, ami gyorsabb oldalbetöltést és könnyebb testreszabási CSS-t eredményez. Az Oxygen Builderből érkező felhasználók ismerősnek fogják találni a Brickst. A Bricks azonban a listán szereplő témakészítők közül a legbonyolultabb, és ha fontos a webhely kódbázisához való hozzáférés, vannak jobban megfelelő megoldások, mint például az Etch és a Builderius.

Téglák árazása

A Bricks éves csomagokat kínál, amelyek már évi 79 dollártól kezdődnek egy webhely esetén, 149 dollártól három webhely esetén, és 249 dollártól korlátlan webhely esetén. Az élettartamra szóló opció ára 599 dollár korlátlan webhely esetén. A Divi 249 dolláros, korlátlan webhelyeket tartalmazó élettartamra szóló csomagjához képest a Bricks élettartamra szóló csomagja több mint kétszerese az árnak. A Bricks éves korlátlan csomagja (249 dollár) azonban megegyezik a Divi élettartamra szóló árával, így az ár-érték arány attól függ, hogy mennyi ideig tervezi használni a készítőt.

Szerezz téglákat

Gyors ár-összehasonlítás

Az árképzési struktúrák nagyban eltérnek a témakészítők között, különösen az éves előfizetések és az élettartamra szóló opciók összehasonlításakor. Íme, hogyan teljesítenek az egyes készítőprogramok a különböző felhasználási esetekben.

A megfelelő témaszerkesztő kiválasztása

A listán szereplő összes sablonkészítő képes funkcionális, egyedi WordPress webhelyet létrehozni, a fejléctől a láblécig. A különbségek abban rejlenek, hogy hogyan szeretsz dolgozni, mennyit vagy hajlandó költeni, és mennyi irányításra van szükséged.

A Divi továbbra is a legtöbb felhasználó első számú ajánlása. Az élettartamra szóló licenc kiküszöböli az ismétlődő költségeket, a vizuális készítő valóban élvezetesen használható, és a tanulási görbe a nem fejlesztők számára is könnyen kezelhető. Ez a legjobb választás a tervezők vagy a profi tervezőkkel dolgozók számára is. Ha ügyféloldalakat építesz, vagy több projektet kezelsz, a korlátlan használat hosszú távon a legköltséghatékonyabb megoldássá teszi.

Elementor makes sense if you’re already invested in its ecosystem or need specific third-party integrations that only work with Elementor. The annual costs add up, but the plugin library is unmatched. Its loop builder is awkward, and its templating is a little bit harder to grasp than Divi’s, but it is a popular choice nonetheless.

A SeedProd szűkebb felhasználási esetre alkalmas: egyszerű weboldalakra, ahol a weboldalkészítő korlátai nem számítanak. Ha landing page-eket és alapvető üzleti weboldalakat építesz komplex dinamikus tartalomigények nélkül, akkor elvégzi a munkát anélkül, hogy túlterhelné a felhasználót. Tapasztalataim szerint eleinte nagyszerű, de a weboldalak iránti irigység idővel ahhoz vezet, hogy többet akarsz.

A Teljes webhelyszerkesztő ideális a WordPress alapverziójának követéséhez és a bővítményfüggőségek elkerüléséhez. Ingyenes, folyamatosan fejlődő és jövőorientált, de további tanulást igényel. A Bricks olyan fejlesztőket és ügynökségeket céloz meg, akik értékelik a tiszta kódot és a teljesítményt, és ahol a magasabb költségek indokoltak lehetnek.

Mindenki másnak érdemes a Divivel kezdenie. Az örökös licenc azt jelenti, hogy egyszer megtanulhatja, bárhol használhatja, és soha nem kell aggódnia a megújítási díjak miatt, amelyek tönkreteszik a projekt költségvetését.

Témakészítő GYIK