Плагин Post Grid для вывода записей вордпресс

Опубликовано: 03.03.2019 в категории: Плагины WordPress

Плагин Post Grid — классный плагин wordpress для вывода записей на главной или любой другой странице вашего сайта в виде сетки или блоков с изображением, заголовком и анонсом записи, или без последнего. Плагин хорошо адаптируется на всех устройствах, простой в использовании и легко настраивается.

Скачать плагин можно с официальной страницы плагина или установить плагин Post Grid как обычно  из админки wordpress. Плагины — Добавить новый —  вводите название плагина в форму поиска —  устанавливаете и активируете.установка плагина  из админки wordpress

После активации, в левой панели появился новый пункт меню плагин Post Grid. Кликаете по нему и переходите к настройкам плагина. Первая настройка — New Post Gird с несколькими вкладками.

Post Grid настройка

 

Вкладка Shortcode. В ней указываете заголовок сетки.

плагин Post Grid

Там же уже есть ваш шорткод, который нужно будет вставить на страницу, где будет вывод записей. Или php код для вставки в шаблон страницы. Продолжаем настраивать плагин Post Grid.

Во вкладке Query Post

— Post Type — типы материалов для отображения, например — записи, страницы, медиафайлы и прочее.

— Post Status, статус поста, по умолчанию — Опубликованные.

— Posts per page, указать число записей для отображения.

— Exclude by post ID, можно исключить пост, указав  ID через запятую.

— Post query order, публикации по убыванию или по возрастанию. По умолчанию — убывание.

— Post query orderby, по какому значению сортировать записи.

— Search keyword, можно оставить пустым.

Layout

— Здесь нужно выбрать форму и тип блока, тут все понятно.

настройка отображения

Layout settings

— Grid Items Width задаем ширину блока.

— Media Height можно задать высоту, по умолчанию установлена авто.

— Featured Image size размер изображения.

— Media source  изображение для блока, первое из контента, изображение записи или пустое.

— Grid Items Margin, расстояние между записями, цвет фона сетки, либо изображение фона сетки.

Две последние вкладки Navigations и  Custom Scripts можно вообще не открывать.

Далее, переходим в настройки Layout Editor,

настройки плагина wordpress

здесь можно выбрать элементы, которые будут отображаться в вашем блоке. Для выбора просто кликните по элементу и он отобразится в списке внизу. Например:

— Title, заголовок.

— Excerpt, отрывок из записи.

— Read more, читать далее.

— Thumbnail, изображение.

И так далее. Сохраняете все настройки плагина Post Grid , смело вставляете шорткод в необходимое вам место нужной страницы и любуетесь тем, что получилось.

Есть еще один похожий плагин, называется Content Views. Можно сказать, что он является хорошей альтернативой Post Grid. Подробнее о плагине Content Views.

Примерно так, всем удачи!

Если еще не выбрали хостинг для своего сайта, советую прочитать об этом хостинге.

бесплатная накрутка подписчиков вконтакте

Самое читаемое:

