Плагин Featured Posts with thumbnails — вывод статей с миниатюрами в сайтбар

Привет, друзья! Сегодня установим плагин  Featured Posts with thumbnails, который обладает замечательной функцией, а именно — вывод  статей с миниатюрами в сайтбар. В прошлом уроке мы разобрали плагин для вывода похожих записей на блоге WordPress Related Posts и я говорил о плюсах данного плагина (поведенческие факторы, перелинковка ). Так вот, плагин  Featured Posts with thumbnails нисколько не отстает от своего собрата, а где-то даже и поинтересней будет.

Плагин Featured Posts with thumbnails - вывод  статей с миниатюрами в сайтбар
Как помните, плагин  WordPress Related Posts похожие записи выводит автоматически и выбирает сам что показать пользователю, а плагин  Featured Posts with thumbnails в свою очередь сам ничего не выводит, а выбираете Вы, какие статьи плагин будет выводить в сайтбаре, сколько статей он будет выводить, какими размерами будут миниатюры (уменьшает до указанного Вами размера только изображения формата .jpg). В общем, при написании статьи, Вы сами выбираете выводить ее в сайтбаре или нет. Пример работы плагина можете видеть у меня — “Читайте, это полезно!”

Запомните одну вещь — плагин  Featured Posts with thumbnails при выводе миниатюры, берет самую первую картинку из статьи (будьте внимательны, это может быть даже смайлик)

Установить плагин  Featured Posts with thumbnails, как впрочем и все на блоге WordPress, достаточно легко. Для начала скачаем плагин:

Скачать плагин Featured Posts with thumbnails

В архиве две папки с плагинами разных версий, поэтому архив сначала нужно разархивировать к себе на компьютер, и установить версию 1.4 на WordPress старше версии 2.7

Далее стандартная процедура установки и активации плагинов на блог WordPress… (как установить плагины на блог)

Виджет Featured Posts

После того, как активировали плагин, переходим во вкладку “Внешний вид — Виджеты” и ищем появившийся виджет Featured Posts:

виджет Featured Posts

Теперь, для того, чтобы установить виджет, Вам нужно захватить его левой кнопкой мыши и просто перетащить в нужное место в сайтбаре (если на блоге несколько сайтбаров)

 

Настройки виджета Featured Posts

виджет Featured Posts

В настройках виджета вы указываете плагину Featured Post with thumbnails как выводить статьи с миниатюрами в сайтбаре:

1. Title – заголовок (на вашу фантазию);

2. How many posts do you want to display?  Сколько статей выводить (от 1 до 100);

3. Choose type of order – как выводить статьи:

  • Random (выбранные статьи будут выводиться случайным образом)
  • Title — по заголовку
  • Date — по дате написания
  • Avtor — по автору
  • Modifi — по дате модификации
  • id — по id поста

4. Высота и ширина миниатюры. Можете проставить абсолютно произвольно под дизайн вашего блога и размеры сайтбара.

Жмем на “сохранить

Далее самое интересное — если вы перейдете на блог, то ничего не увидите Улыбка, а все потому, что Вы не указали плагину какие статьи выводить в сайтбаре. Для того, чтобы плагин начал показывать миниатюры к постам, давайте укажем плагину необходимые нам статьи. Для этого переходим в админку блога во вкладку “Записи – все записи”, выбираем ту запись, которую вы хотите видеть в сайтбаре и кликаем на “изменить

Featured Posts with thumbnails

Теперь на странице редактирования записи, справа сверху появился блок “Featured” где Вы можете выбрать либо YES (для того чтобы запись с миниатюрой отображалась в сайтбаре), либо NO (соответственно не отображалась) и не забудьте нажать кнопку “обновить

плагин Featured Posts with thumbnails

Все, теперь таким же образом указываете любое количество статей (от 1 до 100), и наслаждаетесь результатом.

