Стильные анонсы записей wordpress, плагин, 4 стиля


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

 

стильные записи

 

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

 

плагин wordpress

 

После установки и активации плагина, перейдите на страницу: The Post GridAll Grid. Нажмите здесь на кнопку — Add New Grid, чтобы добавить новую сетку записей.

 

добавить новые записи

 

На странице Add New Post Grid укажите название новой сетки записей.

 

Post Source.

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

— Include only, здесь вы можете указать ID записей или страниц, которые будут отображаться в сетки.

Exclude, здесь можно наоборот исключить не нужные записи или страницы указав их ID.

Limit, здесь можно задать лимит, то есть указать сколько максимум записей будет отображаться на странице.

Advanced filters, здесь вы можете выбрать по каким критериям будут фильтроваться записи.

 

Layout Settings.

— Layout, выберите стиль отображения записей. На выбор четыре варианта.

— Column, укажите сколько будет колонок в сетке записей.

— Pagination, можно включить навигацию, то есть следующий или предыдущий.

— Feature Image Size, выберите размер изображений.

— Media Source, откуда берётся изображение для записей. По умолчанию отображаются миниатюры записей, второй вариант из содержания записей.

— Excerpt limit, здесь вы можете задать лимит для отрывка записи.

 

Field Selection. Здесь вы можете выбрать что будет отображаться в анонсах записей, а что не будет.

 

Style.

— Primary Color, можно выбрать основной цвет для анонсов.

— Button background color, можете выбрать цвет фона кнопки читать далее.

— Button hover background color, цвет кнопки при наведении.

— Button active background color, цвет активной кнопки, на которую нажали.

— Button text color, цвет текста в кнопке.

 

настройки записей

 

Далее, после того как вы настроите параметры сетки записей, нажмите справа на кнопку — Опубликовать. Вверху страницы скопируйте шорткод или php код для вставки записей на страницу или в файлы шаблона.

 

опубликовать сетка

 

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

 

шорткод записи страница

 

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

 

Остались вопросы ? Напиши комментарий ! Удачи !

 



Стильные анонсы записей wordpress, плагин, 4 стиля обновлено: Октябрь 13, 2016 автором: Илья Журавлёв

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

  • Любовь 22.06.2016 Ответить

    Ай-ай) пару часов потяряла…а всё из-за того, что я скачала плагин Post Grid а надо было The Post Grid
    Думаю, таких чайников как я больше нет)))

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

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

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

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

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

      И в плагине есть функция — фильтр категорий.

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

    Можно ли как-нибудь уменьшить шрифт Title, очень большие буквы получаются. И еще хотелось бы сделать картинки прямоугольными, можно добиться такого эффекта?

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

      Конечно можно, плагин — SiteOrigin CSS может вам помочь. Можно ещё использовать плагин — Simple Custom CSS. Есть ещё крутой плагин — Custom CSS Pro.

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

    Скачала SiteOrigin CSS, почему-то сам шрифт не меняется, а только при наведении буквы стали меньше, и как уменьшить междустрочный интервал?

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

      Потому что вы меняете значение hover (при наведении), а нужно обычное значение. В настройках плагина Simple Custom CSS я показывал как узнать CSS любого элемента на сайте. Междустрочный интервал можно изменить с помощью SiteOrigin CSS, читайте внимательно настройки.

  • Александр 13.05.2017 Ответить

    Подскажите пожалуйста.
    В произвольном порядке анонс можно настроить?

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

      Здравствуйте. А что конкретно хотите настроить ?

  • Александр 15.05.2017 Ответить

    Получается только по рубрикам анонс сделать. А хотелось бы чтоб из разных рубрик и в произвольном порядке.

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

      В произвольном порядке тоже можно. Внимательно смотрите настройки.

      Include only — здесь вы можете указать ID записей или страниц, которые будут отображаться в сетки.

  • Александр 15.05.2017 Ответить

    Можно чтоб рандомно анонс показывал? По типу как в Related Post?

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

      Если только вы хотите на каждую страницу ставить отдельный шорткод…запаритесь ! Для этого есть специальные плагины, типа — Related Posts YUZO.

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

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



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

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

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