Всего комментариев: 11

  • Макс
    Автор: Макс Добавлено 6 декабря, 2019 в 04:49

    А как рубрики подвязать? Вот надо мне, чтобы на странице выводились записи определенных рубрик, а выводятся все записи. Куда «галочку» поставить то? не могу найти никак

  • admin
    Автор: admin https://sitespectr.ru Добавлено 19 декабря, 2019 в 03:13

    В настройках пункт меню Query Post, в поле Post types ставим «Запись», следующие идет Post Taxonomies & terms, в нем ставим галочку против «Рубрики(category)»

  • Сурен
    Автор: Сурен Добавлено 14 марта, 2020 в 23:18

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

  • admin
    Автор: admin https://sitespectr.ru Добавлено 15 марта, 2020 в 04:50

    Здравствуйте Сурен! Я немного не совсем понял вопрос. Вероятно Вам необходимо указать количество колонок. Для более точного ответа скиньте скриншот или ссылку на ваш сайт.

  • Сурен
    Автор: Сурен Добавлено 27 марта, 2020 в 15:15

    Здравствуйте, я разбирался, нужно было добавить css стиль отвечающий за виды и размеры сетки, дело в том, что раньше записи выводились одной колонкой, то есть в один вертикальный ряд, а после изменения стали выводится свободно, в зависимости от устройства, например в телефоне по прежнему в один ряд, на планшете 2 ряда, на экране монитора 4 и так далее. Но сейчас не могу разбираться в другом, на главной странице они выводятся благодаря шорткоду, но на остальных пунктах меню не работают, в меню включал как страницы, так и рубрики, например рубрика «новости» является пунктом меню. При изменения рубрики вставляю шорткод, и сохраняю, в результате пустой экран. Можете в этом помочь? Сайт rianovost.ru
    Кстати, если кому нужен css для вывода сетки в несколько рядов, вот
    background: rgb(0, 34, 168); none repeat scroll 0 0;color: rgb(255, 255, 255);border: 1px solid white ;display: inline-block;font-size: 12px;font-weight: bold;margin: 5px 0;padding: 5px 22px;Float: left;text-align: center;text-decoration: none;

  • admin
    Автор: admin https://sitespectr.ru Добавлено 27 марта, 2020 в 16:27

    Сурен, некоторые темы WordPress не выводят описание рубрики. Можно сделать так. Например у вас есть рубрика «Новости» и вы хотите выводить в ней материалы сеткой. 1.Создайте одноименную страницу «Новости» 2. Создайте новую сетку в плагине Post Grid и в настройках укажите рубрику «новости», что показывать материалы этой рубрики. 3. На страницу «Новости» впишите шорткод 4. В пункте меню, вместо рубрики «Новости» укажите страницу «Новости».
    На странице шорткод плагина Post Grid работает. Если не получается с плагиномPost Grid, могу подсказать неплохой похожий плагин для вывода новостей. Называется Content Views. У меня на главной странице сайта стоит именно он.

  • Сурен
    Автор: Сурен Добавлено 29 марта, 2020 в 13:47

    Хорошо, попробую, спасибо! У вас я вижу рубрики и метки тоже не открывается сеткой, а списком, но дело не в этом, у меня оказывается тема GeneratePress поддерживает вывод сетки без post grid и других плагинов, но в отличие от них выводит очень убого. Если в пост грид можно было через layout editor, задать стили для выводов рубрик и меток, то здесь нет такой функции. Например у меня на главной странице благодаря пост грид я сделал так, что рубрики под записями были в темно синем фоне и задал для них размеры, кстати в сообщении выше я перепутал, речь шла как раз о этих рубрик, которые сейчас идут рядом, а раньше друг над другом, выше код css касается вывода списка рубрик, а не сетки.
    Так, суть вопроса в том, что у вас я вижу метки тоже имеют свой фон, а рубрики в записях свой цвет текста. Каким образом можно изменить стиль для вывода рубрик и меток под запись? У меня их можно изменить только в настройках пост грид (выше написал код), но как мы видим создать для каждого пункта меню страницу пост грид не очень желательно, тем более если родная тема поддерживает сетку. Так собственно вопрос в том, как изменить стили для каждого элемента и в клетках сетки и в самих записях, например что теги и рубрики выводились на темно синем фоне и раздельно.
    По поводу layout editor есть один нюанс, дело в том, что пост грид автоматически выводит изображение на сетку, а в ЛЭ нужно при создании каждой записи задавать изображение в правом блоке, это не удобно тем, что у меня новостной сайт и планирую несколько новостей в сутки, это отнимает времени, а сейчас я открываю ворд файл, там напишу статью с изображениями, потом через спец плагин вставлю в запись и при необходимости отредактирую (иногда происходят конфликт форматов) и нажимаю обновить.
    Так, пост грид выводит их и найдет в записи первое изображение и включает в сетке, а в остальных случаях я должен отдельно загрузить изображение в вордпресс (задать изображение записи).
    Так, вопрос : как делать, что в остальных гридах изображение появился в сетке главной страницы автоматически, как это делает пост грид?
    Вопрос2: как задать выводу меток и рубрик под записями стили в других гридах или без них, как например в post grid layot editor?
    Спасибо и за терпение и за понимание!

  • Сурен
    Автор: Сурен Добавлено 29 марта, 2020 в 13:52

    Я написал в середине текста… По поводу layout editor есть один нюанс, дело в том, что пост грид автоматически выводит изображение на сетку, а в ЛЭ нужно при создании каждой записи….
    Тут я перепутал, речь идёт о плагине content Views

  • admin
    Автор: admin https://sitespectr.ru Добавлено 29 марта, 2020 в 14:10

    Просматриваете код страницы или блока, находите класс того или иного элемента и прописываете CSS стили у этого класса.

  • Сурен
    Автор: Сурен Добавлено 29 марта, 2020 в 16:47

    Всё замечательно получается по вашему методу в веб браузерах кликом мыши >>посмотреть код элемента. Но(!) никак не могу найти где этот элемент находится в файлах темы вордпресс, на браузере на компьютере я могу менять до обновление страницы, но нужно внести изменения в самых файлах, я не мог найти где они находятся. Если мне поможете буду очень благодарен, например почему бы и нет добавлю фрайм вашего сайта в моём сайте))
    Нужно :
    1. Вывести рубрики и метки на таком же виде, как на главной странице rianovost.ru
    2. Нужно, что изображение выводились автоматически без добавления изображения на специальный блок [добавить изображение записи]
    Хотя бы один из пунктов
    Или пишите на мейл suryano@mail.ru я отправлю скриншоты

  • admin
    Автор: admin https://sitespectr.ru Добавлено 31 марта, 2020 в 05:43

    В активной теме вашего сайта ищите эти файлы:
    Файлы отвечающие за вывод рубрик:
    category.php
    archive.php

    Файлы отвечающие за вывод меток:
    tag.php
    archive.php
    Только в файл вставляем уже не шорткод, а PHP-код.

Оставить комментарий

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

Заявка на бесплатную консультацию

Для бесплатной консультации укажите свое имя и номер телефона в форме ниже. Я перезвоню Вам и отвечу на все вопросы.

    Даю свое согласие на обработку персональных данных.

    ×
    Заказать сайт

    Чтобы заказать сайт заполните форму ниже. Я перезвоню Вам, отвечу на все вопросы, приму Ваш заказ и назову его ориентировочную стоимость.

      Даю свое согласие на обработку персональных данных.

      ×
      Заказать сайт по акции "Все включено"

      Для заказа сайта по акции «Все включено» заполните форму ниже. Я перезвоню Вам, отвечу на все вопросы, и приму Ваш заказ.

        Даю свое согласие на обработку персональных данных.

        ×
        Заказ услуги

        Для заказа услуги заполните форму ниже. Я перезвоню Вам, чтобы уточнить подробности, оговорить сроки и стоимость услуги.

          Даю свое согласие на обработку персональных данных.

          ×