WordPress kívülről

Mobil optimalizált honlapkészítés WordPress alapokon

Manapság egyre sürgetőbbé válik az, hogy gondoljunk nem csak a mobiltelefonokra, hanem a tábla gépekre is. Valljuk be 2-3 évvel ezelőtt még nem volt ennyire gyakori a mobil internet és a táblagépek sem hódítottak ekkora teret, mint manapság. Akkor szoktam leginkább szembesülni a mobil és táblaképek jelentőségével, amikor tegyük fel egyik nyugodt pillanatomban a Starbucks-ban fogyasztom kedvenc caffè latte-m. Körbetekintek és annyit látok, régi és új iPad-ok hada az emberek kezében, záporoznak az almás és nem almás telefonok és rá van mindenki gyógyulva világhálóra.

Ez nekem ugyan nem jelent problémát, hiszen akadhat olyan eset, amikor munkám gyümölcsét böngészik, ami valljuk be jó érzés tud lenni. De vajon WordPress alapokon mit is tehetünk, hogy weboldalunk mobiltelefonokon és táblagépeken is megfelelő böngészési élményt nyújtson?

Responsive WordPress sablon

A responsive technológia tulajdonképpen a css media query lehetőséget használja ki melynek segítségével meghatározhatjuk, hogy egyes elemek, milyen méreteket öltsenek, vagy hogyan változzanak a felbontások függvényében. Hasonló megoldások ugyan léteztek javasscript segítségével, de ez egy klasszisokkal jobb megoldás. Természetesen a technológiai leírást most nagyon sarkítottam, mert erről több ezer sort lehetne írni és elmondható, hogy nap mint nap jelennek meg új lehetőségek, tippek, hogy weboldalunk mennyire legyen optimalizálva mobil eszközökre. Úgy mint, képek mérete és kezelése, vagy éppen, hogy álló vagy fekvő képernyőről, úgy mondva orientációról beszélünk éppen. Példa egy media query-re. Ebben az esetben ha 480px-nél kisebb a böngésző, akkor az ott megadott tulajdonságok csak ott érvényesülnek.

@media screen and (max-width: 480px) {

}

A responsive megoldás, nem egy WordPress specifikus megoldás. A responsive megjelenésre, már a front-end fejlesztésnél nagy hangsúlyt kell fektetni. Kiindulhatunk fix értékekből, de használhatunk százalékos értéket is, akkor már könnyebb dolgunk lehet. Bővebben a Front-end fejlesztés kategóriában biztosan olvashattok még a responsive technológiáról. Ingyenesen is elérhető pár ilyen WordPress sablon, lehet őket tanulmányozni.

Responsive weboldal. Megmarad az arculat.

Bővítmény segítségével

Amennyiben készen van weboldalunk és nem értünk a front-end fejlesztéshez, mezei felhasználók vagyunk és nem szeretnénk pénz kiadni a responsive megjelenésért, akkor bővítménnyel oldjuk meg a mobil optimalizálást. Ebben az esetben nincs más dolgunk, mint kiválasztani a megfelelő kiegészítőt, telepíteni, és már végzi is a dolgát. Ebben az esetben már más eredményt kapunk ugyan, de elérhető weboldalunk mobil eszközzel is, amely online marketing szempontból egy plusz pont mindenképpen. Mobil WordPress bővítmények:

Weboldal megjelenése WPtouch Pro bővítménnyel

Melyiket használjam, melyik a jobb?

A responsive weboldal készítés mindenképpen jobb választás. Megmarad weboldalunk arculata és nem lépünk be a kék weboldal kategóriába, ahol minden honlap ugyanúgy néz ki szinte, ha mobillal nézzük. Egy ideig biztosan megfelelő megoldás lehet, de ha adunk online megjelenésünkre és kitartunk az arculat és a márkánk mellett, akkor egyértelműen a megoldás: Responsive weboldal. Az efrud.hu is emellett tette le a voksát. Jelenleg is folyik a fejlesztés.