Иногда при написании статьи приходится использовать большие таблицы. При просмотре с ПК — они легко читаемы и сразу понятны. Если же смотреть со смартфона, то таблица либо «поплывёт», либо станет плохо читаемой. Также страница будет признана неоптимизированной для мобильных устройств поисковыми системами и её могут исключить из поиска.
Что делать?
Если таблицу можно уменьшить или сделать читаемой для мобильных (оптимизировать) — делайте это.
Если этого сделать не получается, то можно скрыть её при просмотре на мобильных, а в статье сделать ссылку либо на её открытие (с помощью простенького JS скрипта), либо ссылку на скачивание картинки или пдф с такой таблицей. Опять же, если таблица действительно важна.
Самый простой способ скрыть — через стили.
В коде страницы или всего сайта (тут всё зависит от ваших потребностей) пишите следующий код:
<style>
@media (max-width: 768px) {
table {
display: none;
}
}
</style>
В результате, таблицы не будут отображаться.
На WordPress это сделать очень легко в редакторе тем, если для вас это сложно, то можете воспользоваться плагином Ad Inserter. Это плагин для управления рекламой на вашем сайте, но он отлично подходит для вставки стилей в различных разделах, категориях, записях и т.д.
Инструкция:
- Устанавливаем плагин и активируем его.
- Открываем любой блок и вставляем код, который указан выше
- Отмечаем «Записи» — если скрыть на всех записях. Если нужно скрыть на конкретных записях или записях с определенным URL, то нажимаем «Списки» — и выбираем необходимое.
- В поле «вставка» — выбираем «перед контентом».
- Нажимаем сохранить и проверяем.
- Если у вас установлен какой-либо плагин кэширования, то чистим кэш.
