Responsive WordPress kinézet átalakítása - kérdés

**mahone** · 2012-12-12, 00:23

Sziasztok!

A következő kérdéssel fordultak hozzám, és megmondom őszintén nem jövök rá a megoldásra.

Adott egy responsive WordPress kinézet. Megpróbálom szemléltetni a kérést:

A példa kedvéért legyen ez:
bizomany.hu/resp.png

Ez ugye mobilon így jelenik meg:
bizomany.hu/resp2.png

Na és az ügyfélnek éppen ez okoz gondot, mert itt nem látszik az oldal képe (görgetni kell) a telefonon egyből. Ő valami ilyesmit szeretne:
bizomany.hu/resp3.png (mikro-ban az egész weboldal, és a látogató majd nagyítson oda, ahová akar)

Köszönöm előre is az ötleteket!

**0xFF** · 2012-12-12, 00:58

Nagyon kicsike lesz az 240 ben, de a legegyszerűbb megoldás az az lenne, hogy "Media Queries"-t használsz és pl 240 pixel alatt a diveknek 50% szélességet adsz nem 100 at mind most az alsóknak meg 33 at.
Nem biztos, hogy működni fog nagyon template függő.

Inkább próbáld meg lebeszélni a dologról mert jobb egy hosszabb "folyamatos" oldal mind egy összezsúfolt valami amibe már be kell zoomolni és átláthatatlan.

**Imot** · 2012-12-12, 02:09

A megoldas banalisan egyszeru. Csak ki kell kapcsolni a responzivitast.

Ha a mobilos bongeszonek ~900-1000px szeles weblapot szolgalsz ki, akkor alapertelmezetten kicsinyitve fogja megjeleniteni a weblap kepet, az olvasashoz zoomolni kell. Tudtommal igy mukodik a mobil bongeszok tobbsege.

**mahone** · 2012-12-12, 18:27

Ha nem responsive, akkor alapértelmezetten nem kicsinyít, hanem megjelenik a vízszintes és függőleges görgetési lehetőség.

Példa:

**Akka** · 2012-12-12, 19:17

Ez érdekes, mert alapvetően kicsinyítenie kellene... nálam kicsinyít telcsin is, meg gépen is user agent-tel mahinálva...
Nem lehet, hogy a "hiba az ön készülékében van"?

**mahone** · 2012-12-12, 19:20

Köszi Akka, és persze a többieknek is. Ez új megvilágításba helyezi a dolgot

0xFF: köszi ezt a tippet is, bár átírni mindent nem lenne egyszerű feladat egy összetett kinézetnél. És nem ez az egyetlen gond a kinézetnél mobilos verzióban, csak ezzel kezdtem

**Csurga** · 2012-12-12, 19:47

Szerintem épp ez a lényege, hogy ne kelljen nagyítgatni az oldalt mobilon sem. Bár a 240-et én is elavultnak tartom, de általában be szokták rakni töréspontnak a designban.
Két lehetőség van alapvetően. Az egyik a görgetés, a másik a nagyítás. A kettő együtt nem megy.

Van egy nagyon jó, egyszerű responsive ellenőrző lap: hxxp://mattkersley.com/responsive/

Itt lehet tesztelni ezeket.

**mahone** · 2012-12-12, 19:49

Persze az a lényeg a responsive kinézetnél, hogy ne kelljen nagyítani. Itt viszont szeretnének nagyítani

Köszi, megnézem az oldalt is.

**Imot** · 2012-12-12, 20:00

Ez desktop bongeszo, az indito kiiras pedig a mobilon megjeleno kinezetrol szol. Ha desktopra optimalizalt (azaz nem responzive) verziot szolgalsz ki (valodi) mobil bongeszoknek akkor kicsinyitve fog megjelenni rajtuk.