hello@peterteszary.com

Hogyan tervezd meg a weboldalad?

Mielőtt felépítjük, vagy felépíttetjük valakivel a weboldalunkat érdemes megtervezni, hogy mit is szeretnénk.

Íme néhány kérdés, ami hasznos lehet a tervezéshez:

• Miért készül az oldal, mi a célja?
• Ez egy bemutatkozó oldal lesz?
• Esetleg egy blog?

Ez esetben meg kell határozunk, hogy milyen menüpontok lesznek, mit szeretnénk bemutatni? Ha például ez egy céges bemutatkozó oldal akkor a menü például így néz ki:
• Kezdőlap
• Rólunk
• Munkáink
• Blog
• Kapcsolat

Egy személyes blog?

Akkor ez esetben sokszor nem is kell más, csak a bejegyzések gyűjtőoldala, esetleg egy rólam vagy bemutatkozó oldal és egy kapcsolat rész.

Ki a célközönség?

Tudjuk-e, hogy kiknek készítjük az oldalt? Szakmai közönségnek? Az átlag felhasználóknak? Ez már csak azért is fontos, hogy a szövegezés mennyire legyen szakmai? A túl sok szakzsargon elriaszthatja a látogatókat, ha pedig szakmai vagyis hozzáértő közönségnek készül az oldal akkor viszont jól jöhet a „szakmai” szószedet.

Milyen korosztály?

(ez fontos lehet az elrendezés, szövegezés, design miatt)
Itt ismételten fontos, hogy tisztában legyünk a közönséggel. Ha fiataloknak ajánljuk az oldalt, akkor a kinézetének is olyannak (fiatalosnak) kell lennie. Viszont ha egy idősebb korcsoportnak, akkor lehet, hogy konzervatívabbra kell vennünk a figurát. Például egy 60-as korcsoportnak nem biztos hogy imponál a koponyás háttéren tetovált fotókkal operáló honlap.

Mi a téma?

Mivel foglalkozik a honlap? Mert ha például gyerekeknek szóló dolgokkal, akkor vidám színek kellenek és szintén nem feltétlenül javasolt a koponyás háttér használata.

Magunknak készítjük?

Ha magunknak készítjük, akkor jóval szabadabban vehetjük a honlap fejlesztését.

Másnak készítjük?

Ha ügyfél számára készül az oldal, akkor bizony pontosan le kell fixálni még a kezdetekkor az elvárásokat, mi a pontos brief etc... Mert könnyen elveszíthetjük az ügyfelet, ha a pontos kritériumok és határidő nem tisztázott.

Mire akarjuk használni?

Értékesítés, bemutatkozás, csak legyen egy honlapunk, valamit árulunk rajta?
Érdemes első körben átgondolni a menüpontokat. Ez egy hasznos vonalvezető lehet annak kapcsán, hogy majd miként állítjuk össze a tartalmunkat. Alapeset, hogy van egy kezdőlap, ahová először érkezik a látogató. Itt érdemes figyelemfelkeltő dolgokat elhelyezni azzal kapcsolatban amiről az oldal szól. Például fejlécet, rövid szöveges és/vagy képes blokkokat, hogy mivel foglalkozunk. Esetleg egy videót, korábbi ügyfelektől véleményeket…
A többi menüpont tartalma teljesen specifikus. Függően attól, hogy mi a cél. Ha egy blogot vezetünk, akkor kell egy blog menüpont, ami az általunk írt cikkeket, bejegyzéseket összegyűjti.

A “Rólunk” menüpont természetesen minket mutat be, csak egy egy kicsit részletesebben. Ott már lehet több kép, több szöveg, érdekességek stb.

A “kapcsolat” menüpont is igen egyértelmű, hiszen itt az elérhetőségeinket tehetjük közzé. Legyen az email, telefonszám, vagy Social Media felület.

