Создание списка похожих материалов в WordPress (с миниатюрами) при помощи плагина Related Posts для внутренней линковки. Похожие страницы в WordPress. Плагин Related Posts Thumbnails Related posts вордпресс

На многих блогах можно увидеть список похожих записей после поста. Для WordPress существует множество плагинов для вывода похожих постов, но наиболее привлекательным мне кажется плагин Related posts .

Скачать Related posts

Скачать плагин Related Posts можно на официальном сайте, а проще . Настройки плагина достаточно просты, я расскажу вам лишь о некоторых особенностях.

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

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

Настройки Related Posts

На странице настроек вывода похожих записей вы можете выбрать способ вывода похожих записей, например с картинками или простым списком. Также вы можете выбрать желаемую структуру похожих записей. По умолчанию похожие записи выводятся простым списком ul li.

Настройки Related Post не сложные и даже новичок с этим плагином сможет справится.

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

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

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

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


Для тех, кто предпочитает более “тонкую” настройку плагина, сделаю небольшую шпаргалку по настройке 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 клика. Но опять же в большинстве, а не везде, где-то придется поработать ручками.

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

Вывод подобных статей на блоге – я реализовывал это с помощью плагина Simple Tags, о котором я давно рассказывал и давно начал пользоваться. Но к сожалению, он уже не выполняет вывод ссылок на похожие посты, видимо изменения внесены в последнюю версию, потому я заинтересовался плагином WordPress Related Posts. И если бы я не занялся редактированием шаблона, может быть не скоро бы заметил подобные изменения.

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

Я сейчас удаляю плагин Вордпресс и код со своего шаблона Simple Tags , и устанавливаю другой плагин WordPress Related Posts, адрес для скачивания такой – http://wordpress.org/extend/plugins/wordpress-23-related-posts-plugin/

Особенностью этого плагина является то, что он выводит подобные статьи, если к каждому опубликованному посту привязана не только рубрика, но и метка. Если к одному посту не будет определена метка – он будет показывать, что “подобных постов нет”. Потому перед установкой этого плагина побеспокойтесь о метках и рубриках.

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

Установка плагина WordPress Related Posts проста до безобразия: скачал файл, установил стандартным способом, активировал, в меню параметры появилась новая ссылка – Related Posts, которая запускает панель его настроек. Опций не много, но все они написаны английскими словами, как-то я привык к русскому языку. А может плагин Related Posts перевести для себя. Решение принято.

Для начала нужно найти файл, который выводит надписи и обеспечивает работу плагина --wp_related_posts.php, он находится в каталоге wp-content\plugins\wordpress-23-related-posts-plugin\. Этот файл открываю программой Notepad++, я этот текстовый редактор люблю за простоту и возможность искать любое слово, которое я желаю найти в документе.

В окне браузера у меня открыта панель настройки плагина Related Posts .

Вот эти нехорошие слова я должен превратить в русские, открывая файл related_posts.php я в опциях поиска по документу ввожу слово Basic Setting.

