Open - Jouw site op een mobiel?

[Tonk]

Tegenwoordig hebben steeds meer mensen een "smartphone" met internet mogelijkheden. Volgens diverse trendwatchers gaat mobiel internet in 2010 het helemaal worden. Dat vraagt om een aangepaste template. Mogelijk ook om aangepaste werking van Joomla?

Wie kan mij stap voor stap vertellen hoe je een site geschikt maakt om ook op een mobiel device te bekijken? Mijn uiteindelijke bedoeling is, naast natuurlijk mijn site ook mobiel toegankelijk te maken, hier een artikel in de FAQ van DutchJoomla! te plaatsen.

Ik zie diverse mogelijkheden en problemen:
a) subdomein met letter m (bijvoorbeeld www.m.sitenaam.nl)
Maar vraagt dat niet een geheel nieuwe J! installatie?

b) zelfde domein maar met iets dat afh van de browser (mobiel ja/nee) gebruik maakt van een gewone of mobiele template.
Bestaat zoiets (extensie)??

c) een apart menupunt (daarna boekmarken op je mobiel) gekoppeld aan een mobiele template. Hiervoor is een mobiele template nodig.

Bij b) en c) kan je via de template ook de contentcategorieën en menu's sturen en zo de via mobiel gevraagde content aanbieden.

Bij mijn zoektocht op internet en diverse fora ben ik eigenlijk heel weinig informatie hierover tegengekomen en slechts twee (betaalde) templates.
Maar weinig of geen informatie over hoe je dit het beste kunt doen.

Wie heeft hiermee ervaring?
Wie heeft templates beschikbaar of gemaakt voor mobiel?

Het lijkt mij geweldig als wij, als DJ! hier een voorsprong in nemen!

Alvast bedankt voor de reacties!

[Basman]

Een reactie:

Er bestaat specifieke css voor mobiele toepassingen. Kort samengevat kun je in je index.php een verwijzing maken naar een css-bestand dat jouw website uitkleedt zodat ie geschikt is om met een iPhone te bekijken. De link naar het css-file is zo geformuleerd dat alleen apparaten met een schermbreedte van maximaal 480px deze zullen gebruiken.

In je template voeg je de regel

<!--[if !IE]>-->
<link media="only screen and (max-width: 480px)"
  rel="stylesheet" type="text/css" href="iphone.css"/>
<!--<![endif]-->

toe en maak je vervolgens het bestand iphone.css aan. In dit css-file zorg je ervoor dat onnodig zware afbeeldingen en andere tierelantijntjes niet geladen worden.

Ik heb dit al eens getest op een gewone mobiele telefoon. Het werkt echt

Meer informatie (Engelstalig):

• How do I design web pages for the iPhone?
• Put Your Content in My Pocket

Het grote voordeel van deze werkwijze is dat je de site intact/normaal houdt voor bezoekers die met een laptop of desktop je site bezoeken. Je hoeft dus geen aparte site te bouwen en/of met andere domeinen aan de gang. Ook de index.php van de template kun je intact houden. Alleen css!

[Tonk]

Werkt dit ook voor andere smart phones behalve de Iphone?
En andere browsers dan IE?

En heb je een voorbeeld van zo'n css (of site)?

[pocaplayer]

ik heb mijn site zoals hierboven aan gepast.
www.electroknop.nl werkt prima op mijn telefoon!

Wel even dit in je iphone.css zetten:

.navigation {
display: none;
}

[Tonk]

Op de mobiele versie van de website Electroknop.nl krijg je de gehele website te zien in een smal formaat. (ook op andere smartphones)

Mijn bedoeling is echter om een andere - speciaal voor mobiel aangepaste - template te gebruiken waarmee je de gebruikersbeleving veel beter kunt sturen.
Bijvoorbeeld door een deel van de informatie weg te laten, omdat Mobiele gebruikers dat toch niet nodig hebben.

Mijn vraag blijft dus nog staan:
Heb ik naast een extra CSS ook nog een andere template nodig?
En wat moet ik doen om het voor alle smartphones te laten werken.
Niet alleen Iphone's!

[gerpol]

misschien is dit een oplossing ?

http://joomla.mobileplugin.net/

[Tonk]

misschien is dit een oplossing ? http://joomla.mobileplugin.net/

Dat ziet er zeer veelbelovend uit.
Dat ga ik proberen.

[harryhekker]

Ik krijg de template wel maar de plugin niet geinstalleerd...

[Lazy Garfield]

Oorspronkelijk geplaatst door harryhekker

Ik krijg de template wel maar de plugin niet geinstalleerd...

Krijg je een dergelijke foutmelding?
Fatal error: Allowed memory size of 33554432 bytes exhausted (tried to allocate 3932161 bytes) in /var/www/vhosts/oldfox.nl/httpdocs/libraries/joomla/utilities/buffer.php on line 66

[harryhekker]

Heb de set-up guide gelezen, de rechten op 775 php 5.2.9
Krijg na een minuutje laden een lege pagina...geen meldingen.

[Lazy Garfield]

Krijg plugin niet geinstalleerd.
Kun je hem gewoon met FTP loaden naar:
/httpdocs/plugins/content
Of gaat dat niet werken?