Lorsque l’utilisateur de l’iPhone se connecte sur votre site, il est automatiquement détecté que le site est consulté depuis un iPhone et, ensuite, si tel est le cas on va lui proposer de naviguer sur la version optimisée du site à l’aide de la boite de dialogue par défaut de l’iPhone.
Pourquoi optimiser son site pour l’iPhone ?
Cette phrase est certainement ce que beaucoup de gens doivent penser en voyant le titre de l’article. Mais, le fait de devoir zoomer à tort et à travers peut vite devenir ennuyeux, particulièrement lorsque le texte que vous lisez est plus large que l’écran de l’iPhone. Je pense aussi qu’il peut être bon de proposer à nos lecteurs une version plus minimaliste, avec pas ou peu de Javascript, histoire d’améliorer le temps de chargement.
Désormais, lorsque quelqu’un visitera votre site via un iPhone, le site optimisé Iphone sera automatiquement affiché. Si vous possédez un iPhone ou un iPod Touch, n’hésitez pas à tester et à voir à quel point votre site est facile et agréable à lire sur votre machine mobile.
ATTENTION :
Il peut avoir quelques problemes d’affichage en "mode démonstration" suivant votre navigateur.
Pour profiter pleinement de la démonstration du squelette "Chatterton", copiez ou tapez cette adresse directement sur votre iphone ou smartphone : ICI
INSTALLATION DU SQUELETTE CHATTERTON POUR IPHONE :
1 - Uploader (copier) le dossier "squelettes_iphone" à la racine de votre site spip (ce dossier contient le squelette "chatterton" pour iphone)
2 - A la racine de votre site spip vous devez avoir un dossier "squelettes" :
Dans ce cas copiez le javascript ci dessous entre les balises
<head> et</head> de votre page sommaire.html (contenue dans votre dossier "squelettes") (attention : ne pas confondre avec le dossier "squelettes_iphone")
<!-- start detection iphone -->
<script type="text/javascript">
function iPhoneAlert() {
if((navigator.userAgent.match(/iPhone/i))||(navigator.userAgent.
match(/iPod/i))){
var question = confirm("Souhaitez-vous naviguer sur le site optimise pour iPhone?")
if (question){
window.location = "http://monsite.exemple/?var_skel=chatterton";
}else{
}
}
}
</script>
<!-- end detection iphone -->Note : remplacer monsite.exemple/ par l’url de votre site
3 - Uploader (copier) le dossier "config" à la racine de votre site spip (ce dossier contient le fichier "mes_options.php")
Attention si vous avez déja un fichier "mes_options.php" dans votre votre dossier "config" ? copier simplement le code ci-dessous sur votre fichier "mes_options.php" existant.
<?php
// 'nom' => 'chemin du squelette'
$squelettes = array(
'chatterton'=>'squelettes_iphone/chatterton',
);
// Si l'on demande un squelette particulier qui existe, on pose un cookie, sinon suppression du cookie
if (isset($_GET['var_skel'])) {
if (isset($squelettes[$_GET['var_skel']]))
setcookie('spip_skel', $_COOKIE['spip_skel'] = $_GET['var_skel'], NULL, '/');
else
setcookie('spip_skel', $_COOKIE['spip_skel'] = '', -24*3600, '/');
}
// Si un squelette particulier est sauve, on le definit comme dossier squelettes
if (isset($_COOKIE['spip_skel']) AND isset($squelettes[$_COOKIE['spip_skel']]))
$GLOBALS['dossier_squelettes'] = $squelettes[$_COOKIE['spip_skel']];
?>
4- Allez dans l’espace privé de votre site et "vider le cache"
Voila votre site est opérationnel