Плагин YARPP – похожие записи. ЧАВО

Плагин YARPP - связанные записи

Здравствуйте!

Многие блогеры используют плагин YARPP для вывода похожих записей (статей, постов). Еще их называют связанные, родственные, схожие и т.п.

В момент написания этой статьи, на моем блоге тоже установлен этот плагин. Совсем недавно я начал добавлять миниатюры к статьям и поэтому решил выводить похожие записи не списком (List), а с миниатюрами (Thumbnails). К тому же, я обновил плагин YARPP до последней, на данный момент, версии 4.2.4.

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

Страница плагина YARPP и его актуальная версия здесь.

Далее – вопросы и ответы.

 

1. Первый буквы всех слов в заголовке заглавные. Как исправить?

В настройках плагина YARPP есть возможность указать свой заголовок, который будет выводиться перед списком похожих записей (поле Heading). И вот если вы его укажите, то в версии 4.2.4. он выведется следующим образом, как показано на скриншоте ниже.

 

Заглавные буквы в заголовке плагина YARPP

 

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

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

В файле /wp-content/plugins/yet-another-related-posts-plugin/style/related.css

найдите и закомментируйте строку text-transform: capitalize !important;

В принципе, я закомментировать полностью весть стиль .yarpp-related h3, потому что он затирает стиль заголовков h3 моего шаблона WordPress.

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

 

2. Как убрать заголовок, если нет похожих записей?

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

Исправить это можно с помощью css. Дело в том, что в случае отсутствия похожих записей, блоку div, в котором выводится и заголовок и сам список рекомендуемых статей, присваивается class=”yarpp-related-none”.

Добавьте в файл css вашего шаблона вот такой стиль:

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

 

3. Как отобразить полный заголовок статьи под миниатюрой?

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

 

yarpp как вывести полный заголовок статьи

 

Чтобы увеличить пространство для вывода названия статьи нужно переопределить в своем шаблоне стили .yarpp-thumbnail и .yarpp-thumbnail-title.

Добавьте в css файл вашей темы WordPress следующие стили:

Это мой вариант с четырьмя строками для заголовка.

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

 

4. Как изменить размер миниатюр?

В файл functions.php вашего шаблона WordPress добавьте такую строку

Вместо $width и $height укажите, соответственно, нужную ширину и высоту миниатюры.

Вот так сделал я:

 

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

 

YARPP Список похожих записей с миниатюрами

 

1. Заголовок в стиле моего шаблона и только первое слово с большой буквы.

2. В случае отсутствия связанных записей заголовок теперь не выводится.

3. Название статьи под миниатюрой выводится полностью.

4. Увеличен размер миниатюры.

 

Обязательно напишите в комментариях помогла ли вам эта информация. С какими вопросами при настройке плагина YARPP столкнулись вы?

До новых публикаций! Успехов!

P.S. Когда искал миниатюру к статье, то по запросу yarpp попались вот такие варианты от китайского блогера.

 

Похожие записи по-китайски  Похожие записи - китайский вариант

 

Такие вот похожие записи по-китайски! =)

Понравилась статья? Не забудьте поделиться с друзьями и коллегами:

Вы можете пропустить чтение записи и оставить комментарий. Размещение ссылок запрещено.

17 комментариев к записи “Плагин YARPP – похожие записи. ЧАВО”

  1. Павлуха

    Использую этот плагин. Нравится он мне своими возможностями: выбор релевантных постов по заголовку, тексту, общим меткам и рубрикам с повышенным или обычным приоритетом перечисленного, с исключением некоторых рубрик и меток… Только вот подключается он с использованием буфера вывода

    Я имею ввиду внутреннее устройство. Для кого это абракадабра, читайте как: “всё нормально, не отвлекайтесь”. Но для меня в этом есть некоторая неочевидность работы плагина. Например, я делаю полное переформатирование с отключением внедряемого плагином css. Не уверен, что в 100% случаев вылазит именно то, что вижу я))

    • Алексей Ершов

      Код плагина не изучал пока, но то, что его стили, по умолчанию, затирают стили шаблона – это, с моей точки, неправильно.
      Павлуха – ты выиграл 15 WMR (четвертак в твоей любимой валюте)! =) Делись постом и присылай R-кошелек.

  2. Павлуха

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

    • Алексей Ершов

      Приз отправил. Спасибо за активное участие в Жизни с WordPress!
      Значит реклама конкурса не сильно заметна? И сильно броской не хотелось бы делать… Спасибо за информацию, подумаю.

  3. Игорь

    Нужно было изменить размер миниатюр – все получилось, да вот только картинки стали мутными, потому что размер изначальный из 120Х120 сохранился и оно просто растянулись. Что можно сделать. И еще – мне вообще нужно было, чтобы они просто располагались по ширине на сайте. Можно ли как-то увеличить отступы между картинками?

    • Алексей Ершов

      1. Можно изначально задать нужные размеры миниатюр в админке: Настройки – Медиафайлы. Сам, правда, использую сжатый вариант из 150х150 в 137х137. Можно еще использовать какой-то плагин для получения изображений нужного размера.
      2. В css задать нужный отступ (margin). Например, для a.yarpp-thumbnail

  4. Андрей

    Здравствуйте.
    А вы не подскажите, как вывести в качестве миниатюр постов не собственно саму миниатюру (thumbnail), а картинку другого стандартного размера, например medium или large?

  5. Юкка Гриценко

    Алексей, спасибо вам за статью. С ее помощью исправила все, что хотела изменить в настройках плагина YARPP. Все очень понятно и безусловно полезно)))) Особенно, для таких чайников по сайтам, как я)))) Успехов вам)

    • Алексей Ершов

      Юкка, спасибо и вам успехов!

  6. Артем

    А как задать размер миниатюры в похожих статьях, не квадратный, а прямоугольный? К примеру 137 на 103. При изменении просто значений сайт слетает.

  7. Артем

    ОГРОМНЕЙШЕЕ спасибо за статью! Столько я сейчас нервных клеток оставил пока боролся с этим “чудо-плагином”)) Не могли по-человечески все эти вещи вывести в свои же настройки! Автору респект!!!

  8. Валерий

    Спасибо, все OK!

  9. Светлана

    Примите и от меня благодарность. Удалось настроить плагин!

  10. Игорь

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

  11. Николай

    У меня почему-то миниатюры отображаются сплюснутыми по-вертикали, хоть сами они и квадратные и в стилях задано отображение 120х120 :/

  12. Николай

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

    • Николай

      Я с цветом разобрался. Просто в настройках самого плагина можно через html дописать всё необходимое, у меня выглядит вот так строка До / после связанных постов:”Обратите внимание на эти статьи:”. Может кому пригодится =) Вернулся на ваш сайт, чтобы снова код в php закомментировать (фикс заглавных).

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

Для размещения кода в комментарии используйте теги <pre> </pre>, например:


Подписаться, не комментируя