Рубрики

Урок 281 Похожие статьи с миниатюрами в WordPress: выводим похожие статьи с помощью плагина WordPress Related Posts

Петр Александров
Автор статьи Пётр Александров
86
Время прочтения: 6 мин.

Привет! Помните, давным-давно я писал урок про то, как вывести похожие заметки в WordPress? С тех пор прошло очень много времени и тот плагин, который там описывался (Simple Tags), даже перестал выводить эти самые заметки. Поэтому, я решил сегодня сделать обзор другого плагина WordPress Related Posts, который выводит похожие статьи с миниатюрами. Данный плагин очень прост в использовании, даже не требует вмешательства в код шаблона Вашего блога (!). Он также очень прост в настройках, в то же время очень функционален.

Похожие статьи с миниатюрами с помощью WordPress Related Posts

  1. Для начала нам, по традиции, нужно скачать плагин WordPress Related Posts и активировать его:
  2. Сразу же после активации Вы увидите “здоровую” кнопку” “Turn on Related Posts”, нажимаем на нее:
  3. И все! Плагин WordPress Related Posts уже работает, похожие статьи на блог выводятся как миленькие! Улыбка Дальше расскажу о том, как выводить похожие статьи с миниатюрами, то есть с картинками. Все там же в настройках (“Админка” WordPress –> Related Posts):
  4. И уже там в разделе Settings –> Theme Settings в Desktop/Tablet выбираете нужный вариант вывода. Обычно я вывожу похожие статьи в вертикальном виде со средними миниатюрами, то бишь проставляю пункт Vertical (Medium):
  5. Нажимаете на кнопку “Save changes”, (она расположена ниже) и наслаждаемся результатом:

Для тех, кто предпочитает более “тонкую” настройку плагина, сделаю небольшую шпаргалку по настройке WordPress Related Posts.

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

Итак, первый блок идет Statistics (“Статистика”):

  1. Столбец статистики просмотров с мобильных устройств (левая колонка) и просмотры с “декстопных” – обычных (правая колонка).
  2. Процент кликов от общего количества просмотров.
  3. Количество просмотров страницы с похожими статьями.
  4. Количество кликов.

Вообще, очень интересный блок, можно экспериментировать с выводом похожих статей и выявить лучшее решение, что приведет к увеличению количества переходов. А чем больше внутренних переходов, тем лучше поведенческие факторы, а значит тем ближе для нас ТОП поисковых систем.

Следующий блок – Settings (“Настройки”):

  1. Базовые настройки.
  2. Заголовок похожих статей.
  3. Количество выводимых постов.
  4. Посты за последний [выбор] месяц

Следом идет Theme Settings (“Настройки темы”):

  1. Отображение.
  2. Вывод в стиле “Momma” (вертикально с миниатюрами).
  3. Вывод в стиле “Modern” (горизонтально с миниатюрами).
  4. Вывод вертикально (большой).
  5. Вывод вертикально (средний).
  6. Вывод вертикально (маленький).
  7. В стиле сервиса Pinterest.
  8. В две колонны.
  9. Вручную.
  10. Образец вывода похожих статей с текущими настройками.
  11. Настроить.
  12. Отображать миниатюры для похожих статей.
  13. Отображать количество комментариев.
  14. Отображать дату публикации.
  15. Отображать первые [выбор] символов текста.
  16. Пользовательские CSS.

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

Следующий блок –  Other Settings (“Остальные настройки”):

  1. В постах, где нет миниатюр выводить следующее изображение [выбрать файл]. По умолчанию выводятся “пустые” квадратики.
  2. Использовать пользовательские поля.
  3. Остальные настройки.
  4. Исключить эти категории [выбор].
  5. Автоматическая вставка похожих статей.
  6. Отображать похожие статьи в RSS рассылке.
  7. Вести статистику.
  8. Поддержать производителя (показать логотип).
  9. Сохранить изменения.

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

До скорых встреч на новых уроках!

