|
Fejlesztések mobil ügyben
Figi 2016.02.08. 14:31
Rég volt már olyan, hogy jöttem valami mobil cikkel, nemde bár? :) A chatben és emailben is piszkáltatok minket, hogy tegyünk valamit azzal kapcsolatban, hogy lehessen mobilra optimalizált weboldalt készíteni. Bár a G-Portál weboldal szerkezetével a mobilos weboldal felépítés nem a legegyszerűbb, mégis vannak elszánt felhasználóink, akik megpróbálkoznak vele (nagyon helyesen!). Lássuk hát a mai termésünket.
HTML5 DOCTYPE elem
A mobilos kinézet egyik feltétele az, hogy HTML5-tel támogatott legyen az oldalad. Ahhoz, hogy a böngésző meg tudja állapítani, hogy weboldalad HTML5 szabványainak megfelel, be kell rakni a <html> elé egy <!DOCTYPE html> sort. Ezzel a böngésző tudni fogja, hogy milyen szabvány szerint tekintsen rá a weboldaladra.
A HTML5 DOCTYPE bekapcsolására a Vezérlőpult > Beállítások menüpont alatt, a Haladó beállítások blokkban van lehetőség.
FONTOS: Csak akkor kapcsold be, ha valóban HTML5 és CSS3 szabványainak megfelelően kódolsz.
Reszponzív meta tag
A mobilos kinézet másik feltétele, hogy weboldalad <head></head> részébe szerepeljen egy meta tag, amelyről a telefonod meg tudja állapítani, hogy ez egy mobilra készült weboldal. Ha szerepel a <meta name="viewport" content="width=device-width, initial-scale=1"> sor a head részben, a megfelelő méretarány szerint fog betöltődni mobilon a weboldal. Ehhez CSS kódban a megfelelő felbontási skálára el kell készítened a weboldalad CSS kódját.
A Reszponzív meta tag bekapcsolására a Vezérlőpult > Beállítások menüpont alatt, a Haladó beállítások blokkban van lehetőség.
FONTOS: Csak akkor kapcsold be, ha valóban HTML5 és CSS3 szabványainak megfelelően kódolsz, és weboldalad mobil barát!
Ha nem vagy biztos benne, hogy weboldalad mobil barát, akkor ne kapcsold be, különben a mobilos felhasználóktól elveszed a zoomolási lehetőséget.
Még haladóbb felhasználóinknak
Ezennel megteremtettük a lehetőséget, hogy reszponzív weboldalt alkossatok. A Stílus és felület nem rendelkezik még ilyen modern, új stílusokkal, így ha úgy gondoljátok, hogy egyszerűbb stílusok, „sablonok” elkészítésére adnátok a fejeteket, amelyet szeretnétek a Stílus és felületben is látni, akkor ne habozzatok! Essetek neki egy-két új CSS megírására, s küldjétek be nekünk!
Ha van bármi kérdésetek ezzel kapcsolatban vagy nem értetek valamit, ne habozzatok megkérdezni kommentben, chatben, vagy akár a webmesternek emailben is megírhatjátok a webmester@gportal.hu címre!
|
Súgó
Friss hozzászólások