WordPress: Выводим виджет новостей в теле страницы (вставка виджетов в страницу)

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

Устанавливаем плагин Widgets on Pages.

Идём в его настройки (появляется пункт в меню Параметры). Там надо задать WoP sidebar 1 name (если хотите несколько разных сущностей выводить, то установите сколько дополнительных ещё сайдбаров вам нужно. Здесь не путайте - сайдбар имеется ввиду как раз виджет, встраиваемый этим плагином в тело страницы.)

Далее идём в Внешний вид -> Виджеты и там пояаились наши блоки под виджеты

wordpress вставляем виджет на страницу

В этот (эти) блоки вставляем виджеты, которые хотим вывести на странице.

И последнее, выводите вставкой [widgets_on_pages id="News"] в том месте страницы, где хотите видеть новости. "News" - это то самое имя из настроек плагина.

Я использовал ещё плагин Posts from a Category Widget. Он позволяет выбрать из какой категории (рубрики) выводить новости в виджет. И добавил в файл стилей style.css, чтобы убрать отступ и буллеты у списка (новости же списком выводятся):

div.widgets_on_page ul {
    list-style-type: none;
    padding:0; margin:0;
} 
 
Источник: loco.ru

almix
Разработчик Loco, автор статей по веб-разработке на Yii, CodeIgniter, MODx и прочих инструментах. Создатель Team Sense.

Вы можете почитать все статьи от almix'а.



Комментарии (4)     Подпишитесь на RSS комментариев к этой статье.

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

#1080
Леночка говорит:
February 5, 2014 at 03:01 pm

Здравствуйте! Огромное спасибо за статью, она очень мне помогла воплотить задуманное в дело. Остался один момент: как сделать, чтобы выбранные посты отображались не списком, а в 1 ряд?

Может мне стоит другой плагин попробовать? Или что-то в коде дописать? Буду очень благодарная за помощь!

#1084
almix говорит:
February 7, 2014 at 01:15 pm

Леночка, думаю в css прописать для тега 

div.widgets_on_page ul li {
display: inline;
list-style-type: none;
}

#1158
Валентин говорит:
June 2, 2014 at 09:33 am
Здравствуйте. Спасибо за информацию, именно подобный плагин я и искал. Установил оба. Новости категории отображаются с картинкой, построчно. Меня это не совсем устраивает, поэтому задам сакраментальный вопрос, если Вас не затруднит подскажите: как прописать в css, чтобы материалы категорий на статичной странице  отображались в три колонки?
#1159
almix говорит:
June 2, 2014 at 12:24 pm
Вот тут dlrm показал как на css в две колонки сделать  - http://loco.ru/materials/352-li-columns (в 3 колонки надо сдедать примерно width: 30% - зависит от отступов)

Leave a Comment

Fields with * are required.

Картинка с кодом валидации
Пожалуйста введите символы с картинки. Регистр букв неважен.