Супер адаптивная сетка записей на сайт wordpress !


Привет !

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

 

 

Плагин — Post Grid можно установить прямо из админ-панели wordpress. Перейдите по вкладке: ПлагиныДобавить новый, введите название плагина в форму поиска, нажмите Enter, установите и активируйте плагин.

 

08-12-2015 23-20-27_mini

 

После установки и активации плагина, перейдите по вкладке: Post GirdLayout Editor.

 

08-12-2015 23-26-12_mini

 

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

 

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

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

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

Thumbnail, изображение. (в конце сохраните настройки — Save Changes)

 

08-12-2015 23-31-38_mini

 

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

 

08-12-2015 23-47-50_mini

 

Разберём остальные настройки:

 

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, можно задать ширину, например если вы хотите сделать в один ряд 3-4 записи, то уменьшите размер ширины.

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

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

— Media source, выберите источник изображений для записи. сверху 1 — популярные, 2 — из контента, 3 — пустые.

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

 

Всё, последние 2 вкладки можно не трогать, жмите — Опубликовать, копируете шорткод, вставляете его на страницу и смотрите, что у вас получилось. У меня всё, есть вопросы ? пиши коммент, до новых встреч !

 



Супер адаптивная сетка записей на сайт wordpress ! обновлено: Декабрь 13, 2015 автором: Илья Журавлёв

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

  • Дон 05.12.2016 Ответить

    Как сделать три колонки?

    • Илья Журавлёв 05.12.2016 Ответить Автор

      Смотри параметр — Grid Items Width, там нужно указать размер ширины одного анонса записи. Если у тебя отображаются две колонки, то надо уменьшить размер, чтобы влазили три анонса записи.

  • Daulet Meldeshev 10.12.2016 Ответить

    Привет Админ! как сделать чтобы записи отображались на метке и на рубрике тоже так? спасибо!

    • Илья Журавлёв 10.12.2016 Ответить Автор

      Привет, увы такой возможности в данном плагине нет. Могу порекомендовать ещё один Супер плагин — Читай Здесь !!!

  • Daulet Meldeshev 11.12.2016 Ответить

    Мне кажется у этого плагине тоже такие функций. Я хочу чтобы на метке, на рубрике и на поиске отображали также. Я не только про на ручных страниц, а оригинальных страниц сайта. Помогите. Спасибо!

    • Илья Журавлёв 11.12.2016 Ответить Автор

      Вставляете php код записей в файл страницы и всё готово ! На каждой теме это разные файлы. Искать нужно на странице: Внешний вид — Редактор.

  • Daulet Meldeshev 12.12.2016 Ответить

    У search.php было как я ожидал, но когда поставлю код на archive.php, на каждой рубрике отображаеть одни и тотже записи? Как сделать нормально? Не поможете ли вы? Спасибо!

    • Илья Журавлёв 12.12.2016 Ответить Автор

      А вы хотите чтобы как было ?

  • Daulet Meldeshev 12.12.2016 Ответить

    этот код сработала только на search.php, а когда поставил код на archive.php на всех рубриках отображаеть записи полного блога. Сортировка не работает вообще, и на метке также одни и тотже записи как у главная страница сайта. Или есть ли другой вариант, без шорткодов, например пхп код. помогите!

    • Илья Журавлёв 12.12.2016 Ответить Автор

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

  • Daulet Meldeshev 12.12.2016 Ответить

    Ага ясно, а тогда как сделать в виде сетке через ftp редактор? Без плагинов, через php кодов. Возможно ли это? Спасибо!

    • Илья Журавлёв 12.12.2016 Ответить Автор

      Возможно. Нужно создавать свои CSS стили для анонсов записей по умолчанию. Есть плагин классный, может вам помочь — SiteOrigin CSS.

    • Илья Журавлёв 12.12.2016 Ответить Автор

      Автор плагина Post Grid включил возможность вывода записей из определённой категории ! Надо обновить плагин до последней версии. На вкладке Query Post будет такая возможность.

      • Olga 10.02.2017 Ответить

        Здравствуйте. Скажите, а теперь можно вывести на странице каждой из категорий автоматически те записи, которые у ней присутствуют? какой код ставить в файл archive.php?

        • Илья Журавлёв 10.02.2017 Ответить Автор

          Здравствуйте, можно вывести записи из любой категории на любую страницу с помощью шорткода или php кода, в настройках всё показано. То что вы хотите сделать, в плагине нет такой возможности. Обратитесь к php разработчику, чтобы он вам с нуля разработал такую функцию, либо измените CSS стили ваших записей по умолчанию.

          • Olga 10.02.2017

            Ок, спасибо. Еще такой вопрос: как добавить рейтинг к каждой из записей сетки? у меня есть плагин рейтинга kk Star Ratings, мне нужно вывести звездочки над записями сетки Post Grid, как это сделать?

          • Илья Журавлёв 10.02.2017 Автор

            Вставьте код рейтинга в нужное вам место. Чтобы рейтинг отображался в каждом анонсе записи в сетке, нужно чтобы плагин рейтинга был синхронизирован с плагином post grid. Такой функции по умолчанию нет.

  • Alex 15.12.2016 Ответить

    Илья, привет. После обновления по прежнему не могу выводить записи из определенной категории. Я так понимаю это здесь:Query Post-Taxonomy & Terms (Categories)-No categories found. Помоги пожалуйста.

    • Илья Журавлёв 15.12.2016 Ответить Автор

      В параметре «Post Types» нажми по значению «Записи». После чего в параметре «Taxonomy & Terms (Categories)» появятся категории, если они есть на твоём сайте. Только что проверял, всё работает !

  • Alex 15.12.2016 Ответить

    Спасибо за оперативность. Все работает))

  • Игорь 24.01.2017 Ответить

    Добрый день, а PHP куда вставлять?

    • Илья Журавлёв 24.01.2017 Ответить Автор

      Здравствуйте, куда хотите туда и вставляйте. php код ставится в php файлы типа header.php или footer.php

  • Игорь 24.01.2017 Ответить

    вопрос с тремя колонками? Grid Items Width излазил всю настройку, все равно в одну колонку встает :(

    • Илья Журавлёв 24.01.2017 Ответить Автор

      Надо уменьшить или увеличить параметр, чтобы изменить количество колонок

  • Ольга 11.02.2017 Ответить

    Здравствуйте! Как сделать, чтобы Read more на русском отображалось?

    • Илья Журавлёв 11.02.2017 Ответить Автор

      Здравствуйте, вам может помочь плагин — Loco Translate.

    • Илья Журавлёв 11.02.2017 Ответить Автор

      На странице перевода плагина, введите в поиск Read More, так быстрее найдёте.

  • Ольга 11.02.2017 Ответить

    Спасибо, все получилось. А можно как-нибудь в настройках Layout в режимеFlat, получить какой-нибудь эффект при наведении на картинку?

    • Илья Журавлёв 11.02.2017 Ответить Автор

      В плагине нет такой возможности, можно поэкспериментировать с CSS hover, добавить тень, другой цвет при наведении, чтобы выделялось. Есть специальный плагин для создания эффектных анонсов с эффектом при наведении — Image Hover Effects Супер эффектные анонсы !

  • Olga 11.02.2017 Ответить

    А есть еще плагин, выводящий записи в виде сетки с картинками, только в категориях? очень нужно

    • Илья Журавлёв 11.02.2017 Ответить Автор

      Что значит «только в категориях»…?

      • Olga 12.02.2017 Ответить

        Мне нужно вывести во всех категориях, принадлежащие им записи в виде сетки. То есть чтоб при заходе в ту или иную рубрику автоматически показывались посты, которые в ней имеются в виде блоков (4 колонки с миниатюрами и заголовком). Post Grid подходит только для вывода записей на главной и страницах, найти другой похожий плагин, который бы смог сделать то же самое в категориях, мне не удалось. Уже 2 дня пытаюсь найти решение…

        • Илья Журавлёв 12.02.2017 Ответить Автор

          У вас два варианта, либо искать готовый шаблон, либо создавать отдельную страницу под каждую категорию и ставить туда шорткод сетки с определённой категории.

  • Владимир 19.03.2017 Ответить

    Добрый день, Илья ! Подскажите , как вывести определённые посты по ID с помощью этого плагина (Post Grid). По описанию понял что можно, но у меня не получается…а очень надо. Не хотелось бы из-за этого ставить дополнительный плагин. Если вы знаете как , научите.

    • Илья Журавлёв 19.03.2017 Ответить Автор

      Здравствуйте, по id можно только исключить записи из основной сетки. Выводить записи можно только из определённой категории.

      Вроде как у плагина Content Views есть такая возможность, посмотрите.

      • Владимир 19.03.2017 Ответить

        Понятно! Значит нельзя. Придётся пробовать другие плагины. Спасибо за подсказку. (Но Post Grid я не удалю. Отличный плагин. Настроил отображение для мобильной версии. Всё ок. Сетка смотрится отлично на разных устройствах)

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

Ваш e-mail не будет опубликован. Обязательные поля помечены *



Яндекс.Метрика

Правила - Карта - Связь

Стрелка вверх