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

WordPress

Всем привет !

Сегодня буду рассказывать о супер полезном плагине. Всё началось с того, что при создании своего игрового сайта, я хотел сделать на главной странице сетку с анонсами страниц, чтобы можно было опубликовать весь список игр на главной странице, так удобней. Я начал думать как это сделать, перепробовал много вариантов и плагинов, ничего не получалось. Конечно можно было выбрать готовый 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

 

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

 

info-effect.ru
Добавить комментарий

Имя и Email указывать не обязательно. Чтобы получить ответ на свою электронную почту, укажите свой Email.

  1. Александр

    Признаться не могу сказать, что всё понял, но думаю в деталях разберусь в процессе работы. Спасибо за помощь.

    Ответить
    1. Admin автор

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

      Ответить
    2. Admin автор

      А что конкретно не понятно ?

      Ответить
  2. Юрий

    Доброй ночи! Не могу сообразить как сформировать разным страницам разные виджеты

    Ответить
    1. Admin автор

      Привет ! Очень просто, установи и активируй плагин – Display Widgets, прямо из админ-панели можно установить, Плагины – Добавить новый. После активации переходи на страницу Виджетов, открывай любой виджет, в самом низу виджета можно отметить на каких страницах, записях, категориях…виджет будет показываться или наоборот не показываться. Так же можно скрыть виджеты от незарегистрированных пользователей. Как раз сегодня буду писать статью про данный плагин.

      Ответить
    2. Admin автор

      Есть ещё один плагин, примерно такой же, как раз о нём у меня статья есть – http://info-effect.ru/kak-ubrat-vidzhet-s-nekotoryx-stranic-sajta-wordpress-sortiruem-vidzhety.html Если ещё будут вопросы, то смело обращайся, помогу чем смогу…

      Ответить
  3. Юрий

    СПАСИБО!

    Ответить
  4. Элла

    Нет ли подобного плагина для основной панели?
    B как добиться нечто подобного как здесь ru-iherb-com – под менюшкой активные картинки с текстом?
    Спасибо

    Ответить
    1. Admin автор

      Может помочь плагин Shortcodes Ultimate.

      Ответить
      1. Элла

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

        Ответить
        1. Admin автор

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

          Ответить
  5. Элла

    если через медиафайл загрузить картику с нанесенным текстом, и этот код вставить в виджет? Текст на картинку в фотошопе наносится же, правильно?
    Останется разместить несколько виджетов горизонтально в ряд под менюшкой, вроде бы был какой-то плагин-конструктор виджетов, не помните?

    Ответить
    1. Admin автор

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

      Ответить