Egy plusz hasznos módszer, ha lerajzoljuk milyen pontjai lesznek az oldalunknak. Ha ilyen módon sikerül vizualizálni az elrendezést és a kinézetet, akkor az számunkra is nyilvánvalóvá tesz dolgokat, illetve ha ezt továbbítjuk a fejlesztőnek, akkor már ő is látja az elképzeléseinket. Nyugodtan ragadjunk papírt és ceruzát ha egyelőre csak ilyen eszközünk van hozzá. Már ez is nagy segítség lesz. Rajzoljuk le miként képzeljük el. Melyik oldalon mi fog szerepelni. Hány főoldal és aloldal lesz. Ezáltal kirajzolódik az is, milyen tartalmat, szöveget, képet kell összekészítenünk a munka elkezdéséhez.

 

 

Sablon vagy egyedi design?

Ezt azt gondolom, hogy mindig egy örökzöld kérdés marad. De miről is van szó? Nos, a WordPress alapú honlapokra az évek során számtalan sablon vagy más néven téma készült. Ezek a sablonok adják tulajdonképpen az oldalak kinézetét és sok esetben behatárolják az oldalak funkcióit.

A sablonokat bárki megvásárolhatja és telepítheti a honlapján amennyiben ért hozzá. Ez egy egyszerűbb és gyorsabb fajtája a honlapfejlesztésnek és talán elsőre költséghatékonynak is tűnhet. Viszont, később merülnek fel majd az apróbb kérdések, kérések amelyek sokkal drágábbá tehetik az oldal elkészítését hosszútávon.

Ez azért van, mert ezek a sablonok annyit tudnak amennyit mutatnak, hogy nagyon sarkosítsam a dolgot. De mondok pár egyszerű példát amely talán könnyebben érthetővé teszi a dolgot. Példaként az adott sablon nem tud webáruházat kezelni, mert nincs ilyen modulja. Ekkor sokkal többe kerül egy fejlesztőt felkérni hogy fejlessze le a webáruházat kezelő részét a sablonnak. De mondok mást. Sok esetben az ügyfél a már készülő honlapnál szembesül azzal, hogy ez vagy az (pl. megosztás gomb, nem megfelelő blog elrendezés) nem szimpatikus a számára.

Turkálás a kódban

Ekkor megint csak a fejlesztőt kell megkérni a módosításokra, mert itt bizony a sablon forráskódját kell átszerkeszteni, hogy a kívánt formát érjük el.

A példák száma végtelen, de az végeredmény ugyan az: Bár a sablont olcsóbb megvásárolni, mégis amikor felmerülnek az extra igények, akkor az jóval megnövelheti a honlap költségeit, hiszen plusz fejlesztésekre van szükség, és a fejlesztők egyébként sem szeretnek „más kódjában turkálni”.

A sablonokat általában rendszeres időközönként frissítik. Ennek több oka is van, de ebbe itt most nem mennék bele. Ezért ha a sablonunkban módosítások történnek, akkor az a frissítéssel felül íródhat. Persze erre is van megoldás.

Child theme

Ugyan a sablonunkból származtatható úgynevezett child-theme amely az eredetitől különállóan „hozzáadja/hivatkozza” a módosításokat a fő-sablonuknkhoz. Viszont mi azt nem mindig tudjuk, hogy a sablon mely része módosul egy frissítésnél. Általában ezek a sablonok úgy vannak elkészítve, hogy a kód módosításánál a „core” vagyis a mag/alap kódrész nem módosul, vagy nincs kihatással az egyéb hozzáadott dolgokra. De ebben sosem lehetünk száz százalékig biztosak. Az ördög nem alszik.

Én magam az egyedi design híve vagyok, mert akkor a fejlesztő pontosan tudja, hogy mi alkotja a honlapot. Milyen moduljai vannak és miként tud módosítani, hozzáadni, vagy elvenni. Ez egy picit lassabb folyamat és folyamatos kapcsolattartást igényel az ügyféllel, de ha egyszer elkészül, akkor azután bármilyen egyéb módosítás, jóval egyszerűbben eszközölhető mint a fentebb említett verziónál.

Tehát én ezért teszem le a voksom az egyedi design mellett.

Miért Pont WordPress?

