Pas à pas
Par Fran6t le lundi, avril 30 2007, 11:37 - Lien permanent
Le but de ce billet est de décrire pas à pas le cheminement pour procurer au thème Defaut de DOTCLEAR 2 une feuille de style spècifique a l'affichage sur pocket PC dans un premier temps et plus tard pour d'autre appareil mobile.
Etape 1: Récupération d'un billet de test super fourni chez notre grande spécialiste des thèmes DOTCLEAR à savoir Kozlika
Etape 2: Copie du thème defaut en handhled pour cela je duplique le repertoire puis je le renomme et enfin je vais modifier le fichier _define.php provisoirement pour mettre /* Name */ "Handheld", ainsi je vais pouvoir selectionner ce thème depuis l'admin DOTCLEAR et ne pas poulluer le thème defaut d'origine.
Etape 1: Création d'une feuille de style spécifique handheld.css pour les mobiles que je place au même endroit que style.css
Etape 2:
Faire connaître la feuille de style au appareil mobile, pour cela il faut modifier le fichier _head.html en ajoutant la ligne
<link rel="stylesheet" href="tpl:BlogThemeURL
/handheld.css" type="text/css" media="handheld" / >
Etape 3: Par confort de test et de recherche je vais modifier le comportement de Firefox pour qu'il se fasse passer pour un pocket PC, pour cela je regarde dans les log de mon serveur apache la signature de mon pocket PC : Mozilla/4.0 (compatible; MSIE 4.01; Windows CE; PPC; 240x320)
Cela va me permettre surtout aussi de regarder le source par exemple du site des créateur d'OPERA mobile qui je pense sont parmis les mieux placés pour faire des versions mobiles.
Mise en place de User Agent Switcher dans FireFox