Ваш промокод mojWPAds на плагин рекламы для WordPress >>

Похожие статьи с миниатюрой. Плагин RPT

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

Давайте рассмотрим его работу и найдем положительные стороны от применения подобных вещей.

Ранее я рассказывал про плагин Contextual Related Posts, который так же выводит похожие записи с картинкой. Правда, в том случае пришлось немного видоизменить код, чтобы подобное получилось. Related Posts Thumbnails не требует подобного вмешательства, и просто начинает отображать с того самого момента, как мы его запустим.

Примеры можете глянуть на сайтах комментаторов, либо на картинке ниже:

Related Posts Thumbnails

Как мы видим: вначале выводится картина, а только после нее идет заголовок статьи. Приступим к настройкам.

Настройка плагина Related Posts Thumbnails

Качаем плагин по ссылке в конце статьи с официальной странице на репозитории WordPress и устанавливаем. Кто не знает, как это сделать, читаем Инструкция по установке плагина WordPress. После установки активируем и идем ПараметрыRelated Posts Thumbnails.

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

похожие записи с картинкой worpdress

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

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

похожие записи с картинкой wordpress

Чуть ниже выбираем количество записей и текст, который будет анонсировать блок (например: Похожие записи). Так же можно выбрать даты статей, которые будут отображаться (от какой-то даты). Может быть востребовано на "старых" сайтах, где есть уже не востребованная информация (те же новостные).

А вот следующий блок позволяет настроить свои стили отображения (фактически настройки CSS стилей через админку плагина):

плагин похожих записей wordpress

В самом конце выбираем на основании чего будет рассчитываться "процент похожести", чтобы отобразить эти самые записи. Я выбрал классику:

плагин похожих записей с картинкой wordpress

Требуемая версия WP:  2.9 и выше
Рассмотренная версия плагина:  1.3.1
Скачать плагин

Послесловие

А теперь для тех, кто хочет поменять размер отображаемых картинок:

  • открываем файл related-posts-thumbnails.php, который лежит в папке с плагином, при помощи программы Notepad++ и находим 333 строку;
  • в 333 строке, ближе к ее концу, находим вот такой отрывок кода (часть)
    ...continuous; width: ' . $width . 'px; height: ' . $height . 'px;">...
  • заменяем ширину (width) и высоту (height) на нужный нам размер (очень удобно, если у Вас все заглавные картинки или миниатюры на блоге одного размера):
    ...continuous; width: ' . $width . 'px; height: 124px;">...

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

Свои вопросы задавайте в комментариях.

Привет.

Меня зовут Виталик. Я автор этого блога и Магазина WordPress https://wp-r.ru/.


Оказываю услуги по созданию и настройке сайтов на WordPress (верстка, натяжка).

Отблагодарить Z888279575784 R109400923968 или ЯД 41001651742138

Мои Контакты. Я в Twitter @mojWP. Смотри на Youtube. Читай RSS блога.