При создании новой записи, поста, статьи, Вы также сразу можете указать, выводить их в сайдбаре или нет ( по умолчанию в блоке “Featured” стоит NO).

И вот как это все выглядит:

плагин Featured Posts with thumbnails

Но так блок вывода статей с миниатюрами у меня стал выглядеть после небольших манипуляций со стилями плагина. Первоначально все выглядело немного иначе и не вписывалось в дизайн моего блога. Если у вас также не подойдет под дизайн вашего сайта, то не расстраивайтесь, поменять внешний вид не сложно. Для того, чтобы подстроить внешний вид вывода записей с миниатюрами перейдите в админке блога во вкладку “плагины — установленные”, найдите в списке плагин Featured Post with thumbnail и нажмите “изменить

плагин Featured Posts with thumbnails

После того, как нажали на “изменить”, мы попадем на страницу “изменения плагина”(редактирование), где справа из колонки “изменение плагинов” кликаем на featured-post-with-thumbnail/featured-post.css, будьте внимательны, смотрите на окончание (чтобы было CSS), и вы попадете в таблицу стилей плагина, где можете менять внешний вид отображения блока вывода статей с миниатюрами в сайтбаре как вашей душе угодно.

Таблица стилей плагина Featured Posts with thumbnails

плагин Featured Posts with thumbnails

  • .widget_featured-posts — отвечает за фоновое изображение заголовка (title)виджета. Если Вам не понравится фон, то из директории  /wp-content/plugins/featured-posts-with-thumbnail/images/ удалите файл titlesidebar3.gif или заменить на свой. Не забудьте переписать свое имя файла в строке background:url(‘images/новое_имя.формат’
  • .widget_featured-posts li — для каждого элемента в списке задается: высота, поля и отступы, размер символов и нижней границы.
  • .widget_featured-posts li:last-child — убирает границы последнего элемента в списке.
  • .widget_featured-posts img —  можно изменить размер границы изображения, ее цвет, и выравнивание картинки.
  • .widget_featured-posts li:hover img — отражения картинки, при наведении на нее курсора мыши.
  • .widget_featured-posts li a — цвет ссылок.
  • .widget_featured-posts li:hover — цвет фона при наведении курсора мыши список.

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

<!--?php $args = array( 'title' =----> 'Читайте, это полезно!',
'numberposts' => 5,
'orderby' => 'rand',
'widththumb' => 60,
'heightthumb' => 60,
'beforetitle' => '</pre>
<h3>',
'aftertitle' => '</h3>
<pre> '
); featured_posts_YIW( $args );
?>

Где:

title’ — заголовок.
numberposts’ —  количество ссылок на статьи.
orderby’ — вывод статей с миниатюрами. Можно использовать следующие значения, записывая их через пробел:

  • ‘author’ — сортировка по ID автора;
  • ‘category’ — cортировка по ID категории;
  • ‘content’ — сортировка по содержанию;
  • ‘date’ — Сортировка по дате создания;
  • ‘ID’ — cортировка по ID поста;
  • ‘menu_order’’ — cортировка по меню, полезно со страницами и вложениями;
  • ‘mime_type’ — Сортировка по типу MIME, полезно с вложениями;
  • ‘modified’ — сортировка по дате последнего изменения;
  • ‘name’ — Сортировка по незавершенная;
  • ‘parent’ — Сортировка по ID родителя;
  • ‘password’ — Сортировка по паролю;
  • ‘rand’ — случайно результаты сортировки;
  • ’status’ — Сортировка по статусу;
  • ‘title’ — Сортировка по названию;
  • ‘type’ — Сортировка по типу.

widththumb’ и ‘heightthumb’ –  ширина и высота миниатюры
beforetitle’ и ‘aftertitle’ – открытие и закрытие для title.

Ну вот и все! Теперь Вы научились устанавливать и настраивать еще один плагин WordPress Featured Posts with thumbnails.

Еще 10 WordPress плагинов для перелинковки

    ADD YOUR COMMENT