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]

Votre texte :
Nom du blog pour iPhone (iPod Touch)

[/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]

BRANDT Valentin

Créateur de Geekeries.fr. Référentiel de ressources WordPress en Français qui a vu le jour pour la toute première fois en 2007. Je publie régulièrement des plugins, des outils SEO, des ressources et de l'actualités pour améliorer votre expérience avec le CMS WordPress.

Ne manquez pas nos autres contenus :