Плагин 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… (как установить плагины на блог)

[yandexd]

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

виджет Featured Posts

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

 

виджет Featured Posts

[sc:adsens728post ]

В настройках виджета вы указываете плагину 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), и вы попадете в таблицу стилей плагина, где можете менять внешний вид отображения блока вывода статей с миниатюрами в сайтбаре как вашей душе угодно.

[yandexd]

плагин 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]<!—?php $args = array( ‘title’ =—-> ‘Читайте, это полезно!’,
‘numberposts’ => 5,
‘orderby’ => ‘rand’,
‘widththumb’ => 60,
‘heightthumb’ => 60,
‘beforetitle’ => ‘</pre>
<h3>’,
‘aftertitle’ => ‘</h3>
<pre> ‘
); featured_posts_YIW( $args );
?>[/php]

Где:

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 плагинов для перелинковки

✌️ Хочешь продолжить разговор после статьи?

В Telegram я делюсь всем, чего нет на блоге: быстрые мысли, мемы, хаос и ностальгия.

Подписаться на Telegram
Комментарии: 83
  1. Людмила

    Валерий, а если я хочу вывести еще плагин в конец каждой статьи, куда прописать код?И как сделать, чтоб картинки были горизонтально?

    1. Voroni (автор)

      Код прописывать в файл single.php, а вот как сделать горизонтально, я к сожалению не знаю. Для того, чтобы выводить лучшие статьи в конце поста, куча различных других плагинов и сервисов существует, а у этого плагина основная задача выводить именно в сайтбар. =) Извините, если не сумел помочь =)

      1. webslicer

        Валерий, ну почему же во всех статьях сайТбар?!?
        sidebar — боковая панель. Сайдбар и никак иначе.

        1. Voroni (автор)

          Ну не во всех.

  2. aviatalker.ru

    Ошибка установки архива: подходящих плагинов не нашлось. Версия WP 3.3.1
    %)

    1. Voroni (автор)

      Вы с моего сайта скачивали архив? Как устанавливали?

      1. Алексей

        Валера ,я тоже не могу его установить :( Пишет -не удалось.Я уже одну папку удалил,оставил 1.4-всё равно никак(((  фигня какая-то

        1. Voroni (автор)

          Алексей, нужно разархивировать архив на компьютер и устанавливать. Тогда все установиться

          1. Алексей

            так и делаю.я в асе тебе написал.появись там =)

  3. Руслан Соловьев

    Только правильно пишется не «сайтбар», а сайдбар — от англ. side — сторона, бок… :)

    1. Voroni (автор)

      =) хорошо, будем знать! Просто в поисковик чаще вводят именно сайтбар

  4. Светлана

    Дважды пробовала установить на разные сайты — ссылка на скачивание работае, а вот сам архив вордпресс не признает. Похожего плагинапросто по названию тоже найти не могу.((

    1. Voroni (автор)

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

  5. Юрий

    Я все присматриваюсь к этому плагину, сомневаюсь, но у Вас он выглядит гармонично.

    1. Voroni (автор)

      Так там через css плагина можно подстроить под дизайн блога

  6. Иван

    Спасибо за интересную информацию.  У меня данный архив  вордпрес не принимает и показывает (корректных плагинов не найдено). Что Вы можете посоветовать?

    1. Voroni (автор)

      Иван, нужно было разархивировать архив с плагином, в нем два плагина. Установить версию 1.4 если WordPress свежих версий

      1. Алексей

        Валера,в этом зип архиве 2 папки и все 1.4 версии.Я из этого архива удалил одну папку,при наведении на которую не пишет 1.4.Т.е осталась 1.4 по логике вещей.Так вот этот зип архив я закинул на хостинг,хотя можно зип архивы и из админки ставить.Ничего в виджетах не появляется после этого.Щас попробую скачать из свободного доступа… :(

        1. Алексей

          Вообщем нашёл я этот плагин в поиске на сайте подобной тематики.Тоже зип-архивом.Установил из админки =) Щас настраиваю  *CRAZY*

  7. arm

    Подскажите как сделать так чтобы в сайдбаре кроме картинки и заголовка выводило часть стать и было «читать далее».

    1. Voroni (автор)

      К сожалению данный плагин такую функцию не поддерживает

  8. Евгений

    Здравствуйте, скачал установил, активировал,но есть вопрос мне не записи надо анонсировать а страницы, как быть? (т.е. в админке есть графа — записи и они выводятся, в графе страницы жмем изменить и там нет этой кнопки, что бы применить плагин)

  9. Дмитрий

    Искал что-то похожее.Спасибо грамотно описали.Может знаете как настроить его как у вас,чтобы была миниатюра слева,ссылка справа.У меня ссылка под миниатюрой,что не есть гут для меня!

    1. Voroni (автор)

      Ну тут либо просто ему не хватает места. Либо Вам нужно идти в пункт «плагины — установленные» находите Featured Post with thumbnail, затем кликаете по ссылки «изменить» и справа в солбце выбираете ссылку «featured-post-with-thumbnail/featured-post.css» и меняем стили) Сложновато, конечно, но по другому я не знаю)
      Да я посмотрел, нормально смотрится у Вас на блоге) просто ели миниатюры меньше сделать, тогда ссылка будет обтекать картинку

  10. Анастасия

    У меня что-то тоже не хочет устанавливаться. оО Яуже и распаковала, и заархивировала нужную папку и закинула даже, но когда нажимаю активировать пишет ошибку…

    1. Анастасия

      Что-то я этот плагин вообще нигде найти не могу. То есть нашла на нескольких блогах, но везде выдает одну и ту же ошибку (фатальную при чем)) Была даже ссылка на этот плагин на сайте вордпресс — и его там уже нет вообще. Вежливо спросили, может вы имели ввиду вот какой-то из следующих?:)

      1. Voroni (автор)

        Может быть с твоим шаблоном не совместим? Кстати, в архиве два плагина, пробуй оба)

        1. Анастасия

          Может и с шаблоном.. Перепробовала оба твои (по нескольку раз) и другие качала — одно и то же: «фатальная ошибка» в строке 61 файла индекс.пхп плагиновского. Что-то там с изображением, уже не помню точно.

  11. Анастасия

    Проблема видимо все-таки в несовместимости с шаблоном — на фиалочном блоге установился без проблем этот плагин. =) А жаль… Я бы очень хотела его на оба сайта :(

  12. Анна

    Хороший плагин, только у меня вопрос, как размер шрифта поменять? У вас, смотрю нормальный, а меня большой слишком получился %)

    1. Voroni (автор)

      В комментарии выше писал как попасть в настройки css плагина и там можете поменять шрифт!

    2. Роман

      В Вашей ситуации я менял размер заголовка. В featured-post-with-thumbnail/index.php найдите строку

      <a href="">

      И там меняйте значение h5 до размера какой вам нужен.

      Анна, у меня к вам свой вопрос. Какой плагин вы используете у себя на сайте для вывода под статьёй блока «Возможно Вас заинтересует:»?

      1. Анна

        Спасибо за совет! =)
        Плагин который у меня стоит называется IGIT Related Posts With Thumb

        1. Роман

          Спасибо! Попробую его.
          Я смотрю в прошлом комменте у меня код неправильно отобразися… Тогда посоветую по другому. Редактируйте в featured-post-with-thumbnail/index.php теги размера заголовка рядом с h5 class=»featured-title»…

  13. Алексей

    Подскажите пожалуйста, как задать свой тип миниатюры? Дело в том что плагин использует по умолчанию «не квадратную» миниатюру, либо обрезает картинку не так как нужно..

    например в functions.php 
    у меня задан размер:
    add_image_size( ‘mini-thumbnail’, 150, 150, true );
    он используется в теме, но как прописать его в данный плагин?
    Надеюсь доступно объяснил… =)

    1. Voroni (автор)

      Ну это надо в файлах плагина смотреть. идите в пункт «плагины — установленные» находите Featured Post with thumbnail, затем кликаете по ссылки «изменить» и справа в солбце все файлы плагина. 

  14. Лариса Самборска

    Валерий, мне очень понравился виджет на Вашем блоге (как и весь блог), но не рискнула его установить, потому что не понимаю вот что:
    — для отображения миниатюр в виджете обязательно должны быть заданы миниатюры к статьям на блоге?
    — у меня довольно большие изображения к статьям, и если первое сделать миниатюрой — получается ерунда. Не могли бы Вы в двух словах объяснить, как это делается? Или я просто неправильно задаю миниатюры к постам? Картинки гружу не через редактор, а через сервис Пикаса, и что-то у меня не получается. Если сможете — подскажите, пожалуйста. Специально посмотрела — у Вас в статье первое изображение еще больше, чем у меня. Значит, я действительно что-то неправильно делаю.

    1. Voroni (автор)

      Лариса, да нечего опасаться, попробуйте поставьте плагин. Если даже что-то не так, отключите и удалите. А вообще плагин берет первую картинку из статьи и автоматически уменьшает до миниатюры.

  15. Анастасия

    Почему-то когда иду редактировать файл стилей (через админку сайта) пишет мне рядом с названием файла «Отключен» и никакие изменения не отображаются… Как его подключить-то? :) Почему он вдруг отключен интересно… *UNKNOWN*

    1. Анастасия

      а еще хотела попросить, если не сложно и будет время — можешь скинуть мне на почту как у тебя файл стилей для него настроен? Спасибо заранее))

      1. Voroni (автор)

        конечно скину))))

    2. Voroni (автор)

      Может быть права доступа файлам шаблона дать 777

  16. Анастасия

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

    1. Voroni (автор)

      Настя, а я же тебе посылал файл со стилями, ты его получала? И если будешь дописывать стили, значениям присваивай !important

      1. Анастасия

        Да, я получала. Но они у нас — вобщем-то идентичны, только кое-где цвета указаны разные. Я думала, может у тебя там как-то дополнительно прописано, что названия постов рядом выводятся, а не под картинками. Но нет.

        Надо заняться этим плагином :) Но все руки не доходят. Может завтра с утречка полезу.. Или вечером смогу выделить минутку — надо попробовать права задать… А то меня ставит в тупик то, что файл стилей, видите ли «отключен». =)

  17. Алексей

    Вышла новая версия этого плагина 1,5 при установки которой перестали нахрен выводится статьи :(  А скачанные у тебя нифига не устанавливаются…

  18. Алексей

    Наконец-то я решил эту задачу. Вторую папку (где стоит версия плагина) вырезал в отдельное место и закинул её в паблик штмл. Всё заработало *DANCE* Теперь только обновлять не нужно этот клёвый плагин…

    1. Илья

      тоже поломался этот плагин, можно поподробнее что куда закидывать, какую папку?

      1. Алексей

        А что тут непонятного, он у тебя полетел после обновления? Так вот: удаляешь по фтп эту папку с плагином, а за место неё закидываешь папку со старой версией и всё. Всё встаёт на свои места. И главное, не обновлять его в дальнейшем.

        1. Илья

          так и сделал, но ты читал почему плагин обновился? В старой версии есть дыра в безопасности. Так что пользуясь старой версией есть опасность взлома.

  19. Татьяна

    Спасибо большое за подсказку хорошей идеи и подробные объяснения! Всё получилось.

  20. Аня

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

    1. Voroni (автор)

      Аня, а те статьи которые хотите чтобы выводились они включены в админке?

    2. Андрей

      А ты, перед тем как это произошло в настройках не лазила? Может ты , действительно что — то исключила и все!

  21. igor

    Выше уже был вопрос, но он без ответа, можно ли этим плагином выводить не только записи, но и страницы?

    1. Voroni (автор)

      Страницы вреде как нельзя)

  22. валерий

    Статья отличная, сделал всё так как описано. Но к сожалению, не понял почему у меня нет выбора Yes/ No в Featured, сейчас там по умолчанию по всем заметкам стоит No.
    подскажите, плиз, что я сделал не так?

    1. Voroni (автор)

      Валерий, так а если нажать на треугольничек, выпадет вариант «yes»  =)  ну а если нет такого выбора, значит плагин не работает) попробуйте отключить его, затем снова активировать)

  23. Сюрпризы жизни

    У меня на блоге уже стоит подобный виджет, говорят же что он перелинковкой является, значит появлению (ну для кого-то увеличению :-D  ) PR должен способствовать?! Вот сижу, жду.. 8) .

  24. Сюрпризы жизни

    А кстати, почему вы предпочли себе вариант без картинок?! Мне кажется фото (при удачном подборе) очень завлекает!

    1. Андрей

      Соглашусь что фото завлекает, но я так понимаю плагин берет ЦЕНРТ картинки первоя, а если учитывать первые картинки этого блога, то та самая часть не очень смотриться (нету целого изоброжения)

  25. Нина

    Скажите, пожалуйста, можно ли сделать , чтоб выводимые миниатюры в сайдбаре были плавающими, т.е как в слайдере менялись?

    1. Voroni (автор)

      Нина, по-моему нет.

    2. Андрей

      Технически это возможно, но плагин так точно не сделает!

  26. Максим

    Здравствуйте!
    Пол дня вожусь! Как изменить выравнивание текста напротив миниатюры. Хотя бы красную строку убрать!
    За это отвечает строка? .widget_featured-posts li
    Что в ней надо прописать?

  27. Светлана

    Спасибо, у меня всё получилось красиво! Только плагин загрузила с админ панели, Ваша версия не устанавливается.

  28. Читатель

    Статья просто супер. Но у меня проблема. Нет миниатюр в виджете, а так все работает. Пробовал разные версии плагина, менять размеры изображений, не помогает. В папке плагина есть папка images. Я так понял, плагин должен туда создавать миниатюры, но у меня их там нет.

    Как мне решить эту проблему? Подскажите пожалуйста.

    1. Андрей

      А размер изображений указан в плагине? И я так понимаю в записи картинки присутствуют? Если все так, попробуй обратится в поддержку плагина или пере установи (может скачала плохую версию)

  29. Руслан

    Не могу добавить Плагин и разархивировал и все пишет невозможно

    1. Андрей

      А ты попробуй в админке поисков воспользоваться и найти такой же плагин!

  30. Андрей Челноков

    Я думаю это мелочи! Даже в какой-то мере ненужные мелочи! Я бы не стал этим заморачиваться, по крайней мере сейчас, но за статью спасибо!

  31. Руслан

    Плагин поставил но вылазеет все время одна запись и ничего не помогает.:)

  32. Простой

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

    1. Руслан

      Можно это и без плагина сделать, хотя не у всех получиться из — за незнания html и css ну а кто хоть маленько знает то тут нет ничего сложного.

  33. Лариса

    Спасибо. Давно хотела вывести с картинками важные статьи, да не знала, как. Плагин тоже загружала из панели администратора

  34. Egor

    Понимаю, не по теме… Но всё же. Скажите, пожалуйста, как вы сделали такую синюю рамку с диском «Скачать»?

    1. Voroni (автор)

      Это плагин Special Text Boxes

  35. Егор

    После переезда на новый домен и хостинг, плагин перестал отображать картинки :(
    Точнее они есть, но показываются как «нет картинки».

  36. Ирина Жигалова

    Валерий, спасибо за красивый и функциональный плагин! *BRAVO*
    На моём блоге встал как родной! *YAHOO*  

  37. Теодор

    как сделать тайтл виджета (который можно менять в настройках, по умолчанию — Featured Posts) ссылкой на определённый раздел сайта? откуда в шаблон подгружается html код, отвечающий за внешний вид виджета?

    скриншот:

    http://take.ms/7Gzpmv

  38. Рашида

    Валерий, подскажите пожалуйста, как у вас сделан блок похожих записей, видимо плагином Related post. А может знаете как сделать чтобы самому определять какие статьи в блоке выводить? Я делаю под статьей блок Рекомендую прочитать эти статьи: и хочу подбирать сама статьи для рекомендации

  39. Любовь

    Валерий спасибо за развернутое обьяснение. У меня плагин встал нормально в сайтбаре. Хотела сделать в конце каждого полного поста, но получилась какая-то белеберда. Под постом появился весь код, который я скопировала у вас в статье и вставила в файл post-single.php. Как исправить не знаю. Вы не можете подсказать, что я не так сделала? Пока удалю код, а то ужас что творится на страничке.

  40. Артур

    У меня что-то не получается установить, всё делал как в статье, но почему-то не появляется при редактировании записи блок Featured :( Версия WordPress 4.2.2

Добавить комментарий

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!:
Нажимая на кнопку "Отправить комментарий", я даю согласие на обработку персональных данных и принимаю политику конфиденциальности (подробнее).