Básico Mostrar según una condición
Un bloque solo en móviles, o solo en ordenadores
wp="is-mobile" Una barra «Llámanos» para móviles, un mapa pesado solo para ordenadores: el bloque no se oculta con CSS, sino que no llega a la página.
Dónde va
En el bloque: wp="is-mobile" para móviles y tabletas, wp="is-desktop" para ordenadores. También existen is-phone e is-tablet.
Ejemplo: una barra de llamada en móviles
Marcado 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>En el panel no hay nada que configurar
—
En el sitio en un móvil
Coffee for slow mornings
Call us
Lo importante
- El servidor decide según el navegador, así que la caché de páginas debe guardar una copia aparte para móviles; si no, los visitantes reciben la primera variante que guardó.
- Si solo se trata de la maquetación, los puntos de ruptura de CSS son más sencillos y seguros.
Escritura alternativa
wp="is_mobile" funciona igual: la generación da un tema idéntico.