Quellel est la meilleur méthode pour faire un template "responsive" sous Joomla 3.x ?

[nicolasallouat]

Bonjour,

J'ai créé différents templates sous J2.5, je ne suis pas un expert ni un codeur mais je me débrouille.

Je dois créer un nouveau site Web, et j'aimerai le monter sous J3.x pour profiter des caractéristiques "responsive" de cette nouvelle version.

J'ai installé le package Joomla 3.1 proposé sur Joomla.Fr qui vient le Bootstrap d'intégré (si je ne me trompe pas).

Quels composants et procédures me recommandez-vous pour optimisez mes templates vers J3.x et les rentre "responsive" pour un meilleur affichage sur les supports mobiles?

Auriez-vous un site Web ou un tutoriel à me conseiller?

Est-il intéressant d'ajouter Gantry?

Merci de votre aide
Nico

[jisse03]

Re : Quellel est la meilleur méthode pour faire un template "responsive" sous Joomla

Bonjour,

Quelques tutos :
En français: http://www.joomla.fr/les-news-de-la-...plate-joomla-3

En anglais : http://docs.joomla.org/Creating_a_ba...omla!_template

http://www.inmotionhosting.com/support/edu/joomla-3/create-template

Et bien entendu, la doc Bootstrap http://getbootstrap.com/2.3.2/
C'ets le meilleur moyen pour avoir les bonnes bases et la compréhension de ce type de template

[lefabdu51]

Re : Quellel est la meilleur méthode pour faire un template "responsive" sous Joomla

un tuto qui te serviras, que tu soit sous j2.5 ou J3..

http://www.google.fr/url?sa=t&rct=j&q=&esrc=s&source=web&cd=1&cad=rja&ved=0CDEQFjAA&url=http%3A%2F%2Fwww.alsacreations.com%2Farticle%2Flire%2F930-css3-media-queries.html&ei=UVr5Ub3lHujt0gXZ5oDwDg&usg=AFQjCNGTmXzKgd7hvQFSEpUm2_OYyffE-Q&bvm=bv.49967636,d.d2k

Les requetes media sont la base des templates responsifs. Si tu integres bootstrap, alors c est lui qui gères cet aspect.

Tu peut ajouter gantry ou un autre.. teste differents frameworks et voit celui qui te conviens le mieux.

[ghazal]

Re : Quellel est la meilleur méthode pour faire un template "responsive" sous Joomla

Salut,
je completerai les liens donnés ci-dessus par ce tableau des media queries selon le viewport et le support :

Media Query Snippets - list of media queries

http://nmsdvid.com/snippets/

et ce site de tests :
Am I Responsive?

http://ami.responsivedesign.is/

Cela dit, rien ne vaut les tests en réel.
Perso, je dispose de :
iPad, iPhone -->iOS
Galaxy Tab (tablette) --> Android
Nokia Lumia (smartphone) --> Windows Phone 8

[santisystem]

Re : Quellel est la meilleur méthode pour faire un template "responsive" sous Joomla

j'opte pour la t3 de joomlart http://t3-framework.org/ fonctionne très bien, le template est personnalisable, on peut activer ou désactiver des positions, facile à utiliser pour les débutants.
Il y a aussi gantry framework, puissant, facile à utiliser aussi mais l'interface reste classique à mon goût.

[electrocity]

Re : Quellel est la meilleur méthode pour faire un template "responsive" sous Joomla

Perso, si le template est à usage unique et que vous avez des connaissances CSS, éviter les framework genre gantry mais plutôt un template responsive et pourquoi pas celui intégré dans joomla 3 sur lequel vous appliqué vos modifications.
Avec bootstrap + le fichier less et un peu d'imagination une grosse partie du travail sera déja exploitaible en quelques heures.

Si vous n'avez pas de connaissance CSS, alors un framework peut être une solution.

P.S: ce n'est pas joomla qui rend votre site responsive, joomla 1.5 peut aussi faire des sites responsives. surtout que le responsive actuel se cantonne a des medias query CSS et un peu de javascript.

[ced1870]

Re : Quellel est la meilleur méthode pour faire un template "responsive" sous Joomla

salut
je suis d'accord avec electrocity, utilises le template "protostar" inclus dans joomla 3, il est responsive et fait pour joomla 3
CEd

[tataye]

Re : Quellel est la meilleur méthode pour faire un template "responsive" sous Joomla

tu peux également aller chercher sur le site du modeste ced le tuto sur la création de templates j3
il y a une version gratuite, et une plus complète pour seulement 10 euros.
je l'ai fait et ne le regrette pas