Ce petit tutoriel va vous servir à afficher un texte ou autres, aux utilisateurs d’iPhone et d’iPod Touch de votre blog.
Par exemple, signaler à vos lecteurs que vous disposez d’une version optimisée de votre blog. Voir « Optimiser votre blog pour l’iPhone avec MoFuse«
Bien sûr il existe des plugins qui vous permettent d’optimiser votre blog pour iPhone.
Mais si vous voulez, comme moi, avoir votre blog entièrement accessible avec toutes ses fonctions et proposer à côté une version iPhone, ce tutoriel est fait pour vous. Il peut également vous servir à d’autre fin.
Je tiens à préciser que ce script marche avec n’importe quel site, blog…
Tout d’abord, ouvrez le fichier « header.php » de votre thème WordPress.
Ensuite insérez ce code dans la balise « head ».
Voici la méthode JS :
[js]
[/js]
Voici la méthode en PHP :
[php]
< ?php
$browserfind = stripos($_SERVER['HTTP_USER_AGENT'], 'iPhone') || stripos($_SERVER['HTTP_USER_AGENT'], 'iPod');
if ($browserfind === false) {
?>
< ?php
}else{
?>
Nom du blog pour iPhone (iPod Touch)
< ?php
}
?>
[/php]
Vous avez sûrement remarqués l’attribut « class= »iphone » », celui-ci va vous permettre de donner un style sur votre texte.
Voici donc le code CSS, à insérer dans votre feuille de style – « style.css » :
[css]
.iphone {
background: url(URL DE L’IMAGE DE FOND) top repeat-x #FFFFFF;
font-family:helvetica,arial;
font-size:26px;
color: #000000;
border:0px;
margin:0px;
padding:0px;
height:70px;
text-align: center;
}
[/css]
Publié à l'origine le : 6 septembre 2008 @ 15 h 36 min
