22 марта 2010

Плагин WordPress — Лучшие статьи с миниатюрами

Wordpress плагины - Featured Posts
Когда-то вы написали действительно замечательную статью в которую вложили немало времени и личных знаний, но с течением времени вы видите, что статья ушла в архив и даже вы сами уже редко вспоминаете о ней. А ведь со временем появляются новые, не менее интересные, полезные и важные статьи. И ведь еще желательно с некоторой периодичностью прогонять лучшие статьи по сервисам социальных закладок или в твиттер повторный анонс сделать. Так как же выделить их на фоне остальных, чтобы не забывать, а может даже сделать выделенный раздел для таких статей?
Есть уже много плагинов, которые позволяют вам рекламировать статьи, но они, как правило, показывают самые читаемые или те, которые имеют больше всего комментариев, не давая возможность непосредственно выбрать, какие статьи отображать. А ведь не факт, что самую читаемую или обсуждаемую статью вы считаете лучшей! И если вы хотите самостоятельно решить, какие статьи включить в список лучших, сколько статей показывать, а также организовать порядок вывода статей. К примеру, вы хотите вывести десять своих лучших статей, в случайном порядке. В таком случае обратите свое внимание к плагину Featured Posts with thumbnails.

—————
Если вы ищете надежный и профессиональный хостинг для своего блога или сайта, то присмотритесь к одному из крупнейших провайдеров, который работает на рынке с 2000 года
—————
Этот плагин позволит вам добавить в боковую панель(сайдбар) раздел, который будет содержать статьи, которые вы хотели бы выделить. Работает очень просто: после его установки и активации вы можете решить, какие статьи добавить в список лучших, сколько статей отображать, порядок отображения и размер картинки, полученной из статьи (плагин берет первую картинку в статье, и автоматически изменяет ее размер, используя скрипт «timthumb.php»).

Установка плагина Featured Posts with thumbnails

Установка этого плагина ничем не отличается от обычной установки любых других плагинов:

  1. Скопируйте разархивированную папку с плагином на сервер в папку «/wp-content/plugins/»
  2. Активируйте плагин через админку блога «Плагины->Установленные«
  3. Перейдите через меню Дизайн->Виджеты
  4. Перетащите мышкой виджет Featured Posts на сайдбар
  5. Установите доступные опции
Панель управления виджета Featured Posts

Wordpress плагины - Featured Posts

Установите опции как показано на рисунке или измените их как вам нужно: Title — заголовок списка статей; количество постов для отображения — можно изменить от 1 до 100; порядок вывода: случайный, по заголовку, по дате создания, по автору, по дате модификации или по ID поста; ну и наконец размеры картинки по вертикали и по горизонтали.

Как включить статью в список лучших

Это тоже очень просто. Для этого достаточно войти в админку блога, через меню Записи-> Редактировать выберите статью, которую вы хотите пометить как лучшую. В правом верхнем углу увидите новое окно:  Featured Post?
Wordpress плагины - Featured Posts

Как адаптировать вид плагина под собственные нужды

Возможно перед началом работы с классами плагина Featured posts, вам нужно узнать о том, как найти файл style.css и как работать с файлом style.css
Плагин предоставляет следующие CSS классы, которые могут быть использованы для улучшения внешнего вида при выводе в вашем блоге:

  • .featured-title { параметры заголовка }
  • .widget_featured-posts { задать фоновое изображение title виджета }
  • .widget_featured-posts li{ для каждого элемента в списке определяются: минимальная высота, поля и отступы, размер символов и нижней границы }
  • .widget_featured-posts li:last-child { убирает границы последнего элемента в списке }
  • .widget_featured-posts img { устанавливает границы изображения }
  • .widget_featured-posts img.alignleft { задает выравнивание изображения }
  • .widget_featured-posts li a { определяет цвет ссылок }
  • .widget_featured-posts li:hover { определяет цвет фона при наведении мыши на элемент списка }
  • .widget_featured-posts li:hover img { определяет цвет границы, когда вы наводите курсор на изображение }

Вы можете использовать собственные изображения, добавив их к плагину в папку /wp-content/plugins/featured-posts/images/.

Где взять плагин Featured posts with thumbnails?

Плагин Featured posts можно скачать по этой ссылке

Использование плагина Featured post как функции в коде шаблона

