Вывести произвольные статьи с картинками в сайтбар

Добрый день, уважаемые читатели! Я уже год знакома с wordpress и не перестаю удивляться возможностям казалось бы этого, на первый взгляд, не поворотливого движка. По крайней мере я так сначала думала, пока не начала делать на нем новый проект, который должен быть максимально функциональным и интересным. Мне необходимо было вывести статьи с миниатюрами в сайтбар. Конечно сделать это можно было и ручками — создать определенный html-код и вставить его в виджет, на скорость блога это  не повлияет, но зато работы прибавит. Подумав, решила я прибегнуть к помощи плагина  Featured Posts with thumbnails.

Данный плагин позволит мне вывести в сайтбар некий модуль, в котором будут отражаться ссылки с миниатюрами именно на те статьи, которые я хочу. Причем от меня зависит какая статья будет отражаться в этом модуле, в какой последовательности будет происходит отражение и даже какой размер будет у картинки, взятой из статьи ( плагин берет первую картинку поста и изменяет ее размер до указанного мною, с помощью специального скрипта  timthumb.php). Единственно, надо учесть, что плагин уменьшает только изображения .jpg, все остальные он игнорирует.

И что самое интересное — установить и настроить плагин Featured Posts with thumbnails не составит особых затруднений.

Итак, скачиваем плагин со страницы  http://wordpress.org/extend/plugins/featured-post-with-thumbnail/, полученный архив распаковываем и папку Featured Posts with thumbnails с помощью ftp — клиента отправляем на сервер в директорию  /wp-content/plugins/. Затем заходим в админку блога и в панели «Плагины» активируем плагин Featured Posts with thumbnails

После успешной активации в панели «Внешний вид» — «Виджиты» появляется новый виджет Featured Posts,

который с помощью мышки переносим на панель сайтбара и прописываем доступные опции по желанию.

В поле title прописываем как будет называть список выводимых статей. У меня буду выводится материалы только на кулинарную тематику, поэтому и блок называется «Готовим вкусно», хотя по идеи данный плагин позволяет выводить любые статьи, можно предположим назвать «Лучшие статьи»

How many posts do you want to display? — это строка предлагает установить количество выводимых постов. Можно выбрать от 1 до 100.

Choose type of order — данная функция позволяет выбрать принцип, по которому будут выводиться материалы. Предлагается 6 вариантов : random — случайный, title — по заголовку, date — по дате написания, avtor — по автору, modifi — по дате модификации, id — по id поста.

Width Thumbnail и Height Thumbnail — эти два параметра отвечают за ширину и высоту соответственно. Можно установить произвольное значение.

С настройками завершили, нажимаем кнопку «Сохранить»

Открывать блог и проверять не стоит — там ничего еще не отражается. Для начала необходимо включить необходимые материалы для отражения в модуле. Сделать это просто. Заходим в админке блога в панель «Записи» и открываем необходимый материал для редактирования. В самой статье ничего делать не надо, меня интересует новый блог, в правом углу: Featured Post?

Выбираю положение «Yes» и сохраняю обновления в статье. Вот теперь можно открыть блог и посмотреть как работает плагин Featured Posts with thumbnails

Да, отражение по умолчанию скорее всего подойдет не под каждый шаблон, но это исправить можно. Адаптировать внешний вид будем с помощью стилей плагина. Для этого надо вернуться в панель «Плагины» найти плагин Featured Posts with thumbnails и нажать на ссылку «Изменить».

Откроется страница, на которой в окне «Файлы плагины»(расположенной справо) необходимо выбрать строку   featured-post-with-thumbnails/featured-post.css. Появляется окно со стилями плагина, которые мы можем переписать под свой дизайн.

С помощью данного окна мы можем переписать следующие css стили, которые позволят изменить вид вывода статей с миниатюрами:

.widget_featured-posts — позволяет задать фоновое изображение для title виджета. Если Вас не устроит фон, то можно из директории  /wp-content/plugins/featured-posts-with-thumbnail/images/ удалить файл titlesidebar3.gif или заменить на свой. При этом тогда не забудьте переписать имя файла в строке.

.widget_featured-posts li — этот стиль позволяет изменить любой элемент строки — высота, отступы, размер символов, цвет и размер нижней границы.

.widget_featured-posts li:last-child — данная строка удаляет границу (горизонтальную черту)после последнего материала в модуле.

.widget_featured-posts img — с помощью данного стиля можно изменить размер границы изображения, ее цвет, а так же выравнивание картинки.

.widget_featured-posts li:hover img — здесь прописан стиль отражения картинки, при наведении на нее курсора мышки. То есть если Вы изменили в предыдущем стили размер границы, то не забудьте изменить и тут.

.widget_featured-posts .featured-title — данный стиль регулирует расположение заголовка статьи по отношению к миниатюре.

.widget_featured-posts li a — задает цвет заголовка статьи в модуле.

.widget_featured-posts li:hover — можно изменить цвет фона при наведении курсора мыши на строку.

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

Сохраняю изменения и проверяю полученный результат на блоге

Как видите внешний вид выводимых статей с миниатюрами стал вписываться в оформление блога. А было изменено всего несколько стилей — был сделан отступ изображения от левого края, уменьшина граница, изменен цвет границы миниатюры и цвет границы элемента, а так же цвет заголовка и его расположение.

Работу данного плагина можно заменить и прописанием простой функции, в любом файле — single.php или же в footer.php:

<!--?php $args = array(        'title'        =-->'Готовим вкусно',
       'numberposts'  =&gt; 5,
       'orderby'      =&gt; 'rand',
       'widththumb'   =&gt; 60,
       'heightthumb'  =&gt; 60,
       'beforetitle'  =&gt; '
       'aftertitle' =&gt; '   );
featured_posts_YIW( $args );
?&gt;

Теперь объясню что за что отвечает:

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

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

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

Вот и все настройки плагина Featured Posts with thumbnails, сложного ничего нет, зато какие огромные возможности теперь я имею. Можно вывести в данный модуль любой материал, на свое усмотрение.

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

На этом все. Вывести произвольные статьи с картинками в сайтбар теперь можете и Вы. Всем удачи и до новых встреч на блоге «Seo записки отчаянной«

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