Ha valaha szerettél volna weboldalt, valószínűleg megnézted a sablonpiacot, ahol néhány ezer forintért kapsz egy "kész" weboldalt. Aztán rájöttél, hogy ugyanúgy néz ki, mint a szomszéd cégé. Ebben a cikkben megmutatom, miért van ez, és hogyan készül az, ami nem sablon.
Mi a gond a kész sablonokkal?
Nem azt mondom, hogy rosszak. Sok esetben tökéletes megoldás egy kisebb költségvetéshez. De van néhány jellegzetes hátrányuk:
- Mindenki ugyanazt használja. Az ügyfeled azt látja, hogy az oldalad olyan, mint a többi.
- Túl sok mindent tudnak. A sablon azért általános, mert sok esetre felkészült. Ebből a legtöbb funkcióra neked nincs szükséged, de az oldalad betölti őket, és ettől lassabb lesz.
- Függőség. Ha a sablon készítője abbahagyja a frissítését, rád marad a probléma.
- Beállítások labirintusa. Hosszú idő, mire rájössz, hogyan lehet a kívánt megjelenést kicsikarni belőle.
Hogyan készül az egyedi sablon?
Én ezt a lépéssorrendet követem:
1. Meghallgatlak
Itt dől el a legtöbb. Megkérdezem, mit szeretnél elérni, kik az ügyfeleid, és mit kell tudnia az oldalnak. Nem azzal kezdem, hogy milyen színű legyen a gomb, hanem azzal, hogy mit csináljon a gomb.
2. Tartalom és szerkezet
Kitaláljuk, milyen oldalak legyenek, és mi hova kerüljön. A látogatók általában célzottan érkeznek, ezért a szerkezetet úgy kell kialakítani, hogy gyorsan megtalálják, amit keresnek.
3. Design
Ekkor jön a megjelenés: színek, betűtípusok, térközök, a márkád hangulata. Fontos, hogy a design rendszer legyen, ne egyedi hóbort: ugyanazok az elemek ugyanúgy viselkedjenek az egész oldalon.
4. Fejlesztés
Itt készül el maga a téma. A modern WordPressben ez blokkalapú: a design építőelemei (fejlécek, kártyák, árkártyák, gyakori kérdések) Gutenberg blokkokból állnak, így később te magad is szerkesztheted őket, kódolás nélkül. A stílusokat és a viselkedést külön fejlesztem (SCSS, JavaScript), egy build folyamatban, hogy az oldal gyors és karbantartható legyen.
5. Tesztelés
Mobil, tablet, asztali gép, különböző böngészők. Sebesség. Akadálymentesség (kontraszt, billentyűzettel használhatóság, képernyőolvasó). Itt derül ki, ami az elején még nem látszott.
6. Átadás és oktatás
Az oldal akkor van kész, amikor te is tudod használni. Megmutatom, hogyan szerkesztheted a tartalmat, hogyan tölthetsz fel új képet, hogyan módosíthatod a menüt. Ez a rész sokszor többet ér a látványos animációknál.
Mit nyersz vele?
- Egyedi megjelenés, ami a te márkádat tükrözi, nem egy általános kinézetet.
- Gyorsabb oldal, mert csak az kerül bele, amire szükség van.
- Szerkeszthetőség: a tartalom az adminban van, nem a kódban.
- Karbantarthatóság: tiszta kód, kevesebb bővítmény, kevesebb hibaforrás.
- Hosszabb élettartam: ha jól van megépítve, évekig bővíthető.
Az oldalam, amit most olvasol, is így készült. A Charm nevű saját témámat használom, minden szöveg a WordPress szerkesztőben van, nem a kódban.
Mikor éri meg mégis a sablon?
Őszintén: ha nagyon kicsi a költségvetés, vagy ha az oldal csak ideiglenes (egy esemény, egy kampány), akkor a sablon teljesen jó választás. Ilyenkor is csinálok sablonból oldalt, ha erre van szükség. Az egyedi fejlesztés ott éri meg igazán, ahol az online jelenlét a cég egyik fő eszköze, és évekig számítasz rá.
Ha nem vagy biztos benne, melyik út a jobb, kérj egy ingyenes auditot, vagy nézd meg, hogyan dolgozom a weboldal készítés oldalon. Ha pedig konkrét ötleted van, írj nekem.