Супер виджет записи из категории WordPress

каталог, список, анонсы, записи WordPress

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

Вы сможете указать количество отображаемого текста в анонсе, указать свой текст для кнопки “Читать далее”. Можно скрыть или добавить автора записи, количество комментариев, дату записи и т.д.

 

Category Posts Widget

 

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

 

Category Posts Widget

 

Далее, после установки и активации плагина, перейдите на страницу: Внешний видВиджеты. Здесь у вас появится новый виджет – Category Posts.

 

виджет category posts

 

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

Title,

  • Title, укажите заголовок виджета.
  • Make widget title link, сделать заголовок кликабельным.
  • Hide title, скрыть заголовок.

 

Filter,

  • Category, выберите категорию записей.
  • Number of posts to show, укажите количество отображаемых записей.
  • Sort by, выберите по какому признаку сортировать записи.
  • Reverse sort order (ascending), если поставите галочку, порядок сортировки будет по возрастанию.
  • Exclude current post, исключить текущий пост, сегодняшний.
  • Exclude posts which have no thumbnail, исключить записи, которые не имеют изображений, миниатюр.

 

Thumbnail,

  • Show post thumbnail, показать изображения записей.
  • Show thumbnails above text, показать изображения над текстом.
  • Thumbnail dimensions (in pixels), укажите свои размеры для изображений в пикселях.
  • CSS crop to requested size, размер по умолчанию.
  • Animation on mouse hover, можно добавить анимацию при наведении курсора мыши.

 

Post details,

  • Hide post titles, скрыть заголовок записи.
  • Show post excerpt, показать отрывок из записи.
  • Excerpt length (in words), укажите размер отрывка.
  • Excerpt ‘more’ text, можете указать свой текст для кнопки “Читать далее”.
  • Show post date, показать дату.
  • Date format, можно указать формат даты.
  • Make widget date link, сделать дату кликабельной.
  • Show number of comments, показать количество комментариев.
  • Show post author, показать автора записи.

 

General,

  • Disable the built-in CSS for this widget, отключить встроенный CSS для данного виджета.
  • Hide widget if there are no matching posts, скрыть виджет, если отсутствуют соответствующие посты.
  • Hide social buttons in widget output, скрыть социальные кнопки в виджете.

 

Footer,

  • Footer link text, укажите любой текст, который будет отображаться внизу анонса.

 

My settings,

  • Auto close panels, автоматическое закрытие панели.

 