Первое словосочетание нашел(оно выделено серым, стоит между кавычками, теперь я должен вписать вместо него словосочетание “Базовые настройки”. Стоп. Перед внесением изменения, я должен перевести файл из ANSI кодировки в UTF-8.

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

В чем заключается работа по переводу плагина:

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

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

Это значит, что я работая с строкой 330, файла wp_related_posts.php допустил ошибку. Она мешает загрузиться ему. Ищу эту строку, исправляю ошибку.

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

А вот уже переведенная панель. Почему я выбрал именно его. Потому что заглавие “Подобных постов” я смогу выводить с разным форматированием: оно может прописываться абзацем, а может заглавием h3, h4, h2, divами. Это один плюс.

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

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

  • снять кавычку “автоматическая интеграция в заметку”.
  • открыть файл single.php
  • вставить ниже размещенный этот код в нужное место файла single.php.
1

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

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

А теперь для примера я покажу часть кода.

Можно сказать я получил, что мне нужно было, я установил плагин WordPress Related Posts на блог, он у меня заработал, я его интегрировал в шаблон именно так, как желал. Слова реклама – это слова – маркеры, они мне помогают ориентироваться по кодe, чтобы я не нарушил код ни одной кнопки или виджета. Так как я работу по редактированию шаблона не завершил и в этот файл я добавлю еще парочку кнопок или виджетов, которые помогут интегрироваться блог в среду социальных сетей, я не сильно забочусь о пустых строчках в файлах.

Дополнительная опция плагина WordPress Related Posts: возле пунктов-ссылок на “Подобные посты” есть возможность выведения миниатюр. Для меня проблема – назначать эти самые миниатюры во время публикации каждой размещаемой заметки. Не хочу перегружать блог, да и сам формат не нуждается в излишнем украшении, делай я мужской или женский журнал, задумался бы над реализацией этой опции.

Трудности перевода – я использовал в работе ресурс Google переводчик. Этот сервис дает очень качественный перевод. Но все равно один пункт мне остался не понятен: Maximum Charaters of Except. Если у вас есть догадка что это такое, и как этот текст адаптировать к нашему русскому, прошу помочь. Дай Бог, чтобы автор не часто обновлял этот плагин часто, так как после каждого обновления, мне нужно будет вносить изменения в файл wp_related_posts.php.

Привет! Сегодня я покажу вам как добавить на свой сайт функцию Related Posts – Похожие или связанные записи. На странице каждой записи, после содержания, будут отображаться анонсы записей из той же категории, что и текущая запись. Можно выводить похожие записи на основе меток. Настройки плагина на Русском языке! Очень простой и полезный плагин!

Установить плагин вы сможете прямо из админ-панели WordPress. Перейдите на страницу: Плагины – Добавить новый , введите название плагина в форму поиска, нажмите Enter, установите и активируйте плагин.

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

– Выберите цвет фона блока записей.

– Цвет рамки блока.

– Ширина блока относительно родительского контейнера.

– Закругление углов блока (ноль, если не надо).

– Заголовок блока.

– Отступ от верхнего края блока.

– Размер шрифта.

– Эффект тени шрифта заголовка.

– Настройка тени.

– Ширина миниатюры.

– URL собственной картинки-заглушки, которая будет выводиться когда не найдена миниатюра.

– Закругление углов миниатюры (ноль, если не надо).

– Количество выводимых постов.

– Формат вывода связанных записей. Вертикально или горизонтально.

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

– Выравнивать блоки по высоте.

– Размер и цвет шрифта для названия записи.

– Количество слов в описании.

– Размер шрифта в описании.

– Сохраните изменения.

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

Доброе время суток, уважаемые посетители!

В данном материале вы узнаете про плагин Related posts, с помощью которого делаются отличные похожие записи с миниатюрами.

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

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

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

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

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

А сейчас покажу, как настроить этот плагин и какие есть нюансы.

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

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

А теперь перейдем к установке и настройке плагина WordPress Related posts. Весь процесс настройки я очень подробно описал в своем видео-уроке, а затем уже дал текстовый вариант. Видео же будет более инфрмативней, поэтому рекомендую сначала смотреть именно его, а затем уже изучать текстовый вариант.

Скачать плагин можете с официальной страницы, нажав на кнопку ниже.

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

Настраивается данный параметр в самом начал настроек (Basic settings).


Касаемо количества выводимых постов (Number of posts) то не рекомендую выводить более 5ти записей. Я выставил вариант из 4х статей, так как 5 просто не вместилось бы в одну строку.

Более 5и постов нет смысла выводить. Я выше уже говорил, что мы делаем данную вещь для перелинковки (автоматической). Поэтому, сильно много похожих записей отображать не нужно. Необходимо делать упор именно на ручной перелинковке.


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

Я, естественно, выбор темы включил и могу определиться с нужным вариантом. Ниже вы можете увидеть много различных вариаций. Тут уже, что вам больше понравится и будет лучше смотреться на вашем сайте. Я выбрал 3й вариант (vertical large) с отображением больших миниатюр. Именно такой вариант и показан на самом первом изображении в этой статье.

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

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

  • Display Thumbnails For Related Posts - включить или отключить отображение миниатюр в похожим постам;
  • Display Number of Comments - если включите, то рядом с ссылкой будет отображаться количество оставленных комментариев в статье;
  • Display Publish Date - отображение даты публикации записи;
  • Display Post Excerpt - включает отображения части содержимого рядом с ссылкой. Если включаете настройку, то в поле нужно задать количество символов, которое будет отображаться. Не рекомендую ставить этот чек-бокс, так как будет слишком все громоздко и никакой пользы это не дает. Ссылки вполне достаточно;
  • Enable custom CSS - если вы хотите дописать какие-то стили к блоку, то нет необходимости лезь в файл стилей вашего шаблона. Можно активировать эту настройку и снизу прописать нужные стили к определенным классам, которые уже имеются в этой настройке. Как видите на изображении выше, мне данной настройкой пришлось воспользоваться;
  • Default thumbnails - если в статье не будет ни одной картинки и миниатюра также не будет задана, то в данной настройке, нажав на кнопку "Выберите файл", можно выбрать изображение, которое будет отображаться к таким статьям;
  • Custom size thimbnails - можно задать свой размер миниатюр. В моем случае это не потребовалось, так как в моем варианте темы стояли нормальные размеры (150х150 пикселей).


  • Exclude these Categories в данном пункте можно исключить определенные категории, чтобы их записи не выводились в боке похожих записей. Просто поставьте чек-бокс напротив нужной категории и записи больше не будут выводиться;
  • Auto Insert Related Posts - по умолчанию эта настройка активна и вряд ли вам понадобится ее трогать. Она автоматически размещает блок похожих записей в нужном месте, то есть в конце поста. У меня же не активна, так как мне пришлось изменить место размещение этого бока.

У меня получалось так, что блок размещался перед социальными кнопками. А какой смысл от соц. кнопок, если их не видно? Поэтому, мне пришлось разместить похожие записи после кода социальных кнопок. Чтобы сделать также, вам нужно убрать чек-бокс с этой настройки и разместить следующий код в нужном месте -

Вот, как это сделал я.


  • Display Related Posts in Feed - отображать ли похожие записи в новостной ленте, то есть в фиде;
  • Support us (show our minimized logo) - если хотите поддержать разработчиков плагина, то ставьте эту настройку и рядом с блоком должен быть небольшой логотип.

Это все настройки плагина. Далее идет небольшая информация о плагине. Дается также небольшое видео, но нам это не нужно. После всех настроек можем сохранить настройки. Обязательно это делаем, нажав на кнопку в самом низу страницы настроек.

Надеюсь, что я достаточно все просто и понятно растолковал. Все очень просто.

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

Хотите улучшить поведенческие факторы? Не проблема. Работайте над сайтом и делайте упор на пользователей. Делайте качественный контент и удобный сайт и никакие секретные фишки вам не нужны будут, которых, собственно, и не существует.

Что касается аналогом этого плагина, то можно использовать следующие:

  • Related posts thumbnails;
  • Yet Another Related Posts Plugin;

Последний особенно хорош. Чем именно, расскажу в других статьях, где так же подробно разберу эти 2 плагина.

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

До связи.

С уважением, Константин Хмелев!



Понравилась статья? Поделиться с друзьями: