Essentiels Afficher sous condition
Un bloc seulement sur téléphone, ou seulement sur ordinateur
wp="is-mobile" Une barre « Appelez-nous » pour les téléphones, une carte interactive lourde, réservée aux ordinateurs : le bloc n’est pas masqué en CSS, il est absent de la page.
Où le placer
Sur le bloc : wp="is-mobile" pour les téléphones et les tablettes, wp="is-desktop" pour les ordinateurs. Il existe aussi is-phone et is-tablet.
Exemple : une barre d’appel sur téléphone
Balisage index.html
<div class="call-bar" wp="is-mobile">
<a href="tel:+15550100199">Call us</a>
</div>
<div class="map" wp="is-desktop">
<img src="images/map.png" alt="Map">
</div>Dans l’administration rien à configurer
—
Sur le site sur un téléphone
Coffee for slow mornings
Call us
À retenir
- Le serveur décide d’après le navigateur : un cache de page doit donc garder une copie séparée pour les téléphones, sinon les visiteurs reçoivent la première variante enregistrée.
- Pour la seule mise en page, les points de rupture CSS sont plus simples et plus sûrs.
Format alternatif
wp="is_mobile" fonctionne de la même façon : la génération donne un thème identique.