Здравствуйте, уважаемые читатели сайта kostyakhmelev.ru.
Сколько тем я уже написал по поводу вывода похожих записей на WordPress сайте и все равно меня тянет в эти дебри.
В данном материале мы обсудим Yet another related posts plugin, который выводит те же самые похожие посты WordPress, но у него имеются отличительные особенности от других плагинов.
Не спешите закрывать данную страницу, пока не изучите ее до конца, так как имеются тонкие нюансы в данной теме.
Забегаем наперед. В конце применения материала мы получим следующий блок в конце каждой записи.
Почему Yet another related posts, а не другие плагины?
- Данный плагин позволяет делать автоматическую перелинковку с заданным порогом похожести между постами. Это и есть его основное преимущество. Он анализирует все записи и соединяет их по релевантности, то есть не случайно, а связывает максимально похожие страницы.
- Недостатком же является создание достаточно большой нагрузки на сайт, что замедляет его работу. Представьте, плагин должен проанализировать все статьи и выявить среди них похожие для каждой записи.
Что касается большинства других плагинов, то лишь малость из них связывают записи по значению похожести. Это на самом деле очень важно, так как если в блоке похожих записей будут статьи не по теме, то:
- во-первых, они не будут передавать статический вес должным уровнем и будут его передавать не на нужные страницы в продвижении;
- во-вторых, такие ссылки не будут кликабельны, что делает перелинковку почти неэффективной.
Касаемо плагина Yet another related posts plugin, то он как раз позволяет в автоматических режиме вывести похожие записи, наиболее подходящие по смысле к каждой статье. Это обеспечит:
- передачу максимального статического веса на другие страницы;
- увеличит кликабельность, что заставит перелинковку действительно работать.
Если взять примеры реализации автоматической перелинковки в предыдущих моих статьях ([urlspan]тут[/urlspan] и [urlspan]тут[/urlspan]), то похожие посты выводились рандомно (произвольно). Может там и оценивались какие-то показатели, но мы их контролировать не могли. Хотя, в случае с плагином Related posts имелась возможность самому проставлять связные посты к каждой статье. Это явный плюс.
Yet another related posts plugin не позволяет в ручном режиме проставлять ссылки к каждому посту. Это, его 2й минус на ряду с создаваемой высокой нагрузкой на сайт.
В общем, рассказав некоторые особенности плагинов для автоматической перелинковки, я хочу перейти уже к рассмотрению самого плагина YARPP.
Установка и настройка
Скачиваем плагин с [urlspan]официального сайта[/urlspan] и сразу устанавливаем.
[urlspan]
[/urlspan]
Далее можно переходить в его настройки, находящиеся по пути «Настройки — YARPP».
Хвала разработчику, что создав такой плагин, настроек у него не так много.
В первом блоке «Контент» мы можем настроить исключение, то есть убрать статьи определенных рубрик, чтобы в них не показывались связные посты при помощи Yet another related posts plugin.
В следующем блоке настроек «Критерий похожести» мы настраиваем степень, по которой плагин будет оценивать релевантность статей между собой.
Тут я оставил стандартные параметры и сейчас расскажу, почему именно так.
- Во-первых, при анализе мы должны использовать все элементы страницы, чтобы связные посты определялись максимально четко. Для этого во всех пунктах мы оставляем значение «рассматривать»;
- Во-вторых, порог похожести со значением 4 максимально приемлемо производит связывание постов. Чем больше это значение, тем более придирчиво плагин будет связывать материалы.
Почему я решил, что именно значение 4 наиболее приемлемое? Методом эксперимента.
Я ставил различные значения от 1 до 9ти и смотрел, как меняется блок похожих постов после статьи.
- Со значениями 1-3 плагин всегда будет отображать определенное количество постов (рассмотрим ниже) даже, если больше не будет довольно похожих записей. Конечно же, он подберет наиболее релевантные посты, но не факт, что они будут как-то связаны по теме.
- Значение 4 нормально определяет степень похожести и в то же время при отсутствии подходящих материалов он не будет пихать какие-либо статьи, чтобы заполнить блок до нужно числа ссылок.
- Значения 5 и выше выделяет релевантные посты еще более четко, но при таких параметрах велика вероятность, что в блоке будет всего лишь одна ссылка, так как остальные (менее релевантные) посты он вставлять не будет. Конечно же, наша цель показывать там наиболее похожие записи, чтобы заставить посетителя кликнуть по ним, но если там будет всего одна ссылка, то данный блок может работать менее эффективно.
С этими значениями поэкспериментируйте сами. Возьмите какую-то одну статью и меняйте значение, после чего обновляйте страницу. Затем смотрите, какое значения будет выдавать наиболее нормальный список ссылок на похожие материалы.
Касаемо других параметров в блоке «Критерий похожести», то их ставить не нужно.
В блоке «Просмотр опций» мы можем настроить внешний вид блока. Для удобства я пронумеровал все параметры, чтобы потом их объяснить.
Пройдемся по каждому пункту.
- Тут мы выбираем, где Yet another related posts plugin будет отображать похожие посты. Нам нужны именно записи. Поэтому, данный чек-бокс и ставим. Но имеется один нюанс, если вам нужно разместить блок собственными силами (если плагин некорректно будет определять место), то данный чек-бокс мы снимаем и вручную ищем место для вставки в своем шаблоне (файл single.php) и вставляем в него код <?php related_posts(); ?>.
- Выбираем количество связных постов после статьи. Оптимальное значение 3-4. Я оставил 3. Почему так, буду рассказывать в следующих статьях.
- Выбор варианта отображения. Можно выбрать первую иконку, которая выводит список ссылок. Я выбрал второй вариант, которые выводит миниатюры с ссылками, но для этого к каждой записи должна быть задана миниатюра. Можно выбрать и третий вариант, тогда появятся еще варианты для отображения (см. ниже).
- Вводим название для блока с похожими статьями.
- Можно ввести путь к картинке, которая будет отображаться ко всем записям, где не назначены миниатюры.
- Вводим текст, который будет отображаться, если плагин не проставит никакие записи после статьи.
- Выбираем сортировку ссылок в блоке. Естественно, ставим вариант «по убыванию», так как чтение всегда происходит слева направо и нужно, чтобы слева были наиболее похожие результаты.
- Если включить эту настройку, то внизу блока, которым выводится плагином, будет отображаться ссылка в виде небольшого логотипа.
Немного расскажу про третий вариант отображения, когда мы жмем на кнопку «Custom». Чтобы сделать данную кнопку активной, нам нужно скопировать файлы шаблонов дополнительных вариантов отображения в папку с нашим шаблоном. После наведения курсором мышки на саму кнопку, будет подсказка, в которой имеется функция копирования файлов.
Файлы мгновенно будут скопированы в папку с темой оформления и можно будет выбрать еще некоторые варианты отображения.
Можете тут также поэкспериментировать с наиболее понравившимся для вас вариантом. Но я всегда рекомендую делать вариант, когда отображаются миниатюры с ссылками (2я кнопка), чтобы привлечь больше внимания посетителей.
Но и это еще не все. При использовании 3го варианта отображения, название блока будет выводиться на английском языке, как и фраза о отсутствии похожих записей.
Чтобы это исправить, нужно отредактировать файл выбранного шаблона, изменив там соответствующие фразы на свои.
При вводе русских слов убедитесь, что кодировка файла стоит UTF-8 (без BOM), чтобы после сохранения не получились кривые символы. Далее просто закачиваете файл на хостинг с заменой и можете использовать кастомный вариант с нормальными русскими подписями.
По этому все. Остался последний блок настроек, который позволяет отображать связанные посты в RSS ленте. Это совершенно не нужно. Чек-бокс не ставим.
Настройки плагина Yet another related posts plugin мы с вами разобрали и довольно подробно, что должно отбить у вас все вопросы по поводу него.
Но я решил копнуть еще глубже и помочь решить проблему с его стилями.
Изменение кривого оформления блока с миниатюрами
В стандартном виде при выбранном варианте отображения с использованием миниатюр, плагин обрезает названия ссылок, что смотрится не очень естественно.
Вы должны понимать, что это не ссылки обрезаются, а всего лишь так прописаны стили оформления в файле плагина, из-за чего они полностью не вмещаются в каждый блок рядом с миниатюрой.
Если вы посмотрите на мой вариант, то все ссылки отображаются в полном размере, что гораздо приятнее. Давайте же я расскажу, как добиться того же.
Вообще такой косяк связан с тем, что в стилях плагина прописаны коды, которые автоматическим образом определяют высоту каждого блока с миниатюрой. В итоге, высота выставляется такой, что ссылки обрезаются.
Поэтому, в файле плагина, необходимо просто убрать код автоматического определения высоты, после чего высота блока будет определяться его содержимым.
Необходимо произвести редактирование файла, который находится внутри папки плагина «includes» и называется styles_thumbnails.css.php.
В данном файле необходимо удалить строки 22 и 23, отвечающие за определение ширины и высоты соответственно.
Затем можно файл закачать на сервер и посмотреть результат. Должно быть все нормально.
Последним штрихом я бы убрал жирность ссылок, как это сделано по умолчанию. Достигается это удалением некоторых строк из файла related.css, который находится в папке «style» внутри общей папки с плагином.
Нужно удалить 7ю и 12ю строки.
Закачиваем файл на хостинг и проверяем результат.
Кстати, можно и не удалять жирность ссылок. Этим мы можем акцентировать внимание посетителей на них, но не стоит сильно злоупотреблять данным моментом. Я же предпочитаю, когда все просто для восприятия, поэтому и сделал ссылки обычными.
Очень важный момент, что при обновлении плагина все отредактированные файлы будут заменены на стандартные, что приведет к изначальному оформлению. Поэтому, нужно сохранить файлы у себя на компьютере и при каждом обновлении закачивать их на хостинг или же заново производить редактирование.
Все, друзья. Материал вышел очень объемный, но очень подробный. Я рассмотрел те моменты, которые не рассматривают другие блоггеры. Надеюсь, что вы нашли ответы на свои вопросы в полной мере. Устанавливать плагин Yet another related posts plugin однозначно стоит, а в остальном поможет данная статья.
Ну, а теперь, я с гордостью могу закончить данный пост и пойти отдыхать перед публикацией новых материалов.
Пока.
С уважением, Константин Хмелев!
Я ещё удалил в файле styles_thumbnails.css.php строчку номер 38 max-height: 2.8em; Только тогда стал отображаться весь заголовок статьи. Надеюсь это мне боком не выйдет?
Нет, ничего боком не выйдет)
Это радует :-)
Доброго времени суток! Спасибо за такое подробное объяснение. все получилось с первого раза.
Здравствуйте. Успехов)
Константин, еще вопрос. Задаю его здесь, По поводу Yet another related posts все хорошо, все понятно, все работает. Спасибо. Я выбрал вариант с миниатюрами, как у Вас :)
Но возникла проблемка. Изначально на главной анонсы отображались так, как я планировал. Т.е., когда писал статью, слева в верхнем углу вставлял картинку нужного размера, потом после достаточно длинного вступления ставил тэг «more» и все было хорошо.
Теперь же после того, как я назначил миниатюру для статьи, анонсы стали выводиться с миниатюрами и очень обрезанными. 3 строчки и все. И надписи «подробнее тоже не стало»
Может подскажите, как сделать так, чтобы все-таки анонсы выводились так же как и до назначения миниатюр?
Либо в крайнем случае, если отображаются миниатюры, как увеличить количество знаков в анонсе и вернуть надпись «подробнее»?
Надеюсь понятно объяснил. Спасибо
Здравствуйте. По простому сообщению и описанию проблемы я не все могу решить) Возможно кроется проблема в самом шаблоне. Иногда в верстке прописано условие, которое звучит примерно следующим образом: «если миниатюры нет, тогда выводить анонс и кнопку далее, если же миниатюра задана, тогда не выводить или выводить что-то другое». Звучит это примерно так) Возможно, что у вас таким образом устроен вывод анонсов. Если же нет, тогда нужно искать проблему. Но кроется она больше всего именно в верстке.
Ну вот, слетели стили плагина. Куда идти? Конечно к Косте! Спасибо, статья по-прежнему полезна. Пять звёзд, однозначно!
Большое спасибо за статью, давно пытался решить эту проблему.
P.S. Советую добавить в статью информацию про 38 строчку из комментариев, т.к. пока её тоже не убрал у меня тоже ничего не поменялось…
Добрый день! Подскажите, вывести записи получилось, спасибо. Но у меня они размещаются по левой стороне, как сделать чтоб они позиционировались по центру? Спасибо!
Как увеличить превью картинки?=)
Превью генерируется самим плагином при загрузке картинки. По умолчанию стоит размер 120х120 пикселей, если не ошибаюсь. Чтобы увеличить размер, добавьте функцию размера миниатюр для данного плагина.
if ( function_exists( ‘add_theme_support’ ) ) {
add_theme_support( ‘post-thumbnails’ );
add_image_size(‘yarpp-thumbnail’, 190, 190, true);
}
Вам нужна 3я строка. Разместите ее в файле функций functions.php в такой же конструкции, как и у меня, если ее нет, тогда разместите полностью мой код. Необходимые размеры задайте в скобках (190 — длина, 190 — высота). Новые картинки будут обрезаться уже до нужных размеров. Старые не изменятся. Придется установить плагин regenerate thumbnails и запустить пересоздание миниатюр, чтобы старые изменили свои размеры в соответствии с новыми функциями и размерами, прописанных в них.
Спасибо, получилось!
Здравствуйте. Размещаются по левой стороне? У меня сразу возникает несколько вопросов, которые сводятся к одному «что конкретно размещается слева?» Каждая похожая запись ниже предыдущей и слева? Либо весь блок просто не по центру, а слева? Без ссылки на сайт мне сложно что-либо подсказать. Я не вижу ситуацию.
Разобрался, спасибо)
а нет, поспешил… Сам блок вывода записей, у меня их 3 (максимум). Вы правильно написали «Либо весь блок просто не по центру, а слева?» Спасибо!
Попробуйте прописать стили для всего блока: margin:0 auto; где 0 — верхний и нижний отступы, а auto — автоматические отступы от левого и правого краев.
Добрый день Константин! А можно поконкретнее для чайника — прописать стили — куда и как? Нужно чтобы блок находился по центру, а он целиком слева.
Спасибо заранее!
Добрый) Открываете файл стилей style.css в папке с шаблоном, делаете в не отступы, чтобы образовалась пустая строка и вставляете margin:0 auto; .
Здравствуйте, Константин! У меня на блоге на главной идут анонсы статей. После установки YARPP похожие записи стали выводиться на главной после каждого анонса перед «Читать далее». Как сделать, чтобы похожие записи не выводились в анонсах, а были только в конце полной статьи перед комментариями?
Здравствуйте. Это проблемы с функцией вывода анонсов в шаблоне. Нужно редактировать сам шаблон. Если знаете как, можно попробовать разместить код вывода похожих записей не в автоматическом режиме, как это делает сам плагин по умолчанию, а ручкам в код шаблона.
Спасибо! Попробую.
Здравствуйте! У меня такой вопрос. Я активировал этот плагин, но хочу чтобы он выводился сбоку. Для этого я использовал виджет, остается только такая проблема — снизу тоже отображаются похожие записи. Как мне снизу удалить их?
Здравствуйте. В настройках плагина имеется настройка автоматического вывода после текста, уберите ее.
Спасибо за статью, нашел для себя полезное в настройке.
Так же есть вопрос, как удалить логотип который отображается под похожими записями?
В настройках плагина нужно убрать галочку с пункта «Помочь продвигать плагин YARPP?»
Спасибо, очень содержательно
Здравствуйте, почему, когда редактирую файл шаблона, ничего не происходит на сайте. Даже если загружаю, готовые шаблоны для плагины, они не видны в строке выбора . Спасибо
Здравствуйте. Не могу ответит на данный вопрос. Возможно, не тот файл редактируете.
А как вывести похожие произвольные типы записей? Плагин их почему то просто не видит.
А в настройках плагина есть что-то о произвольных типах записей?
Спасибо за плагин, отличное пояснение как его ставить/настраивать. Будет по-лучше, чем «Рилейтед Пост»
Константин, может быть подскажешь, почему в настройках плагина в разделе «критерии похожести» пункт «заголовок» и пункт «тексты» не активны. То есть по умолчанию у меня выбрано «не рассматривать» и выбрать «рассматривать» я не могу. Из-за этого я так понимаю у меня не находит похожих постов?
Точно не скажу, как исправить. постараюсь образно. Вверху страницы настроек плагина есть ссылка-спойлер. Нажми на нее и раскроется часть текста, там будет кнопка со словом «indexes» (что-то подобное), и все настройки станут доступными, сможешь выставить, чтобы рассматривались заголовки.
Константин ты просто Гений! Как ты сказал, так и сделал, всё получилось! Спасибо!
Вижу у тебя похожие статьи выводятся после звёзд рейтинга и социальных кнопок, у меня же сразу после основного текста. Считаю твой вариант правильней потому, как я теоритически теряю определенный процент оценок и ссылок в соцсетях (точно сказать не могу, так как сайт молодой, трафика мало). Так вот, как сделать вывод похожих записей, как у тебя? Подозреваю, что нужно редактировать, что-то в файле single.php.
Правильней вариант будет сразу после текста. Никто делиться записями не будет. Это очень редкое явление на обычных информационниках. Гораздо более важно заставить посетителя углубиться после прочтения текста. Да, нужно отключить автоматический вывод записей после текста в настройках плагина и воспользоваться кодом для ручной вставки, и разместить его в нужном месте в нужном файле.
Здравствуйте, и все таки как вывести похожие записи в начали статьи например перед H2?
Может можно сделать shortcode?
Стандартным функционалом вы этого не сделаете. Можете передать вашу идею фрилансерам и возможно вам внедрят такой функционал. Я знаю один простой способ — есть плагины для вывода рекламы, в которых можно указать вывод перед любым заголовком — туда вы можете задать стандартную функцию вывода, предлагаемую самим плагином.
Это хороший вариант но обысно эти плагины не выводят php функции.
Вот эти функции выводят блок:
php if(function_exists(‘related_posts’)) { related_posts(); }
или
php related_posts();
Как их засунуть в плагин для вывода рекламы?
Есть специализированные плагины рекламы (платные), в которых можно вставлять ПХП функции.
Дружище, спасибо тебе огромное за статью. Очень помог :-)
Константин, добрый день! Сейчас заметила, что этот плагин делает ссылки статей друг на друга (т.е. статья А ссылается на статью В, а статья В ссылается на статью А). Разве так можно делать?
Добрый. Ну так это же логично, т.к. статьи между собой похожи. Любой плагин будет работать по такому принципу.
И еще забыла спросить) Вес страницы рассчитывается плагином YARPP с учетом ссылок, которые есть в статье, или он их в расчет не берет?
Плагин учитывает не весь страницы, а релевантность (уровень похожести) одной страницы к другой.
Поняла, плагин формирует статьи не зависимо от их веса, но ведь по факту это те же самые ссылки, которые ведут с одной страницы на другую. И они тоже учитываются при расчете веса страницы. Разве нет?
Да, учитываются, но вы можете не заморачиваться. Если вы думаете, что решите судьбу своего сайта махинациями с весом и т.д., то вы ошибаетеьсь. Работайте над основной и будет вам счастье — семантика, тексты и ссылки. Перелинковка это уже дело второстепенное.
Почему-то на одном из сайтов не дает выбрать в критериях похожести в Заголовках и Текстах «Рассматривать». На другом проблем нет.
Нужно нажать одну кнопочку внутри настроек плагина, чтобы эти 2 настройки стали доступными. Сказать какую не могу, т.к. у меня в данный момент подобной проблемы нет. Посмотрите сверху настроек плагина, там будет ссылка спойлер, нажмите на нее, откроется небольшое описание проблемы и там будет кнопка, на которую необходимо кликнуть. После этого функции рассматривания заголовок и текстов при подсчете релевантности будут доступныю
Спасибо, эту проблему решить удалось, только как-то записи выглядят странно: каждое слово в названии статьи начинается с заглавной буквы
Править стили нужно
Константин спс за статью. у меня такой вопрос. расскажите подробней как увеличить размер самой миниатюры. какой файл открыть и что куда вставить..
Доброго времени суток, сложилась такая ситуация — изначально посты заводились без миниатюры, сделал что бы первая картинка поста, была миниатюрой. В function.php закинул такой код — //Вывод первой картинки с поста
function first_post_image() {
global $post, $posts;
$first_img = »;
ob_start();
ob_end_clean();
$output = preg_match_all(‘//i’, $post->post_content, $matches);
$first_img = $matches [1] [0];
if(empty($first_img)){
$first_img = «/wp-content/themes/НАЗВАНИЕТЕМЫ/images/noimages.jpg»;
// укажите путь к изображению, которое будет выводится по умолчанию.
}
return $first_img;
}
Выводится это следующим образом : <a href="» title=»»>
<img src="» alt=»» />
а вот как сделать так, что бы вывести первую картинку поста в Yet another related posts?
Заранее спасибо за уделенное время!
Доброго.
Без понятия, я не программист. Изначально всегда лучше задавать миниатюры на каждом сайте, т.к. в будущем может и дизайн и функционал сайта меняться по 10 раз. А по стандарту всегда берутся миниатюры.