13 марта 2015 
Здравствуйте!
Многие блогеры используют плагин YARPP для вывода похожих записей (статей, постов). Еще их называют связанные, родственные, схожие и т.п.
В момент написания этой статьи, на моем блоге тоже установлен этот плагин. Совсем недавно я начал добавлять миниатюры к статьям и поэтому решил выводить похожие записи не списком (List), а с миниатюрами (Thumbnails). К тому же, я обновил плагин YARPP до последней, на данный момент, версии 4.2.4.
В статье будут описаны вопросы, с которыми я столкнулся при настройке YARPP и ответы на них. В принципе, эти вопросы из серии часто задаваемых, поэтому у поста такой заголовок.
Страница плагина YARPP и его актуальная версия здесь.
Далее – вопросы и ответы.
1. Первый буквы всех слов в заголовке заглавные. Как исправить?
В настройках плагина YARPP есть возможность указать свой заголовок, который будет выводиться перед списком похожих записей (поле Heading). И вот если вы его укажите, то в версии 4.2.4. он выведется следующим образом, как показано на скриншоте ниже.
Также обратите внимание, что заголовок выводится даже при отсутствии похожих записей. Этот вопрос мы разберем в следующем пункте.
Что касается заглавных букв в заголовке, то авторы плагина обещают исправить это в следующей версии. Сейчас же предлагают сделать следующее.
В файле /wp-content/plugins/yet-another-related-posts-plugin/style/related.css
найдите и закомментируйте строку text-transform: capitalize !important;
|
1 2 3 4 5 6 7 8 9 |
.yarpp-related h3{ font-weight: bold !important; padding: 0 0 5px 0 !important; font-size: 125% !important; /* text-transform: capitalize !important; */ margin: 0 !important; } |
В принципе, я закомментировать полностью весть стиль .yarpp-related h3, потому что он затирает стиль заголовков h3 моего шаблона WordPress.
Обратите внимание, что при следующем обновлении плагина, этот файл изменится и опять заголовок будет выводиться в стиле yarpp.
2. Как убрать заголовок, если нет похожих записей?
На скриншоте, представленном, в первом пункте, вы можете наблюдать, что список похожих записей отсутствует, а заголовок все-равно выводится. “Рекомендую почитать” и пустота.
Исправить это можно с помощью css. Дело в том, что в случае отсутствия похожих записей, блоку div, в котором выводится и заголовок и сам список рекомендуемых статей, присваивается class=”yarpp-related-none”.
Добавьте в файл css вашего шаблона вот такой стиль:
|
1 2 3 4 5 |
.yarpp-related-none { display:none; } |
Все, теперь в случае отсутствия похожих записей этот блок вообще не будет отображаться.
3. Как отобразить полный заголовок статьи под миниатюрой?
При выводе похожих записей в виде миниатюр с заголовками статей, по умолчанию предусмотрено всего две строки для названия статьи. Поэтому длинные заголовки отображаются не полностью.
Чтобы увеличить пространство для вывода названия статьи нужно переопределить в своем шаблоне стили .yarpp-thumbnail и .yarpp-thumbnail-title.
Добавьте в css файл вашей темы WordPress следующие стили:
|
1 2 3 4 5 6 7 8 9 |
.yarpp-thumbnail { height: 215px !important; } .yarpp-thumbnail-title { font-size:0.8em !important; max-height: 65px !important; } |
Это мой вариант с четырьмя строками для заголовка.
В случае необходимости, подкорректируйте значения height для миниатюры и max-height для заголовка. Т.е. можете уменьшить, если вам достаточно всего три строки. У вас шрифт может быть мельче.
4. Как изменить размер миниатюр?
В файл functions.php вашего шаблона WordPress добавьте такую строку
|
1 2 3 |
add_image_size('yarpp-thumbnail', $width, $height, true); |
Вместо $width и $height укажите, соответственно, нужную ширину и высоту миниатюры.
Вот так сделал я:
|
1 2 3 |
add_image_size('yarpp-thumbnail', 137, 137, true); |
Вот с такими четырьмя вопросами я столкнулся в момент настройки плагина YARPP. Теперь список похожих записей у меня на блоге выглядит вот так:
1. Заголовок в стиле моего шаблона и только первое слово с большой буквы.
2. В случае отсутствия связанных записей заголовок теперь не выводится.
3. Название статьи под миниатюрой выводится полностью.
4. Увеличен размер миниатюры.
Обязательно напишите в комментариях помогла ли вам эта информация. С какими вопросами при настройке плагина YARPP столкнулись вы?
До новых публикаций! Успехов!
P.S. Когда искал миниатюру к статье, то по запросу yarpp попались вот такие варианты от китайского блогера.
Такие вот похожие записи по-китайски! =)
Опубликовано в рубрике 
Метки: 
Сергей: 
Использую этот плагин. Нравится он мне своими возможностями: выбор релевантных постов по заголовку, тексту, общим меткам и рубрикам с повышенным или обычным приоритетом перечисленного, с исключением некоторых рубрик и меток… Только вот подключается он с использованием буфера вывода
Я имею ввиду внутреннее устройство. Для кого это абракадабра, читайте как: “всё нормально, не отвлекайтесь”. Но для меня в этом есть некоторая неочевидность работы плагина. Например, я делаю полное переформатирование с отключением внедряемого плагином css. Не уверен, что в 100% случаев вылазит именно то, что вижу я))
Код плагина не изучал пока, но то, что его стили, по умолчанию, затирают стили шаблона – это, с моей точки, неправильно.
Павлуха – ты выиграл 15 WMR (четвертак в твоей любимой валюте)! =) Делись постом и присылай R-кошелек.
Уже и забыл о конкурсе. И надпись над заголовком поста в глаза не бросилась)
Постом поделился, кошелёк прислал на почту
Приз отправил. Спасибо за активное участие в Жизни с WordPress!
Значит реклама конкурса не сильно заметна? И сильно броской не хотелось бы делать… Спасибо за информацию, подумаю.
Нужно было изменить размер миниатюр – все получилось, да вот только картинки стали мутными, потому что размер изначальный из 120Х120 сохранился и оно просто растянулись. Что можно сделать. И еще – мне вообще нужно было, чтобы они просто располагались по ширине на сайте. Можно ли как-то увеличить отступы между картинками?
1. Можно изначально задать нужные размеры миниатюр в админке: Настройки – Медиафайлы. Сам, правда, использую сжатый вариант из 150х150 в 137х137. Можно еще использовать какой-то плагин для получения изображений нужного размера.
2. В css задать нужный отступ (margin). Например, для a.yarpp-thumbnail
Здравствуйте.
А вы не подскажите, как вывести в качестве миниатюр постов не собственно саму миниатюру (thumbnail), а картинку другого стандартного размера, например medium или large?
Алексей, спасибо вам за статью. С ее помощью исправила все, что хотела изменить в настройках плагина YARPP. Все очень понятно и безусловно полезно)))) Особенно, для таких чайников по сайтам, как я)))) Успехов вам)
Юкка, спасибо и вам успехов!
А как задать размер миниатюры в похожих статьях, не квадратный, а прямоугольный? К примеру 137 на 103. При изменении просто значений сайт слетает.
ОГРОМНЕЙШЕЕ спасибо за статью! Столько я сейчас нервных клеток оставил пока боролся с этим “чудо-плагином”)) Не могли по-человечески все эти вещи вывести в свои же настройки! Автору респект!!!
Спасибо, все OK!
Примите и от меня благодарность. Удалось настроить плагин!
Интересная статья, жаль, что не попалась мне раньше когда я использовал данный плагин. Теперь у меня тема со встроенным выводом похожих записей.
У меня почему-то миниатюры отображаются сплюснутыми по-вертикали, хоть сами они и квадратные и в стилях задано отображение 120х120 :/
Здравствуйте, подписался на ответы к комментариям. Вопрос следующий: веду сайт, с помощью данного плагина вывожу похожие статьи внизу веб-страницы. Хочу изменить цвет заголовка данного плагина. Подскажите как это можно сделать. Заранее благодарен.
Я с цветом разобрался. Просто в настройках самого плагина можно через html дописать всё необходимое, у меня выглядит вот так строка До / после связанных постов:”Обратите внимание на эти статьи:”. Может кому пригодится =) Вернулся на ваш сайт, чтобы снова код в php закомментировать (фикс заглавных).
Благодарю. Помогли с настройкой плагина.
Спасибо, не вмещались заголовки похожих записей, сделал все как написано, теперь красота ) Единственное при обновлении WP или темы, опять все слетит. Поэтому добавляю ваш блог и эту страницу в закладки
Спасибо