Számtalan bejegyzés született már a témával kapcsolatban. Angolul és magyar nyelven is sokan boncolgatták már a témát. Sokan kedvelik, sokan pedig egyenesen utálják, de egy dolgot nem lehet tagadni: a WordPress nagyon népszerű.

Webdesignerként én is a WP mellett teszem le a voksom. Az ok igen egyszerű: mert az interneten fellelhető (összes) weboldal 37,1%-a WordPress motorját használja. (Forrás: https://bit.ly/2KJ5MXM) A CMS rendszereket használó weboldalaknak pedig a 63,4%-a. A keretrendszer maga ingyenes és rengeteg lehetőséget biztosít az oldalunk felturbózására. Ez már csak azért is fontos, mert ahány ügyfél annyiféle igény létezik. Nincsen két egyforma weboldal.

Na jó, de mi is az a WordPress?
A WordPress egy CMS keretrendszer.
De mit jelent a CMS?

A CMS egy angol rövidítés amely Content Management System-et, tehát tartalom kezelő rendszert jelent kibontva. Alapvetően egy blog motor lenne, de az évek során számtalan kiegészítőt kapott és rengeteg változtatáson esett át (Az első (0.7) verziót 2003. május 27-én adta ki Matt Mullenweg és Ryan Boren. ). Ennek köszönhetően nagyon nagy területet fed le annak tekintetében, hogy mire lehet használni az online világban.

Építhetünk vele portfólió weboldalt, webshopot, de akár éttermek számára foglalási rendszert is. Bármit. Igazából azt mondhatom, hogy a felhasználhatóságának csak a képzeletünk szabhat határt.

Természetesen többféle CMS rendszer létezik mint például a Joomla, Drupal etc., de a legnépszerűbb mégis a WordPress. Nagyon sokan ezért is támadják. Mert minden rendszernek ahogyan a WordPressnek is megvannak a maga gyengeségei. A pozitív érvelés a WP mellett mégis talán az, hogy pont a népszerűsége miatt folyamatosan érkeznek rá az újabb frissítések, fejlesztések, kiegészítők.

 

Nyilt forráskódú rendszer

A WordPress egy nyílt forráskódú keretrendszer, aminek már igen népes tábora van világszerte. Sok tehetséges fejlesztő az igények felmerülése miatt, vagy pont azért mert ő maga nem talált megoldást a problémájára amikor kereste, saját fejlesztésű plugineket készít a WordPresshez. Hogy mik a pluginek és mire is jók, arra is ki fogok térni egy későbbi bejegyzésben.

Mindenki másra szeretné használni az oldalát. Valaki csak a blogját szeretné itt vezetni, de van aki egy komplett áruházat szeretne felépíteni az online világban. Ezt is meg lehet tenni a WP-vel.

 

A Működése

Alapvetően a wp oldalak működését kell megértenünk. A WordPress oldalak az oldal file-jaiból és az adatbázisból állnak. A kettő nem működik egymás nélkül. Ezt képzeljük el úgy (egy nagyon leegyszerűsített példával, ami miatt előre is elnézést kérek a szakavatott olvasóktól, de igyekszem konyhanyelven leírni a dolgokat a laikusok számára), hogy a WP file-ok a kasztni az adatbázis pedig maga a motor.

Maga a keretrendszer installálása viszonylag egyszerű, bár avatatlan kezek között sok hibába belefuthatunk. Érdemes szakember segítségét kérnünk ha saját oldalt szeretnénk csinálni, de természetesen magunk is belevághatunk.

Azzal azért tisztában kell lenni, hogy ha csak ki szeretnénk próbálni magunkat, akkor minden további nélkül “játszhatunk” a wordpressel, de ha valóban egyedi és tiszta oldalt szeretnénk, akkor érdemes szakértő segítségét kérni az oldalunk elkészítéséhez, mert rengeteg olyan apró trükk van, amit egy komoly weboldalnál jobb ha hozzáértő végez el.

A témához később még visszatérek. Ez egyelőre csak egy bevezető volt.

Hogyan tervezd meg a weboldalad?
Azonnali időpontfoglalás