Всем привет !
Сегодня буду рассказывать о супер полезном плагине. Всё началось с того, что при создании своего игрового сайта, я хотел сделать на главной странице сетку с анонсами страниц, чтобы можно было опубликовать весь список игр на главной странице, так удобней. Я начал думать как это сделать, перепробовал много вариантов и плагинов, ничего не получалось. Конечно можно было выбрать готовый wordpress шаблон, где уже встроена сетка записей, но дело в том, что я не хотел менять шаблон и я хотел сделать сетку не из записей, а из страниц, так как каждая игра у меня на отдельной странице. В общем в итоге я всё сделал как хотел, в этом мне помогла связка из двух плагинов:
— Responsive Column Widgets (добавляет на страницу сайдбар с адаптивными виджетами)
— Feature a Page Widget (виджет анонсов страниц и записей)
Результат смотрите — Здесь, для каждой игры отображается миниатюра и заголовок страницы, и всё это сделано с помощью виджетов. Заметьте так же, что и заголовки для категорий игр, и кнопки соцсетей, так же добавлены на страницу с помощью виджетов. (Сайт удалил, некогда заниматься).
Итак, а теперь я расскажу вам более подробно о плагине — Responsive Column Widgets. Что он позволит вам сделать ? он добавит на любую страницу вашего сайта адаптивные виджеты, вы сможете добавлять на страницу любые виджеты в любом порядке. Вы сможете делать различные комбинации, например в 1 ряд страницы можно добавить 1 виджет, а во второй ряд 5 виджетов и т.д., подставляйте любые цифры. Данный плагин вы сможете установить прямо из своей админ-панели wordpress. Перейдите по вкладке: Плагины — Добавить новый, введите название плагина в форму поиска, нажмите Enter, установите и активируйте открывшийся плагин.
Далее, чтобы настроить плагин перейдите по вкладке: Внешний вид — Responsive Column Widgets.
Разберём настройки, сразу скажу что рассказывать я буду только о основных настройках, все настройки я разбирать не буду, так как это не обязательно. Некоторые настройки просто нет необходимости настраивать.
New / Edit.
Widget Box Parameter Values.
— Numbers of Columns, смотрите здесь нужно указать количество виджетов, которое будет отображаться в каждом ряду страницы. Пример — 1, 5, 5, 5, 2, в 1 ряду один виджет, в 2, 3 и 4 рядах по пять виджетов, в 5 ряду два виджета. Ещё пример — 600: 1, 600: 2, 800: 5 и т.д., где 600 и 800 это максимальная ширина одного ряда в пикселях. Если не указывать ширину, то размер ширины будет по умолчанию.
Сохраняем настройки.
Далее, спускаемся ещё вниз страницы и находим: