Как настроить плагин Responsive Column Widgets


Всем привет !

Сегодня буду рассказывать о супер полезном плагине. Всё началось с того, что при создании своего игрового сайта, я хотел сделать на главной странице сетку с анонсами страниц, чтобы можно было опубликовать весь список игр на главной странице, так удобней. Я начал думать как это сделать, перепробовал много вариантов и плагинов, ничего не получалось. Конечно можно было выбрать готовый wordpress шаблон, где уже встроена сетка записей, но дело в том, что я не хотел менять шаблон и я хотел сделать сетку не из записей, а из страниц, так как каждая игра у меня на отдельной странице. В общем в итоге я всё сделал как хотел, в этом мне помогла связка из двух плагинов:

 

– Responsive Column Widgets  (добавляет на страницу сайдбар с адаптивными виджетами)

– Feature a Page Widget  (виджет анонсов страниц и записей)

 

Результат смотрите – Здесь, для каждой игры отображается миниатюра и заголовок страницы, и всё это сделано с помощью виджетов. Заметьте так же, что и заголовки для категорий игр, и кнопки соцсетей, так же добавлены на страницу с помощью виджетов. (Сайт удалил, некогда заниматься).

 

Итак, а теперь я расскажу вам более подробно о плагине – Responsive Column Widgets. Что он позволит вам сделать ? он добавит на любую страницу вашего сайта адаптивные виджеты, вы сможете добавлять на страницу любые виджеты в любом порядке. Вы сможете делать различные комбинации, например в 1 ряд страницы можно добавить 1 виджет, а во второй ряд 5 виджетов и т.д., подставляйте любые цифры. Данный плагин вы сможете установить прямо из своей админ-панели wordpress. Перейдите по вкладке: ПлагиныДобавить новый, введите название плагина в форму поиска, нажмите Enter, установите и активируйте открывшийся плагин.

 

Плагины

 

 

Далее, чтобы настроить плагин перейдите по вкладке: Внешний видResponsive Column Widgets.

 

30-08-2015 21-05-38

 

Разберём настройки, сразу скажу что рассказывать я буду только о основных настройках, все настройки я разбирать не буду, так как это не обязательно. Некоторые настройки просто нет необходимости настраивать.

 

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 это максимальная ширина одного ряда в пикселях. Если не указывать ширину, то размер ширины будет по умолчанию.

Сохраняем настройки.

 

30-08-2015 21-51-44

 

Далее, спускаемся ещё вниз страницы и находим:

– Container Paddings, здесь можно указать ширину обивки для всех вместе взятых виджетов на странице. Размер обивки можно указать для каждой стороны.

– Widget Box Maximum Width, здесь можно указать максимальную ширину для всех виджетов на странице.

Сохраняем настройки.

 

30-08-2015 21-55-21

 

 

Далее, в верхнем меню переходим на страницу – Manage. Здесь вам нужно будет скопировать шорткод для вставки на страницу, или php код для вставки в php файл footer.php или header.php. Если вы будете добавлять колонки виджетов на страницу вашего сайта, то скопируйте шорткод и вставьте его на пустую страницу, где будут виджеты.

 

30-08-2015 22-15-11

 

30-08-2015 22-24-16

 

Далее переходим на страницу виджетов, там у вас появится сайдбар – Responsive Column Widgets. В данный сайдбар вы будете добавлять виджеты, которые будут отображаться на странице в которую вы вставили шорткод.

 

30-08-2015 22-20-23

 

Так же на странице виджетов у вас появится новый виджет – Responsive Column Widgets.

 

30-08-2015 22-27-47

 

Данный виджет можно не использовать. Например если вы добавите его в сайдбар боковой панели, и выберите в поле Select Sidebar – Responsive Column Widget, то в боковой панели будет отображаться то же самое что и на странице с виджетами, куда вы добавили шорткод. Странная функция, в ней нет необходимости.

 

30-08-2015 22-41-52

 

На этом всё, как видите здесь нет ничего сложного, теперь вы можете создать страницу с виджетами, и сможете располагать виджеты на странице так как вы хотите. Удачи вам и до новых встреч ! Остались вопросы по данной статье ? тогда обязательно напиши мне в обратную связь, либо оставь комментарий к данной записи. Я всем отвечу !

 




Как настроить плагин Responsive Column Widgets обновлено: Июль 25, 2018 автором: Илья Журавлёв

13 комментариев

  • ТОП 28.06.2018 Автор

    Есть плагин горизонтальное, выпадающее меню, там можно виджеты вставлять.

  • Элла 30.06.2018

    Илья, спасибо!
    Дав в ряд встали. Но между ними такое огромное расстояние (

  • ТОП 30.06.2018 Автор

    Измените CSS стили.

Добавить комментарий

Ваш e-mail не будет опубликован.

 

Внимание! Вы соглашаетесь с Политикой конфиденциальности сайта info-effect.ru


Обратная связь

Политика конфиденциальности - Пользовательское соглашение