Основне Показ за умовою
Блок лише на телефонах або лише на комп’ютерах
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" працює так само: тема збирається однаковою.