Mobilbarát weboldal Joomla

Hogyan tehetjük a már régebbi joomla weboldalunkat mobilbaráttá?

Amennyiben a sablonunk reszponzív, úgy aránylag könnyű dolgunk van mert általában elég tűrhetően jelenik meg mobil nézetben az oldal. Itt sem árt azért egy jópár modult elrejteni, teljesen feleslegesen jelenik meg egy csomó modulunk a mobil készüléken és csak zavaróan hat a látogatónak. Ezt egy egyszerű kis kóddal elérhetjük,

nem kell CSS-t vagy HTML kódolást elvégezni. Megnyitjuk azt a modult amit el szeretnénk rejteni a mobil nézetről és általában a Speciál fül alatt megkeressük a Modul osztály utótagot és beírjuk az alábbi kódot:

Modul osztály utótag

Ezek után már nem fog látszani ez a modulunk mobil nézetben.

Ugyan ezzel a megoldással a fordítottját is el tudjuk érni, azaz csak mobilon fog látszani az adott modul ha beírjuk: hidden-desktop kódot.

Modul osztály utótag

Vagy ezeket alkalmazva:

Container width None (auto) 750px 970px 1170px

Class prefix hidden-xs hidden-sm hidden-md hidden-lg

Így egy kissé átalakíthatjuk a normál asztali nézetet és a mobilos megjelenítést.

Ha a sablonunk nem reszponzív akkor is le lehet tiltani a modulokat és kísérletezni vele, hogy mikor válik azzá, de ez ritkán sikerül. Ebben az esetben egy új sablont érdemes telepíteni a legújabb joomla verzióra frissítve.

Ezen az oldalon le is lehet ellenőrizni, hogy mennyire sikerült elérni a mobilbarát kinézetet: Mobil teszt