http://www,template-joomla,us      Ahmed bouderka      alwadifa@live,fr
Créer une version mobile de votre site joomla pour iphone , ipad et androidCertes de nos jours les téléphones mobiles et l...
Attention : si vous navez pas de mobile 3G ou internet sur le mobile pour lavisualisation des résultats vous pouvez simule...
Passons aux choses techniques :1-Télécharger composant mobilejoomla ici :http://www.mobilejoomla.com/ cestgratuit mais il ...
3-maintenant on va créer un sous domaine a partir de votre cpanelAttention il faut que le sous domaine soit rediriger vers...
Figure 6voilà si vous entrez sur lurl http://iphone,votre-site,com suivante vous allez trouvezvotre site cest transformez ...
Maintenant on va voir les autres options disponibles :1-Changer le template iphone :Il existe quatre template pour la vers...
Wap ,pda ,AndroidPour changer le template entrez sur settings puis iphone puis change template « figure 10 «
Figure 10Cest ici ou vous pouvez changer le template !Maintenant on va voir une chose très importante il sagit de placer l...
Bon pour choisir les modules à positionner sur le template on fait pas commedhabitude via le gestionnaire des modules mais...
voilà le résultats final : un jolie site « iphone ready » compatible avec les mobilesléger qui contient tous les informati...
Créer un site Mobile avec joomla 1.5
Prochain SlideShare
Chargement dans…5
×

Créer un site Mobile avec joomla 1.5

4 713 vues

Publié le

Grâce a ce tutoriel vous allez savoir comment créer une version mobile de votre site pour iphone , android et ipad .
Visitez notre site
http://www.template-joomla.us

0 commentaire
1 j’aime
Statistiques
Remarques
  • Soyez le premier à commenter

Aucun téléchargement
Vues
Nombre de vues
4 713
Sur SlideShare
0
Issues des intégrations
0
Intégrations
103
Actions
Partages
0
Téléchargements
77
Commentaires
0
J’aime
1
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

Créer un site Mobile avec joomla 1.5

  1. 1. http://www,template-joomla,us Ahmed bouderka alwadifa@live,fr
  2. 2. Créer une version mobile de votre site joomla pour iphone , ipad et androidCertes de nos jours les téléphones mobiles et les pc tablettes devient de plus en plusimpliqués dans notre vie surtout avec linternet sans fil 3G / 4G et le wifi les gensutilisent leurs mobiles pour accéder à internet ; voir leurs mails , tchater , surfer surfacebook ,,,Si vous avez un web site vous avez peut être penser à créer une version mobile devotre site pour faciliter l’accès à ceux qui utilisent des petits gadgets commes liphonemais le il y a beaucoup de contrainte parce quil sagit bien évidement dune autreplat-forme que les pc du bureau !Il y a le problème de la taille du navigateur qui est petit donc votre site va fatiguélutilisateur si il est large avec deux ou trois colonnes !! je sais pas si vous avez déjàessayer sa ! Mais moi oui et jai dégoûter mon site : il faut agrandir puis glisser agauche et a droite , les images sont grandes et se charge lentement ! Par contre lessites compatibles avec les mobiles ne comporte quune seule colonne avec des imagespetites , le texte claire au premier vue et pas besoin de zoomer en avant du premiercoup pour lire le contenu du site !Donc si vous avez un site en joomla 1,5 vous pouvez créer une version mobile pourvotre site qui sera adapté aux mobiles surtout les : iphone ipad , smartphone ,pdaaussi la platforme android sans changer quoi que ce soit sur le site principale !Jai fais le test sur un site et voilà je partage avec vous mon expérience sur ce petitlivre !!Donc il faut avoir un site en joomla 1,5 et non pas en joomla 1,6 car le composantmobilejoomla nécessaire nest pas encore disponible pour joomla 1,6 !Avant de commencer lexplication voici deux exemple du résultats :1-version standard : http://www,gsm-maroc,comversion mobile : http://iphone,gsm-maroc,com2-version standard : http://www.rodmartin.me/version mobile :http://iphone.rodmartin.me/
  3. 3. Attention : si vous navez pas de mobile 3G ou internet sur le mobile pour lavisualisation des résultats vous pouvez simuler le navigateur du mobile sur votre pc :Pour simuler le navigateurs du pc comme si vous êtes sur un iphone il faut seulementdiminuer la taille de lexplorateur google chrome ou opera et vous aurez une vuesemblable à un iphone ! « figure 1 » figure1
  4. 4. Passons aux choses techniques :1-Télécharger composant mobilejoomla ici :http://www.mobilejoomla.com/ cestgratuit mais il faut sinscrire pour effectuer le téléchargement ! Figure 2Il y a une chose quil faut signaler cest que vous ne pouvez pas faire un test sur lelocalhost car vous devez créer un sous domaine ; chose quon ne peut pas faire surlocalhost ! Donc on install directement sur un site en ligne et prenez une sauvegardepar précaution ,2-Installer le composant comme tout autre composant , cela demande un peu detemps car il y a des modules , plugins, et des templates à installer automatiquement , Figure 3
  5. 5. 3-maintenant on va créer un sous domaine a partir de votre cpanelAttention il faut que le sous domaine soit rediriger vers le racine de votre site « figure2« Figure 4Maintenant on revient à notre site pour la configurationDans ladministration du composant mobilejoomla : Figure 5Suivez la figure 6 puis sauvegardez les modifications
  6. 6. Figure 6voilà si vous entrez sur lurl http://iphone,votre-site,com suivante vous allez trouvezvotre site cest transformez !!!Jusquau la il faut avoir le site qui marche en sous domaine avec un look iphone et ledomaine principale rien ne sera changer !
  7. 7. Maintenant on va voir les autres options disponibles :1-Changer le template iphone :Il existe quatre template pour la version mobile du site et vous pouvez faire le choixou bien laissez le template iphone ,voilà un aperçu des templates disponibles : Iphone ipad et ipod touch template
  8. 8. Wap ,pda ,AndroidPour changer le template entrez sur settings puis iphone puis change template « figure 10 «
  9. 9. Figure 10Cest ici ou vous pouvez changer le template !Maintenant on va voir une chose très importante il sagit de placer les modules sur letemplate , sur les template mobile il faut que les modules soient en une seulecolonne ! Vous avez le choix de placer les modules en haut ou en bas du contenuseulement et il faut pas mettre beaucoup de module seulement ce qui est necéssairepour faciliter la navigation sur les mobiles ; la pièce maîtresse du site cest lecontenu !!Sur le template iphone voici les position des modules disponibles :
  10. 10. Bon pour choisir les modules à positionner sur le template on fait pas commedhabitude via le gestionnaire des modules mais dans la configuration composantmobilejoomla ,Cest très simple il y a des positions disponibles en amant et en aval du contenu cequiil vous faut cest choisir des modules à placer dans ces positions disponibles sur letemplate ,Voir la figure suivant ,,,
  11. 11. voilà le résultats final : un jolie site « iphone ready » compatible avec les mobilesléger qui contient tous les informations de votre site avec un look professionnelle ettout ça gratuitement http://www,template-joomla,us Ahmed bouderka alwadifa@live,fr

×