Возможно вы захотите использовать плагин Featered posts в другом месте, например в футере темы. Для решения можно использовать функцию вывода списка лучших постов в удобном для вас месте:

<?php
$args = array(
       'title'        => 'Лучшие статьи',
       'numberposts'  => 5,
       'orderby'      => 'rand',
       'widththumb'   => 73,
       'heightthumb'  => 73,
       'beforetitle'  => '<h3>',
       'aftertitle'   => '</h3>'
   );
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.

Советы
  • При активации виджета Featured posts возможно вас не устроит фон заголовка. Можно убрать titlesidebar3.gif файл из папки /wp-content/plugins/featured-posts-with-thumbnail/images/ или заменить его на свой.
  • Плагин для миниатюры уменьшает размер файлов jpg. Не уменьшает gif.
Статьи по теме
Статья оказалась полезной? Подпишись на RSS рассылку или следуй за мной на твиттере @wpstarter или по этой ссылке wpstarter
Рубрика: wordpress плагины

Комментариев: 55

Вы можете следовать любому комментарию через RSS 2.0 feed.

Вы можете оставить комментарий или trackback с вашего сайта.

  1. В сайдбаре реализовано то, что написано в статье? Значит, это то, что я давно искала. Спасибо. Сейчас буду пробовать на одном из своих блогов. Имеет ли значение версия WP?

  2. Огромное спасибо, установила по Вашим инструкциям на своём кулинарном сайте, всё просто класс. Плагины на Вордпресе не устают меня удивлять!

  3. admin:

    2Cветлана Бобровская
    Да, именно в сайдбаре работает
    про версии не знаю
    пробуйте

  4. admin:

    2ladosha
    Ваша лучшая благодарность
    это следовать в твиттере или подписаться на RSS

  5. Не удается установить. Выскакивает:

    Плагин не может быть активирован, поскольку он вызвал фатальную ошибку
    Fatal error: Class ‘WP_Widget’ not found in /home/amman/public_html/webdiletant/wp-content/plugins/featured-post-with-thumbnail/index.php on line 164
    не пойму, почему плагин ищется в папке /home/amman/public_html и что такое /amman/? :(

  6. Fatal error: Class ‘WP_Widget’ not found in /var/www/vseuch/3cats.ru/wp-content/plugins/featured-post-with-thumbnail/index.php on line 164
    Это уже другой блог, и тоже ошибка!
    Может быть еще до активации что-то надо изменить в шаблоне?

  7. admin:

    стучите ася 3570467шесть

  8. Вашу статью ретвитнула с удовольствием — очень полезная. Но у меня почему-то из трёх картинок появилась только одна! Не могу понять — то ли с исходными изображениями что-то не то, то ли я в настройках напутала. Обновляла страницу раз 10 — картинки так и не появились. Названий три, изображение одно.

  9. admin:

    2ladosha
    Пока у меня 1 предположение
    Картинки выводятся, но из-за ресайзинга от них остается кусок, на котором в сайдбаре ничего нет
    попробуйте для проверки сменить временно картинку,
    можете попробовать с разными форматами jpg, gif, png

  10. у меня они все в формате jpg. Я пробовала менять статьи, чтобы выводились другие картинки, но всё остаётся неизменным — одна картинка есть, две — нет. Буду экспериментировать ещё, спасибо за неравнодушие.

  11. admin:

    2ladosha
    Дайте адрес вашего сайта. Мне интересно понять что происходит
    Или если это горький мед то включите плагин и сообщите мне, чтобы я взглянул

  12. В интернете информации много, а найти нужное порой можно случайно, спасибо

  13. Hiko:

    a u mne problema s etot plaginam. on viglidet ne okuratno. ya ne mogu evo redaktirovat ot css kak mne zdelat eto ?

  14. После установки плагина в сайдбар, возникли вопросы:
    1. Картинка, которая есть в посте, не отражается.
    2. Текста также нет
    3. Можно ли перед текстом одной строкой вывести дату и время (написания поста)?

  15. Аdmin, а с вертикальным скроллингом не пробовали сделать?

  16. а как сделать, чтобы плагин выводил статьи не из «лучших» а в случайном порядке «из всех» имеющихся на сайте блога, а фоту брал из миниатюры?

  17. Спасибо! admin-у за помощь с плагином.
    Можете посмотреть: http://slavaboguart.ru/

  18. Saligram:

    Прошу прощения! Я нашёл получше, со слайдером.

  19. betal:

    Искал что-то похожее. Спасибо!

    Можно ли автоматически чтоб плагин определял n-новостей отображаемых в сайд баре?
    У меня несколько блогов, я бы хотел чтобы популярные статьи были одни на все блоги — это возможно?

    • Alex:

      Что касается плагина Featured posts with thumbnails, то тех функций о которых Вы говорите , он не имеет.
      Вывод одного списка популярных статей на разных блогах, возможен, но существует ли готовый плагин — я не знаю.
      Если есть реальная заинтересованность сделать такой вывод, обращайтесь, см.страницу Контакты

  20. betal:

    Я так понимаю вы имеете ввиду union?
    А что касаеться статистики? чтобы не задавать вручную?

  21. betal:

    проблему решил по средствами mysql union

  22. Добрый вечер! А как сделать чтоб картинки не плясали. А то у меня одна слева другая справа вылезла :(

  23. Спасибо за то, что выложили плагин и подробное описание. Очень полезно. А только что его установил и ещё не пользовал. Вопрос маленький. А вот, если я не выставил лучшую статью, которую я хочу видеть, то статьи буду рендомно каждый раз отображаться?

  24. risya:

    А можно сделать горизонтальное отображение тизеров?

  25. А есть ли возможность поставить линку на картинку тоже, а не только на заголовок поста?

  26. Нужна ваша помощь.
    Установил данный плагин, но картинки не выводятся.
    Что посоветуете сделать?

  27. Пермский:

    Есть еще вариант, как сделать такое же без плагина (заодно и блог работать будет быстрее)
    Рецепт: открываете редактор поста (как обычно) пишите заголовки, вставляете ссылки на свои же статьи (можно сменяя анкоры), вставляете если надо ссылки на свои же фотографии (из библиотеки, т.е. /uploads/). Т.е. по-сути как бы пишите пост, также ставите ентеры, смещения и обтикания текста и картинок слева/справа и т.д.
    Затем переходите в режим осмотра поста в html, копируете весь получившийся код (именно в html-просмотре), открываете виджеты, далее виджет «обычный текст» вставляете в нужный сайдбар — далее вставляете из буфера обмена сам код. Название какое хотите вверху пишите, например «популярное», «новое» и т.д.
    Вуаля ;)
    Кстати, править можно также код в едиторе написания поста, цвет, фон, шрифт, размер и пр, т.е. подгоняйте как угодно под ваш дизайн блога.
    Кстати для удобства написания таких вещей из админки — скачайте и потестите плагины fcke-editor’ы. Они и для админки-написания постов будут полезны и расширяют отлично возможности вывода кода в сайдбары, и просто удобны. Единственное, перед их тестами обязательно сохраните бекапы, по первости можете того… «накодить».
    Ох, много букф получилось :)

  28. Очень помогла статья спасибо большое применил у себя на блоге. Была бы еще функция чтобы все повторялись в случайном порядке вообще бы кул было

  29. На одном сайте красиво вывелись с помощью этого плагина статьи с миниатюрами и стили в css поменяла ка нужно.
    А вот установила на втором сайте, который в подписи, ну ни хрена не получается. Стили не меняет, картинки пляшут, может это из-за того, что шаблон сайта резиновый?

  30. нее, ну ладно картинки пляшут, но почему в файле css ни цвета ни шрифт не поменялся….А может подобный есть еще плагин? Бывает такое, что один плагин не устанавливается, а другой похожий почему то как родной вписывается.

  31. Мда….спасибо, но Вы думаете я не читала комменты к вашей статье? Слайдер первым делом поставила, красиво, но нагрузка большая, у меня сайт и так неповоротливый плюс шлеш-баннеры стоят от рекламодателей. Пойду рыскать в инете другие плагины.

  32. TTT:

    На некоторых темах придется вручную добавлять Featured Images.

  33. Добрый день! Пожалуйста, подскажите, что именно нужно изменить в файле css,чтобы изменить шрифт на нормальный? На сайте у меня плагин уже установлен, но из-за шрифта не нравится как выглядит :-(

  34. Григорий:

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

  35. Хороший плагин, уже установила!

Оставьте комментарий

Обведите фигуру по линии:

Ставим WordPress на локальном копьютере