MAJ – Détecter et afficher un texte aux utilisateurs d’iPhone de votre blog

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{ ?>

Votre texte :
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

Pour compléter votre lecture.

👋 Hello,

Bienvenue sur BlogInfos.com !

Vous allez bientôt être redirigé vers notre partenaire ElegantThemes.com

Si vous ne souhaitez pas être redirigé vers notre partenaire et accéder à l’article, cliquez sur Fermer Maintenant.

FERMER MAINTENANT

DIVI - THÈME WORDPRESS

-10%

👋 Le site ElegantThemes.com propose une réduction de 10% et elle ne sera disponible que pendant quelques temps. Ne manquez pas ça !

En cliquant sur le lien « Fermer Maintenant » vous acceptez d’aider ce site et d’être redirigé vers notre partenaire ElegantThemes.