Опубликовано 70 комментариев
  1. seogrot says:
    http://seogrot.com/

    Плагины конечно хорошо, но более интересно реализовать подобный функционал без установки плагина.

    • Виталий says:

      подобное можно реализовать без плагина. Достаточно воспользоваться хаком, который описывают практически на каждом блоге о WordPress, и добавить код вывода миниатюры в нужном месте.
      Однако разбираться с кодом подавляющее большинство блогеров не хочет, т.к. актуальные серверы у хостеров с легкостью справляются с 40-50 установленными плагинами при кило-два посетителях ежесуточно (проверено случайно)))

  2. Александр MaDDogg says:
    http://time-for-android.ru/

    Хорошая замена, обычному показу "Похожих записей" Возьму на заметку, быть может на своём портале такое же сделаю.

    • Guguenot says:
      http://thiswas.ru/

      Замена не хорошая, а отличная. Если миниатюры привлекательные, значительно увеличивает количество просмотров.

  3. Jazzmin says:
    http://jazzmin.ru/

    У меня отлично работает.

  4. Елена says:
    http://pozitiv11.ru

    Отличный плагин. И настраивается легко и выглядит замечательно. Уже установила, действуя по вашим инструкциям.

    • Женя says:
      http://tut-blog.ru

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

  5. Denis says:
    http://webwmz.ru/

    Очень хороший плагин, обязательно поексперементирую с ним. Мне бы таким образом все статьи на главной выводить, то есть последняя статья как обычно, а остальные сеткой подобной. Не знаете как сделать такое?)

    • Виталий says:

      Знаю: при помощи верстки сайта делается подобное. Можете сами разбираться, либо обратитесь на биржу фриланса и оплатите услуги профи.

      • Denis says:
        http://webwmz.ru/

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

        • Женя says:
          http://tut-blog.ru

          Нет. На бирже все сделают по быстрому, но деньги тратить новечки не всегда готовы.

  6. нерадивый бухгалтер says:
    http://uma-sovsem.net

    Поставила такой, смотрится нелепо, надо как-то подкорректировать, завтра поковыряюсь! Спасибо

  7. Александр Блок says:
    http://www.blockvideo.ru

    Плагин хороший,давно себе поставил. Но главный косяк с заданием даты с которой начинать публиковать похожие записи. Не знаешь плагин может не привязываться к этой дате, а просто выводить последние записи из рубрики? Возникают проблемы. Допустим поставили дату 01.01.12..написали в одну рубрику много статей, а в другую вообще не написали ничего и соответственно при выводе последних в последней рубрике ничего не будет..есть идеи как можно это решить?

  8. Александр Блок says:
    http://www.blockvideo.ru

    Проблема решена)))скачал последнюю версию плагина))раньше это нельзя было настраивать. Теперь надо просто не заполнять эту дату..

  9. base says:
    http://comp-on.ru/

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

  10. сергей says:
    http://blog.sepinfo.ru

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

    • Виталий says:

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

  11. Pavel says:
    http://healthbps.ru

    Подскажите, а если я в посты не вставляю картинки, то можно ли реализовать этот плагин. То есть в самой статье картинки не будет, а специально для плагина я ее сделаю.
    И еще такой вопрос. Из опыта можете сказать, насколько эффективнее такой плагин, чем Related Posts?

    • Виталий says:

      1. использовать миниатюры
      2. аналогично по функционалу, но красивее

  12. Гулзира says:
    http://vkusnoedoma.ru

    У меня похожие записи идут списком. Этот вариант плагина вывода похожих статей возьму себе в закладки, может со временем попробую поставить себе на блог взамен нынешнему:)) Спасибо за столь подробное описание.

  13. Андрей says:

    Добрый день! У проблема следующего характера: установлен плагин Related Posts Thumbnails, а также стоит контекстная реклама. При этом я хотел бы, чтобы реклама отображалась сразу после статьи (а уж потом и похожие записи выводились), но ни штатными средствами, ни установкой плагинов для контекстной рекламы проблему решить не удалось. Не подскажете, как поступить? Удалять плагин не хотелось бы, ибо очень хорошо вписывается в дизайн сайта:)

    • Виталий says:

      нужно вручную прописать после the_content в файле шаблона вывод контекстной, а только после этого отображение кода PRT. как это сделать написано в статье.

      • Андрей says:

        А в какой, простите, статье?:)

        • Виталий says:

          в этой статье.
          читайте внимательнее пояснения к настройкам:
          "Если здесь поставить галочку, то плагин будет отрабатывать (выводить похожие записи) в том месте, куда вы поместите предложенный в этой же строке код. Довольно удобно, если данный блок нужно поместить после кнопок социальных сетей (так сделал я)."

          • Андрей says:

            Все понял, спасибо!

  14. Алена says:
    http://feniks818.ru

    Плагин видовой, слов нет. НО... Не пострадает ли внутренняя перелинковка. Название статьи идет как картинка или текст? И еще вопрос. Черно-белым вы его сделали?

    • Виталий says:

      1. не понял из-за чего может пострадать внутренняя перелинковка? Обычно перелинковку делают по контексту, а подобные блоки для юзабилити в основном.
      2. как картинка. попробуйте "схватить" мышкой
      3. он цветной. и у меня на сайте цветной. присмотритесь)))

  15. dixi7 says:

    ...continuous; width: ' . $width . 'px; height: 124px;">...

    Что-то не работает это...

    • Виталий says:

      что могу сказать...

      ...continuous; width: ' . $width . 'px; height: 124px;">...

      Работает!

      Ищите ошибку, либо пошагово действия

  16. MoLee says:
    http://affpro.ru

    На одном сайте сделал, на другом чет никак, только отступы поменять смог. Разработчику нет чтоб нормальный css файл сделать...((

  17. Борис says:
    http://razdolnoe-news.com.ua

    Спасибо, выручил. Только вот правки в 333 сроке было мало, пришлось ещё и 322 строку подгонять под новый размер изображения.

  18. Григорий says:
    http://levelfx.ru/

    Подскажите пожалуйста, а как можно выровнять по центру этот блок???

    • Виталий says:

      1. при помощи css

      margin:0 auto;

      2. при помощи html

      <center>блок</center>
      • Григорий says:
        http://levelfx.ru/

        Я вставлял php код в тему. Немножко не понимаю где нужно написать блок

        • Виталий says:

          вот возьмите с двух сторон этот блок в center

          • Григорий says:
            http://levelfx.ru/

            Не встает по центру... 🙁

  19. Виталий says:

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

    • Григорий says:
      http://levelfx.ru/

      Спасибо!! Подписался. Жду.

  20. Denis says:
    http://webwmz.ru/

    Раньше работало, поменял дизайн не работает вообще никак. Может данный плагин с какими-нибудь конфликтует, не знаете? Заранее благодарю за помощь!

    • Виталий says:

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

  21. Denis says:
    http://webwmz.ru/

    Я данный код размещал в файле single.php, толку нет!

    • Виталий says:

      надо смотреть по настройкам и шаблону. сказать отсюда не могу однозначно в чем проблема

  22. Denis says:
    http://webwmz.ru/

    Что именно Вы хотите посмотреть? Если что, ссылку на сайт в форме комментария я оставляю.

    • Виталий says:

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

  23. Denis says:
    http://webwmz.ru/

    Я же просил вас...

  24. Дмитрий says:
    http://www.skazkiwsem.ru

    Как сделать выравнивание по центру и уменьшить ширину блока?

  25. Игорь says:
    http://expront.ru

    Как эти блоки увеличить? Уменьшаются они без проблем, а больше не становятся.

  26. denis says:

    Здравствуйте. У меня почему-то при использовании кода в файле single.php не отображаются похожие записи подобным образом. А если автоматически, то в контент залазит плагин. Помогите, пожалуйста.

    • Виталий says:

      Добрый. Каким образом я могу помочь вам?

  27. Андрей says:
    http://zarobitok.ru

    Спасибо Виталий отличная статья, наконец то я нашел этот плагин.

  28. Дмитрий says:

    Интересная, полезная статья, но заметил вот что: при каждом обновлении похожие записи меняются что не есть хорошо, как это исправить?

    • Виталий says:

      вручную проставить)))
      подобные плагины и созданы для рекомендаций разных статей. А иначе их бы просто не делали. Сами подумайте.

      • Дмитрий says:

        Ну получается что будет мигание ссылок, не навредит ли это сайту?

        • Виталий says:

          об этом нужно спрашивать у SEO-специалистов. Я лишь предоставляю техническую часть

  29. Дмитрий says:

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

    • Виталий says:

      Добрый. В статье же есть пункт "Послесловие". Адаптируйте под себя приведенный там данные.

  30. Александр says:

    Добрый вечер! Управлять шириной и высотой картинки не получается, проделал как описано, каким образом ищё можно реализовать управление размером картинки?

    • Lumen says:

      Никуда в код лазать не нужно! Зайдите в Параметры -> Медиафайлы - и там установите нужный размер миниатюрки.

      Мне плагин понравился, но не понравилось, что он у меня при каждом обновлении страницы показывает уже другие схожие посты.

  31. Арина says:
    http://rich.podari-yspeh.ru/

    Здравствуйте! Огромное спасибо за статью.Все написано просто и подробно.Все установила и здорово работает! Очень вам благодарна!

  32. west says:

    Не могу разобраться как поменять стили плагина. Мне нужны не те что меняются в админке, а другие как марджин, паддинг и т.д. При просмотре через фаер показывает нужные стили под названием element.style а вот где их менять и где находится файл element.style не совсем понятно. Не поможете случайно?

    • Виталий says:
      http://mojWP.ru/

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

      • west says:

        Что значит менять в самом плагине? в каком файле?

        • west says:

          Ну не знаешь так и скажи - не знаю. А то я как дурак жду ответа.

          • Виталий says:
            http://mojWP.ru/

            А вы хоть плагин скачивали? Смотрели его? Там только один файл с функциями и перепутать не возможно. Неужели так сложно сделать что-то самому?

          • west says:

            нашёл. спасибо. только стили там прописаны каким то особым образом и я не понимаю как добавить например центрирование по центру и отступы.

  33. art says:
    http://neprezident.ru/

    Как сделать чтобы блок с похожими записями был по середине. Сайт - neprezident.ru

    • Виталий says:
      http://mojWP.ru/

      Предыдущий комментарий даст ответ.
      Если сами не сможете, то зайдите в раздел услуги на блоге.

  34. Сергей says:
    http://rostrek.com

    К сожалению не понятно по картинке как конкретно менять код, чтоб изменять размеры блоков.

  35. любик says:
    http://sitekulinara.ru

    я вывожу плагином wordpress popular posts ...после обновления слетело часть настроек..подскажите как опять записи в рубрике популярные рецепты на главной странице опять выстроить вертикально....БЛАГОДАРЮ

  36. любик says:
    http://sitekulinara.ru

    горизонтально....ошиблась...и убрать названия...только сами картинки...

Не держи в себе. Выскажись.

Ваш e-mail не будет опубликован. Обязательные поля помечены *

© 2011-2017 | mojwp.ru | Копирование материала разрешено только с письменного согласия
WordPress: 12.43MB | MySQL:120 | 0,275sec
Лучшие плагины для сайта WordPress
Магазин WordPress WP-R.ru
Я понял, не показывай больше.
Смотри мои обучающие видео на YouTube
Сайт использует cookie
Друг, не уходи!