Основное Показать по условию
Блок только на телефонах или только на компьютерах
wp="is-mobile" Полоса «Позвонить» для телефонов, тяжёлая карта только для компьютеров: блок не прячется стилями, он не выводится вовсе.
Куда ставить
На блок: wp="is-mobile" — телефоны и планшеты, wp="is-desktop" — компьютеры. Есть ещё is-phone и is-tablet.
Пример: кнопка звонка на телефонах
Вёрстка 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>В админке настраивать нечего
—
На сайте на телефоне
Coffee for slow mornings
Call us
Что важно
- Решает сервер по браузеру, поэтому кэш страниц должен держать отдельную копию для телефонов, иначе все получат первый сохранённый вариант.
- Если дело только в раскладке, точки перелома CSS проще и надёжнее.
Альтернативная запись
wp="is_mobile" работает так же: сборка даёт одинаковую тему.