Вывести произвольные статьи с картинками в сайтбар
Добрый день, уважаемые читатели! Я уже год знакома с 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' => 5, 'orderby' => 'rand', 'widththumb' => 60, 'heightthumb' => 60, 'beforetitle' => ' 'aftertitle' => ' ); featured_posts_YIW( $args ); ?> |
Теперь объясню что за что отвечает:
- ‘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 записки отчаянной«
Возможно Вам это будет интересно:
Вам понравилась статья? Расскажите о ней друзьям!