Подпишитесь на бесплатные уроки по e‑mail и получите книгу в подарок
Нажав на кнопку «Подписаться» вы принимаете соглашение на обработку персональных данных.
Книга по SEO
Добавить комментарий
Ваш адрес email не будет опубликован. Обязательные поля помечены
Нажав на кнопку «Отправить комментарий» вы принимаете соглашение на обработку персональных данных.

86 комментариев на «Урок 281 Похожие статьи с миниатюрами в WordPress: выводим похожие статьи с помощью плагина WordPress Related Posts»
  1. Бородатый админ

    Мне вот интересно – а каким образом можно указать, какие посты выводить в похожих? Большинство плагинов выводят абы как. А хотелось бы, чтобы действительно пользователь видел похожие статьи и, соответственно, кликал и кликал. Есть ли способ “заставить” выводить правильно?

    • Петр Александров Автор статьи

      Они, в основном, выводятся исходя из тегов: чем больше одинаковых меток, тем “похожее” статья.

      • Fil
        http://fishkalife.ru/

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

      • Бородатый админ

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

        • Jazzmin

          Есть. Можно написать свой движок

          • Бородатый админ

            Отличный метод. Очень в моем духе. В смысле иронии, а не то, что сяду писать движок.
            Слышал, что есть метод попроще – да вот никто не показывал.

    • Николай
      http://nashipchelu.ru/podgotovka-pchyol-k-zime/

      Здравствуйте Петр! Подскажите пожалуйста, я установил плагин настроил .А в низу после вывода похожих записей вот такая строка желтым цветом Edit Related Posts, как убрать???? Может я непонятно обяснил, если не трудно посмотрите Вот http://nashipchelu.ru/podgotovka-pchyol-k-zime/ Заранее большое спасибо!!!!

      • Петр Александров Автор статьи
        https://reclampa.ru

        Видите только Вы – администратор сайта, ничего страшного.

        • Николай
          http://nashipchelu.ru/podgotovka-pchyol-k-zime/

          Большое спасибо за подсказку!!!

  2. Dюша
    http://bez-buhla.ru

    Спасибо Петруха за плагин. Давно хотел что-то подобное замутить у себя на блоге)))

  3. Alla

    Про плагин этот слышала давно, сама устанавливала на один свой сайт, довольно хорош))
    Но меня вот больше заинтересовала картинка под 5-тым пунктом. Так как Петр обычно (всегда, если быть точной) выкладывает свои картинки, у меня появилось предположение, что картинка с его нового сайта про инвестиции, уж больно темы из Related Posts похожи на финансовый сайт)) Если я права, Петр, покажите уже новый свой сайт))
    Ну, а если я ошибаюсь, тогда некрасиво ставить reclampa.ru на них. Надеюсь все таки что мое предположение верно и мы скоро увидим новый проект Петра.

    • Петр Александров Автор статьи

      О какие мы внимательные :)))) Это сайт одного из моих клиентов, я ставил данный плагин на чужой блог, как раз с миниатюрами и т.п., параллельно пришло в голову рассказать про данный плагин 🙂 Так что этот сайт – не мой. 🙂

    • WPixel

      Спалю сайт 🙂 kiberinvest.ru Скриншот из статьи “Инвестиции в ПАММ-счета”

  4. Vika
    https://tworismelo.com/

    Если в самой статье не задана миниатюра записи, то картинка “похожие статьи” не видна в этом плагине.
    До этого у меня стоял плагин LinkWithin, он сам формировал картинки, но выводил совсем не похожие статьи.
    Думаю WordPress Related Posts все же лучше.

    • Jazzmin

      У меня сам плагин определяет первую картинку в записи как миниатюру к ней.

      • Петр Александров Автор статьи
        https://reclampa.ru

        Что за плагин, этот же?

  5. Александр

    Честно говоря этот плагин выводит не совсем похожие записи, например если всего 2 записи и они как небо и земля, все равно выводится как похожие

  6. Ирина
    http://dengiledi.ru/

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

    • Jazzmin

      И в сайТбаре и в сайТкурилке можно. СайДбар. От side, патамушта сбоку.

    • Петр Александров Автор статьи
      https://reclampa.ru

      Попробуй в сайдбаре вывести с помощью этого кода:
      <?php wp_related_posts()?>

      • Алена
        https://apelsinka-rezept.ru/

        А поподробнее можете объяснить для особо сообразительных блондинок? Хотя бы три предложения.
        Плагин использую достаточно продолжительное время. Выводит записи в конце статьи Теперь хотелось бы видеть их еще в правой колонке.
        Еще вопрос: плагин выводит записи статично или они меняются в соответствии с обновлениями на сайте?
        Спасибо за статью.
        С уважением, Алена

  7. Alexander Samokhin

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

    • Петр Александров Автор статьи
      https://reclampa.ru

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

  8. allemiko

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

  9. Станислав

    Пётр,здравствуйте!

    А где на этом блоге применение “чудесного плагина”? Раздел “Похожие Уроки”?
    А, если, метки не проставляются?Что выводит плагин?
    Полагаю, в этом случае надо “тренироваться на кошках”, то бишь, проверять?

    • Петр Александров Автор статьи
      https://reclampa.ru

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

      • Станислав

        Спасибо за ответ,Петр. Все-таки, раздел “Похожие уроки” как сделан. Если можно ссылку (на свою статью.

        • Петр Александров Автор статьи
          https://reclampa.ru

          Ставил не я, а человек, который верстал шаблон.

  10. Николай
    http://rabotaiuspeh.com

    Хороший плагин, но не хочет отображать на моем блоге картинки, может потому что великоваты ( 600 px), может друтие причины…. Всместо нужных картинок из постов отображаются яблочки, сено какое то и разные рисунки. Может быть найду другой похожий плагин.

  11. Василий
    https://in4wp.ru

    А что вы, Петр скажите про платный плагин первушина smart linker ?

    • Петр Александров Автор статьи
      https://reclampa.ru

      К сожалению, с этим плагином незнаком, чем он так крут? 🙂

  12. Ирина

    Пётр, спасибо за суперский плагин, давно такой хотела!

  13. Сергей
    http://www.newseventsturin.net/

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

    • Равиль
      http://bashtourizm.ru

      такая ж проблема возникла. Отключал плагин галереи, не помогло.

  14. Елена

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

  15. Рома

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

    • Петр Александров Автор статьи
      https://reclampa.ru

      К сожалению, я не знаю.

  16. Rin

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

  17. Домохозяйка

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

    • Алла

      попробовала: статьи выводит совсем не похожие

      • Домохозяйка

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

  18. андрей

    подскажите как изменить размер блока с картинками?

  19. Татьяна

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

  20. Алена

    Спасибо, наконец-то нашла то что давно искала

  21. Алена

    Черт, пишет что не может быть активирован, файлы плагина вызвали фатальную ошибку. в чем может быть дело?

    • Петр Александров Автор статьи
      https://reclampa.ru

      Конфликт с другим плагином, возможно.

  22. Сергей
    https://moytop.com

    Спасибо за статью, пригодилась, когда искал плагин.
    Я кстати по рекомендации в блоге Matt Cuts поставил плагин Yarpp – тоже прекрасно работает.

  23. Stijit
    https://www.stijit.com/

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

  24. Александр

    ПОДСКАЖИТЕ ПОЖАЛУЙСТА!! Перестал работать плагин этот, верстка поехала :(( Как починить, было так красиво, а щас все сломалось! aharata.org/tibetskie-poyushhie-chashi-koncert-meditaciya/ в левом сайдбаре

    • IvYur

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

  25. misterikl

    Спасибо за хороший плагин. По пробовал поставить на свой сайт все работает, вот пример http://onlineserv.ru/?p=361

  26. Елена
    http://pozitiv11.ru/

    Я себе такой плагин установила и настроила. Очень он мне нравится!

  27. Дмитрий
    https://krasnyj-cvet.ru

    Спасибо! Хороший и функциональный плагин, попробую замутить у себя на сайте!!!

  28. Антон

    У меня он вообще не работает.
    Хотя даже не понимаю, где может быть ошибка. Нажал на кнопку “установить” и они появятся. А у меня вот нет их…

    • Петр Александров Автор статьи
      https://reclampa.ru

      Нужно вставить код в шаблон блога, его можно найти в настройках плагина.

  29. Andrew

    Что с RSS у Вас? Подписаться не могу…

    • Петр Александров Автор статьи
      https://reclampa.ru

      Исправил, спасибо за внимательность.

  30. Юлия

    Спасибо за инфо, все получилось. Даже не возникло проблем.

  31. Альберт

    Это просто жесть какая-то ! Нигде не написано чтобы выводились рандомные записи без миниатюр! Как это сделать ?

  32. Роман
    https://gamecashaut.ru

    Спасибо Пётр! Пока читал, применил.

  33. Татьяна

    Спасибо! Все доступно и понятно! Все получилось)

  34. Татьяна

    Здравствуйте! Спасибо за статью, очень понравилось, все доступно и понятно. Мой блог только вчера родился и мне сейчас Ваш урок очень пригодился! Процветания Вашему блогу!

    • Петр Александров Автор статьи
      https://reclampa.ru

      Спасибо, Татьяна, очень приятнО!

  35. Вася

    Там половину из ваших примеров уже повырезали!

  36. Игорь
    http://220blog.ru

    Петр, по-вашему внутренние переходы это хорошо? Я вот ломаю голову как их убрать, т.к.нет никакой статистики от куда они приходят… Может как-то шаблон на это влиять или что-то еще?
    За последний месяц их у меня 66% (28000)

    • Alex
      http://fisherlive.ru/

      Внутренний переход это ОЧЕНЬ хорошо. Внутренний переход это, если у человека ваш сайт висит в панели вкладок, значит ваш сайт настолько полезен, что человек его и не убирает из вкладок, и периодически просматривает его. Так же внутренним переходом считаются ваши просмотры сайта и входы в админку. В “метрике” свои просмотры легко отключить, а в “лайв интернете”, я так и не разобрался как это сделать, да и не к чему, пусть хоть один счетчик радует 🙂

  37. София

    Спасибо, все быстро заработало) а то вшитый плагин в моей теме был ужасен.

    • Пётр Александров Автор статьи
      https://reclampa.ru

      Пожалуйста 🙂

  38. Jenya
    http://azbl.ru

    Спасибо автору за уалекательную статью!

  39. Владимир Сальников
    http://vladimir83salnikov.com

    Хорошая статья! Ты как всегда разжевал и в рот положил. :))) Благодарю за помощь! Мне если что-то надо найти по установке / настройке в вордпрессе. Открываю два сайта твой, Петя, и Саши Борисова.

    • Aleksandr
      https://trandinvest.ru

      Только вот у Петра новой информации мног, а Борисов только рекламирует свои продукты в последнее время

  40. Владислав
    https://engclub.pro

    Отличный пост, пошел применять!

  41. Саша
    https://zarplatawmz.ru/

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

    • Elena

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

  42. Люба
    https://www.sitekulinara.ru

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

  43. Сергей
    http://www.shinkareff.ru/

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

    • Пётр Александров Автор статьи
      https://reclampa.ru

      Странно, не сталкивался с данной проблемой.

  44. Сергей
    http://text-center.ru/

    Петр, здравствуйте! Скажите, пожалуйста, а есть ли у Вас урок по размещению блока похожие статьи” без плагина?
    Заранее спасибо.

    • Пётр Александров Автор статьи
      https://reclampa.ru

      Нет, только с помощью плагина.

  45. Olga
    http://kuznicaschastya.ru/

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

  46. Василий

    Спасибо за статью, применил, все хорошо!

  47. Svetlana
    https://otnosheniya-lyubov.ru/

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

  48. Дмитрий
    http://d3j.ru

    Есть ли плагины, которые выводят миниатюры в боковом блоке?

  49. Sergey

    Спасибо!

  50. Евгений
    https://nijnii-novgorod.ru/

    Класс! Установил и заметил, как поведенческие факторы стали увеличиваться на сайте. Да, и вроде как, на скорость загрузки не повлияло. Спасибо за замечательный плагин))

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