Ebben az oktatóanyagban megmutatom, hogyan válassza ki a megfelelő sablont webhelyéhez. Összehasonlítom az ingyenes/fizetős témákat, a reszponzivitást, a SEO-t, az egyszerűséget, a kompatibilitást és sok más kritériumot. Mindezt valós példán.
Tehát kiválasztottam a domain nevet és a megfelelő WordPress tárhelyet is. Most telepítettem a WordPress-t, és egy alapértelmezett WP-sablont látok a webhelyemen. Fontos tudatosítani, hogy a weboldal általános megjelenése (design) a választott témától függ.
A legtöbb WordPress sablon előre definiált szövegszíneket és betűtípusokat, elemek és widgetek elhelyezését, valamint sok egyéb részletet és stílust tartalmaz, amelyek együttesen hozzájárulnak a webhely megjelenéséhez.
A WP témákban az a legjobb, hogy egy kis szerencsével nagyszerű megjelenést kölcsönözhet webhelyének, anélkül, hogy egyetlen kódsort is meg kellene írnia.
Fontos dolognak tartom a WordPress sablon kiválasztását. Így hát leültem és átgondoltam, mit is várok a jövőbeli WP témától. Az alábbiakban megnevezem azokat a főbb követelményterületeket, amelyekre fókuszáltam.
Ingyenes vs. fizetett WordPress sablon
Először is gondolja át , hogy szeretne-e befektetni egy sablonba, és mennyit . Ellenőrizze a költségvetését, és válasszon annak megfelelően. Ugyanakkor emlékezni kell erre a tényre a döntés meghozatalakor: nem minden fizetős téma kiváló termék, és nem minden ingyenes téma gyenge minőségű termék . Ennek ellenére nagyszerű ingyenes WordPress-sablonokat és szörnyű fizetős sablonokat találhat.
Néha, mivel a sablonok ingyenesek, a szerzőknek nincs elég idejük rájuk. Ez azt jelenti, hogy sok ingyenes sablon nem frissül időben . Szóval egy ponton elakadsz. Magát a WordPress-t gyakran frissítik, és nagy az esélye, hogy a témája nem fog működni a frissítés után. Vannak ingyenes WP-sablonok is, amelyekhez nem találsz segítséget és támogatást . Tehát magának kell kezelnie.
Tipp: Kiváló tapasztalataim vannak a következő WordPress témákkal kapcsolatban: Divi sablon és Avada . Nagyon rugalmasak, és még kezdők számára is könnyen beállíthatók.
Fogékonyság
Ezt természetesnek veszem. Látogatásaim több mint 50%-a mobileszközökről és táblagépekről érkezik, és ez a szám a jövőben várhatóan növekedni fog. A WordPress-sablon kiválasztásához a böngészőablak nagyításával/kicsinyítésével vagy a google resizer eszközével teszteltem az adeptusokat.
Ha van táblagépe és mobiltelefonja, azt javaslom, hogy közvetlenül ezeken az eszközökön is tesztelje a bemutatósablonokat . Saját tapasztalatból tudom, hogy bizonyos esetekben egy sablon teljesen másképp tud viselkedni egy valódi mobileszközön, mint amikor egy ilyen eszközt próbálunk utánozni számítógépen. Az ok lehet a technológia és a sablon programozási megközelítése (konkrétan az ok lehet például az eszköz eltérő operációs rendszere – Android / iOs / Windows Phone…).
Böngésző támogatás
Itt folytatom az első kérést. A különböző típusú eszközökön kívül kívánatos a bemutatósablonok tesztelése különböző típusú böngészőkön – chrome, firefox, safari és Internet Explorer. Alternatív megoldásként tesztelheti a sablont más, kevésbé használt böngészőkön, például az Opera és hasonló böngészőkön. Ezért javaslom, hogy ennek figyelembevételével válasszon WordPress sablont.
Web design
A webdesign tisztán érzelmi kérdés. Elméletileg a blog típusának és a közönségnek megfelelően érdemes WordPress sablont választani. Viszont úgy veszem, hogy ez lesz az én oldalam, amit gyakorlatilag minden nap fogok nézegetni, így szeretném, ha tetszetős lenne a szememnek.
Fontos megfeledkezni arról, hogy a weboldal kialakítása mindig függjön a weboldal látogatói számára való használhatósági szintjétől (az ún. UX – „felhasználói élmény”). Ez azt jelenti, hogy nem baj, ha gyönyörű a dizájnja, ha webhelye látogatóit összezavarja, elveszíti, tájékozódási pontja és elvesztése a webhelyen. Ezért igazítom hozzá a WordPress sablon kiválasztását.
Kifejezetten a blogomhoz volt kérésül egy oldalsó görgetős menü , mert egyszerűen imádom. Ezt követően egy minimalista dizájnt és egy cikklistát képzeltem el a kezdőlapon falazott megjelenés vagy rács megjelenés (rács) formájában, több blokkmérettel:
Sablon funkciók
Itt felsorolok néhány WordPress-sablon követelményt, amelyekkel rendelkezhet, és amelyeket jó tudni, mielőtt sablont választana:
1. A többnyelvűség támogatása
Ha többnyelvű webhelyet tervez, a sablonnak támogatnia kell a többnyelvűséget, különösen például egy wpml vagy polylang bővítményt. Én személy szerint wpml-t használok, amelyet már több webhelyen sikeresen telepítettem. A másodikkal még nincs tapasztalatom, de mindkettő jó referenciával rendelkezik. Azt javaslom, hogy fontolja meg a többnyelvűség lehetőségét a jövőben, amikor WordPress sablont választ.
2. E-shop támogatás („e-kereskedelmi” megoldások)
Ha e-shop beépítését tervezi, ezt figyelembe kell venni a WordPress sablon kiválasztásakor. Győződjön meg arról, hogy a sablon támogatja ezt a lehetőséget. Konkrétan támogatnia kell például a WordPress legelterjedtebb eshop-megoldását – woocommerce plugin .
3. Szlovák karakterek támogatása
Erre is vigyázni kell. Előfordulhat, hogy a sablon betűtípusa nem támogatja a tipikus szlovák „hieroglifáinkat”, és akkor hasonlóan katasztrofálisan sikerülhet, mint amikor számítógépen nyitod meg az Instagramot : Reméljük, hogy az Instagram fiú kódolói mihamarabb kijavítják, és nyertünk azt se felejtsd el. A lehetséges sablonunk tesztelésének legjobb módja az lenne, ha beszúrnánk egy pangramot a szlovák diakritika tesztelésére. Az lenne a legjobb, ha a címsorokba, alcímekbe, szövegbe és kütyübe helyezné. És még a nagybetűs változatban is.
Sajnos sokszor nincs lehetőségünk a sablon telepítése előtt tesztelni. Előfordulhat, hogy rossz karaktereket jelenít meg a demó során, de a telepítés után azt tapasztaljuk, hogy a témának lehetősége van megfelelő betűtípus kiválasztására ( a Latin Extended betűkészlet-alkészletnek kell lennie ). Ha úgy találja, hogy egyes karakterek hibásan jelennek meg, ne essen kétségbe, vannak módok a javításra, de ez meghaladja e cikk kereteit.
4. Sablon nyelve
Jó lenne, ha a sablont már lefordították volna a kívánt nyelvre/nyelvekre (esetemben szlovákra). Vagy legalább egy .POT sablon szerepeltetése a fordításhoz. De ne ess kétségbe, még ha nem is tartalmaz .POT-ot, a Loco Translate plugin használatával tudunk segíteni, csakhogy az kicsit idő- és technikailag igényesebb.
5. Különböző cikkformátumok támogatása
A WordPress lehetővé teszi a cikk formátumának beállítását (angolul ” post formats” , lásd az alábbi képet). De a téma alkotóin múlik, hogy beleépítik-e. Például idézeteket, videókat és galériákat tervezek használni a blogomban, és megkövetelem, hogy ezek megfelelően jelenjenek meg. Ezért megkövetelem a sablonomat, hogy támogassa a különböző cikkformátumokat.
6. Sablon sebessége
Nagyon fontos tény a WordPress sablon kiválasztásához. Magától értetődik, hogy szeretnék egy gyors weboldalt, hogy ne szegjem kedvét a blog látogatóinak vagy a googlebotoknak (a Google robotjainak, amelyek indexelik a webhelyemet). Ezért teszteltem a bemutatósablont a pingdom eszközzel:
Azt hiszem, az eszköz által kapott eredményből a legfontosabb mutató az oldal betöltési ideje. Ha ez az idő a sablondemónál 2 másodpercen belül van, akkor az elfogadható, mert a valódi blogunkon jelentősen csökkenthetjük. És ezt a kiváló minőségű tárhely választásával, a gyorsítótár-bővítmény telepítésével és a képek méretének optimalizálásával. Használom (és a legjobbnak tartom) WP Rocket gyorsítótár-bővítményt. Az EWWW Image Optimizer beépülő modult használom a képek méretének optimalizálására.
Azt is szeretném gyorsan elmagyarázni, hogy miért használok (és miért ajánlom neked is) a websupport tárhelyét . Automatikusan telepítik a WordPress-t , ami kényelmes a kezdők számára, és időt takarít meg a haladó felhasználók számára. A fent említett WP Rocket és EWWW Image Optimizer beépülő modulok már benne vannak, be vannak állítva és a kiszolgálóra hangolták a telepítés során. Szervereiknek SSD lemezei vannak . Az eredmény egy nagyon gyors websebesség, ahogy ezt a fenti képen a blogom példáján is láthatjátok. És ez jó nekem :).
7. Az oldalkészítő jelenléte
Szlovákra nehéz lefordítani, de vizuális oldalkészítőnek fordítanám. Ez egy olyan eszköz, amellyel különféle elemekből saját maga alakíthatja ki az oldalak belsejét és helyezheti el őket. Talán a legjobb, ha egy képen mutatod be:
A képen a Divi builder látható, ami az egyik legjobb. Általánosságban elmondható, hogy az oldalkészítő egy téma része lehet (például a divi builder is része egy div témának ), vagy külön beépülő modul formájában. Ezért még ha a választott témája nem is tartalmaz oldalkészítőt, telepítheti bővítményként. A legjobb értékelésű építő ingyenes beépülő modul formájában a SiteOrigin által készített Page Builder .
Nincs szükségem építőre a blogomhoz, ezért kizárom a WordPress sablon választékából. Ellenkezőleg, a rendszer kérni fogja, ha a sablonom nem tartalmaz ilyet. Ennek az az oka, hogy a sablon minden további funkciója, valamint minden használt plugin hozzájárul a webhely sebességének csökkentéséhez.
8. Sablonkód minősége
Programozóként már a demóoldalról is meg tudom ítélni a kód minőségét, de laikusnak nehéz lehet. Lehet, hogy egy téma gyönyörűen néz ki, de lehet „csúnya” kód a háttérben. Az egyik lehetőség az, hogy a témát a W3C kódellenőrzőjén keresztül futtatjuk, amely az internetünk szabványosításáért felelős nemzetközi szervezet (www).
Ne ijedjen meg, ha ez az eszköz kódhibákat mutat, várhatóan a legtöbb elérhető témában lesznek hibák. Csak hát ez nem a hibák vörös tengere :).
És a leglényegesebbet megtartottam a végére – miért kell törődnünk a témakód minőségével? Mert egy rosszul programozott téma jelentősen ronthatja a SEO-nkat. És ezt nem akarjuk.
9. Dokumentáció
Szeretném, ha a sablonomnak lenne dokumentációja, hogy ne kelljen azon babrálnom, hol és hogyan kell beállítani a sablon egyes elemeit. Sajnos a wordpress.org számos ingyenes témája nem tartalmaz dokumentációt , így további időnkbe kerül, hogy megtaláljuk és teszteljük, hol és hogyan kell beállítani. Ezzel szemben a legnagyobb sablonszállító fizetős témái közül sok magas szintű dokumentációval rendelkezik („jól dokumentáltak”). Ez az egyik követelmény, amelyet az eladó megkövetel a téma alkotóitól. Ezért igazítom hozzá a WordPress sablon kiválasztását.
Végső soron mindannyiunknak kell eldöntenie, hogy igényel-e dokumentációs sablont. ami engem illet, igen. Sokféle sablont volt már lehetőségem kipróbálni a munkahelyemen és a magánéletben is, és mindegyiknek teljesen más egyéni beállításai voltak (másképp írva, nincsenek egységes WordPress-szabályok a témabeállítások rendszerezésére). Én azon a véleményen vagyok, hogy az idő pénz, és nem akarom feleslegesen az egyéni beállítások keresgélésével tölteni, inkább cikkírással költöm a megspórolt időt.
Sok munka a testreszabás?
Ha kevés WordPress készséged van, feltétlenül nézd át a sablonnal kapcsolatos véleményeket és megjegyzéseket. Természetesen a demo verzió fantasztikusan nézhet ki. De ha öt helyett hat képet szeretne elhelyezni egy adott szakaszban, és ez csak programozottan lehetséges, akkor ez gondot jelenthet.
Kattintson a sablonra a bemutató verzióban, és tekintse meg az áttekintést. Olvassa el a leírást és a téma beállítására vonatkozó utasításokat. Íme, milyen egyszerű az alkalmazkodás. Egy másik fontos szempont a téma meghatározásához kapcsolódik. A témabeállítások szakasz felhasználóbarát, intuitív, könnyen használható? Egy nagyszerű hely az ellenőrzéshez a sablon webhelyén található képernyőképek. Itt láthatja, hogyan szervezi a téma az egyes beállítások részeket.
Plugin kompatibilitás
Valószínűleg rendelkezik néhány beépülő modullal, amelyekre szüksége van webhelye működéséhez . Fontos ellenőrizni, hogy a sablon támogatja-e ezeket a bővítményeket. Ha az ingyenes WordPress sablonokról van szó, könnyebb tesztelni és ellenőrizni ezt a kompatibilitást – egyszerűen csak telepíteni kell próbaverzió céljából. De ha prémium téma mellett döntöttél, akkor egy lehetséges megoldás, ha információt kérsz az alkotótól.
A sablon SEO optimalizált?
Csodálatos, hogy van egy szép weboldalunk. De ne felejtsük el, hogy a weboldalnak a keresőmotorok számára is léteznie kell . A WP-téma SEO optimalizálását manuálisan ellenőrizheti. Vannak olyan online szolgáltatások is, amelyek megmutatják, mennyire SEO-barát egy sablon – ilyen például az EasySeo . Ismételten, ha prémium témát választ, az alkotónak képesnek kell lennie arra, hogy minden fontos információt megadjon Önnek.
Mi a helyzet a közösségi médiával?
Ami a közösségi médiát illeti, mindig lehetséges WordPress bővítményként hozzáadni őket . De mivel a közösségi média egyre fontosabbá válik az online környezetben, jó lenne, ha a közösségi média már a sablonba integrálódna.
Tekintse meg a sablongyűjteményeket
Inspirációként megtekintheti a TOP 30 WordPress téma gyűjteményét meghatározott célokra:
- WordPress sablonok vállalkozások számára
- Ingyenes WordPress sablonok
- WordPress sablonok az eshophoz
- WordPress sablonok fotósoknak
WordPress sablon kiválasztása – következtetés
Átgondoltam a követelményeket, ezért folytatom magának a sablonnak a keresését. De ezt átteszem egy másik cikkre. Remélem, ez a cikk hozott neked valamit, akár kezdő vagy, akár haladó WordPress.
Tipp: A megfelelő tárhely kiválasztása elengedhetetlen a gyors webhelyhez. Azt javaslom, hogy a bizonyított minőségre fogadjon: WebSupport , Webglobe-Yegon vagy Wedos .