После настройки виджета, сохраните сделанные изменения.

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

 

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

 

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

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

  1. Александр

    По функционалу виджет на высоте. Это факт. К сожалению внешне виджет выглядит не так как у вас на картинке. И заголовки и текст синего цвета, плюс ко всему текст анонса мелкий и подчёркнут, подчёркивание исчезает только при наведении курсора. Всё это делает его внешний вид, как бы это выразиться, дешёвым, что ли. И что интересно, пытался редактировать его SiteOrigin CSS, ничего не получилось, только междустрочный интервал удалось подвигать, а так ни цвет, ни размер и форму шрифта (я хотел курсив), не удалось сделать. В остальном, кроме внешности, виджет отличный, просто лучший. Может поможете советом, как быть?

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

      Пробовали менять CSS стили через редактор браузера? Пример, жмите правой кнопкой мыши по тексту анонса, в открывшемся окне жмите Исследовать элемент. Справа откроется редактор браузера. Найдите там стили виджета, в разделе CSS. Затем, нужно стили скопировать и перенести сюда: Внешний вид – Настроить – Дополнительные стили. Далее, меняйте стили как вам угодно. Попробуйте сделать так и отпишитесь мне о результатах. Хорошо?

      Ответить
      1. Александр

        ОК, спасибо за ответ и разъяснения. Буду сегодня пробовать, что получится – отпишусь здесь.

        Ответить
  2. Александр

    Здравствуйте. Как и обещал, отписываюсь по редакции виджета. Коротко. Сам процесс “научного тыка” занял массу времени и нервов. В общем, сначала попытался убрать ненужные мне опции через SiteOrigin CSS, когда-то давно на другом шаблоне редактор показал себя хорошо. Но не в этот раз. Получалось убрать подчёркивание и выделить текст курсивом, и даже цвет с синего, заменить на чёрный. Но. После сохранения параметров и обновления сайта, курсив оставался, так же отсутствовало раздражающее подчёркивание, но вот цвет упорно возвращался на синий. Вот тогда я пошёл в редактор сайта и уже там поменял сначала цвет. Сохранил. Потом с помощью SiteOrigin CSS установил курсив и убрал подчёркивание. С небольшими косяками, в виде обращения в курсив не только текста, но и заголовка виджета, это дело получилось, вроде удовлетворительно пока, позднее, по мере набора опыта может что-то изменю. Кроме того, через редактор редактор браузера подредактировал “родной” виджет для последних записей, т.е. сделал меньше размер шрифта. Стили из браузера для обоих виджетов, как вы и сказали, сохранил с изменениями в “дополнительных стилях” своего шаблона. Только вот я не знал точно как это делать, сохранил один над другим. Шаблон поругался слегка, говорил, что какие-то ошибки есть, но я лишнего ничего не менял, поэтому сохранил, предварительно сделав резервную копию сайта. Вот такие танцы с бубнами. Это всё что у меня получилось. Если не использовать слово “почти”, то всё хорошо. Я рад.

    А вот с SiteOrigin CSS так до конца и не понял. Активируешь его, то меняет цвет, то потом на это же действие не реагирует. А размер шрифтов вообще оказался неактивным. Может другим редактором попробовать? Но это такой авторитетный плагин, в чём дело, не понял. Ну пока пусть будет как есть. Чтобы запустить сайт нужно центральную колонку (он у меня из трёх колонок) заполнить адаптивными блоками для вывода записей. Вот по этому поводу я хотел у вас просить совета. Порекомендуйте, пожалуйста, из вашего арсенала, адаптивные слайдеры – колонки (с миниатюрами), но чтобы обязательно в них можно было вносить определённый объём текста.

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

    В общем у меня три вопроса, первый и главный – чем заполнить центр, чтобы и изображения были и текст – ориентация на мобильные устройства. У меня на примете MetaSlider и Smart Slider 3. Как они. И под слайдером блоки вывода хочется с изображениями и текстом.
    И два оставшихся вопроса,, не таких критичных: про SiteOrigin CSS и про виджет для очерёдности вывода контента.

    Спасибо вам за вашу работу по продвижению виджетов “в массы”, для новичков это бесценно. Жду вашего ответа. С уважением, Александр.

    П.С. Совсем забыл. Посоветуйте пожалуйста простой и дружелюбный плагин для комментариев.

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

      У вас шаблон темы адаптивный? Каким образом на телефоне выводится сайдбар слева?

      Ответить
      1. Александр

        Да, шаблон адаптивный. На телефоне, если открыть главную страницу, сайт выводится так: сначала контент центральной колонки, кстати , взял благодаря вашему сайту плагин Content Views, убрал, опять же по вашему совету, кнопку, уменьшил шрифты, получилось в два столбца классно, сейчас ищу что-нибудь типа слайдера или статичной картинки с текстом для верхнего блока на всю ширину центральной колонки. Так вот, сначала выводится контент центральной колонки, потом левого сайдбара, а потом правого.

        Список новостей у меня в левом сайдбаре, поэтому он идёт после контента “центр”, а я хотел назначить его вывод первым на телефоне. Но думаю, что это ерунда, придумаю, что-нибудь. А вот про что-нибудь типа слайдера или статичной картинки с текстом для верхнего блока на всю ширину центральной колонки и плагина для комментариев, всё-таки жду от вас совета. С уважением, Александр.

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

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

          Сейчас практически все слайдеры адаптивные, поэтому вы можете брать любой и тестить. В админ панели слева: Плагины – Добавить новый, по запросу slider вам покажут все свежие плагины. Любой из них думаю подойдёт, но нужно тестировать по нагрузке на сайт. Я разбирал много плагинов слайдеров, вот здесь можете посмотреть Супер плагины WordPress, раздел Слайдер. Что именно вам нужно для комментариев, какие функции?

          Посмотрите плагин Shortcodes Ultimate, там много функций для сайта. Вот здесь смотрите список плагинов WordPress для вывода записей, новостей, категорий.

          Ответить
  3. Александр

    Приветствую, Илья. У меня была такая идея разместить новости в центре наверху. Но первоначально пробовал использовать этот плагин для добавления сайдбара с помощью шорткода, а потом убрал его и поставил шорткодом блоки Content Views для вывода записей. Вот сейчас думаю, а как сделать часть страницы сайдбаром? Если я поставлю шорткод сайдбара, то у меня перестанут работать шорткоды Content Views. Или можно выделить зону/колонку с помощью Shortcodes Ultimate и в неё вставить шорткод садбара. Так получится?

    А что касается комментариев, то хотелось внешне что-то вроде Disqus, пусть будет функционал ниже, но чтобы какая-то защита от спама была, возможность отвечать на конкретный коммент и внешний вид тоже важен.

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

      Не понял вас, что значит сделать часть страницы сайдбаром? Почему вы думаете, что перестанут работать шорткоды? Есть плагин wpDiscuz по комментариям, считаю его лучшим, в нём есть все необходимые функции.

      Ответить
      1. Александр

        По поводу шорткодов мне казалось, что они работают только чисто на статических страницах или в записях, а в зоне сайтбара что-то нужно другое. Не разобрался езё. А по поводу плагина комментариев я как раз и выбирал между wpDiscuz и HyperComments. Если вы советуете, HyperComments даже рассматривать не буду, поставлю wpDiscuz. Спасибо за помощь. С уважением, Александр.

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

          Шорткоды будут работать в любом месте, за исключением php, там их нужно через специальный код ставить. Но если вы через виджет выводите или в запись/страницу, проблем точно не должно быть. Не важно, статический или динамический контент. Сам контент может обновляться, но на вывод сайдбара это никак не влияет. HyperComments последний раз обновлялся 8 лет назад, могут быть проблемы с совместимостью.

          Ответить