Описание
Автосетка — это блок для редактора блоков WordPress, который позволяет создавать адаптивные столбцы. Элементы внутри него автоматически распределяются по столбцам, заполняя доступное пространство.
Порядок настройки
- Установите максимальное количество столбцов и их минимальную ширину, по достижению которой ячейки будут перераспределяться.
- Укажите размер промежутка между ячейками и их внутренний отступ. Эти параметры можно настроить адаптивно, например, установив мин. размер контейнера, когда должно применяться значение.
- При необходимости задайте ширину определенных ячеек, указав количество столбцов, которые они должны занимать. Вы можете указать минимальное и максимальное количество столбцов, когда значение должно быть применено.
- Готово! Тестируйте.
Скриншоты
Пример Автосетки 
Настройки Автосетки 
Настройки ячейки Автосетки 
Настройки ячейки Автосетки 
Как Автосетка выглядит на сайте
Блоки
Этот плагин предоставляет 2 блока.
- Autogrid Autogrid Block. The elements inside this block are automatically distributed in columns, filling the available space.
- Autogrid Item Autogrid Block Item.
Часто задаваемые вопросы
-
Какие браузеры поддерживаются?
-
Сетка хорошо работает в современных браузерах:
Chrome 79+, Firefox 76+, Edge 79+, Safari 16+.Адаптивность начинает работать только с:
Chrome 106+, Firefox 110+, Edge 106+, Safari 16+.Информация получена на основе сравнения поддержки использованных возможностей CSS: CSS Grid, математическая функция CSS min(), функция CSS repeat(), CSS Container Queries.
-
Настройки адаптивности работают странно?
-
Значения Мин и Макс в настройках адаптивности «Промежутки между ячейками» и «Внутренний отступ ячеек» задаются в px и обозначают ширину контейнера Автосетки, а не ширину области просмотра.
Значения Мин и Макс в настройках адаптивности «Размера ячейки» задаются в целых числах и буквально обозначают количество отображающихся столбцов, когда правило должно применяться.
-
Где посмотреть исходный код?
-
Ознакомиться с исходными файлами можно на Github.
Отзывы
Участники и разработчики
«Автосетка» — проект с открытым исходным кодом. В развитие плагина внесли свой вклад следующие участники:
Участники
«Автосетка» переведён на 1 язык. Благодарим переводчиков за их работу.
Перевести «Автосетка» на ваш язык.
Заинтересованы в разработке?
Посмотрите код, проверьте SVN репозиторий, или подпишитесь на журнал разработки по RSS.
Журнал изменений
2.0.6
- Исправлен баг в Safari.
2.0.5
- Исправил PHP предупреждение и отформатировал .php
2.0.3
- Исправил проблему, когда при увеличении расстояния между ячейками увеличивались и внешние отступы.
- Обновил поддерживаемые настройки (supports).
- Теперь Автосетка корректно отображается внутри вариантов блока Группа.
2.0.2
- Улучшил адаптивность размера ячеек. Значение Макс в некоторых случаях интерпретировалось некорректно.
- Исправил проблему, когда вложенный в расширенную ячейку блок Автосетки отображался некорректно.