Отборная информация, которая вставляет!

Плагин похожие записи

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

Сегодня речь пойдет о интересном плагине, который позволит вам не просто сделать блок «схожие записи», но и добавить к ним превьюшки.

Такой блок стал в последнее время очень популярным на западных сайтах, вот и я решил сделать тоже на одном из своих, но был удивлен, что популярные плагины similar post и related posts — не поддерживают нормально создание превьюшек. Вернее во всех плагинах, что я нашел была возможность вывода превью на основе custom fields — а представьте, что у меня сайт с 200 постов — выходит мне нужно редактировать каждый и вставлять туда дополнительные картинки — так конечно же не пойдет. Поэтому я продолжил поиски

И они оказались успешными. Это плагин contextual related post

Что мне в нем понравилось — простота установки(не нужно никуда ничего дополнительно копировать, как в многих плагинах), весь необходимый функционал + возможность создания превьюшек на основе картинок с поста.

Файлы руссификации можете скачать здесь. Просто вставьте их в папку languages плагина и будет доступен русский язык.

А теперь расскажу ещё о форматировании.

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

rel2010_1

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

Чтобы сделать также, вам нужно установить в настройках плагина вывод только 3 постов(хотя если ширина страницы позволяет, то можно и больше), далее включить вывод миниатюр вместе с текстом и установить их ширину равной 160, высоту тоже (эти значения зависят от ширины вашей странички), далее в style.css вашей темы добавить что-то вроде:

#crp_related{overflow: auto;}
#crp_related ul{list-style-type: none;margin: 0px;padding: 0px;display: block;clear: both;}
#crp_related ul li{display: inline;float:left;width: 180px;font-size: 13px;text-align: center;}
a.crp_title{display: block;width: 160px;}


Но возможно вам нужно будет что-то изменить исходя из вашей темы.

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


 

Похожие статьи:



45 комментариев к “Плагин похожие записи”

  1. Vlad:

    Отличный плагин! А я все еще пользуюсь Simple Tags, в его комплекте тоже есть функция вывода похожих записей 🙂

  2. Хороший плагин!
    Заметил один баг с ним, хотя возможно это только на определенной теме, если в конце поста есть какой-нибудь текст, к которому применено любое форматирование (жирный шрифт, цитата и пр…), т.е. в конце стоит закрывающий тэг, то плагин не отрабатывает и вообще может произойти смещение всех блоков.

  3. все работает отлично, но русификация не включается, хотя бы перевести надпись на «похожие записи». Где можно «поковыряться»?

    • ETNO:

      в настройках плагина, есть вкладка Output Options: там подвкладка Title of related posts: — вот туда и пишите нужный вам заголовок

  4. Вот теперь все отлично и без руссификации.
    Спасибо за хороший плагин.

  5. Николай:

    У меня он не выводит похожие записи говорит их нет! Ни на одной пары похожих постов! Хотелось бы узнать то то сталкивался с этим уже? Может есть решение?

    • ETNO:

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

  6. Николай:

    Уже пробовал и к сожалению не помогает

    • ETNO:

      возможно у вас действительно нет похожих записей, или с кодировкой что-то нет, но других вариантов не могу подсказать

  7. Николай:

    Что может быть с кодировкой? Другие плагины работаю хорошо.

  8. Artem:

    Привет, твой пост мне помог — Респект.
    Только не мог бы ты подсказать, как вывести не 3 а 6 постов только что бы было по 3 в строке? Буду очень благодарен!!!

    • ETNO:

      думаю, что реально при помощи css сделать. к примеру, там будет общий слой — ему через css даешь определенную ширину, далее будут идти li-li-li , так вот, к каждому элементу списка даешь значения float:left и ширину ставишь в половину ширины общего слоя. Тогда все должно растянуться на 2 строки

  9. tabu:

    Спасибо за хороший плагин. Может быть подскажешь код css чтобы текст справа выравнивался по верху картинки?
    Буду признателен.

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

  11. Сергей:

    Привет! Спасибо за наводку на плагин. Возник один вопрос по css. Плагин настроил, отображаются квадратики и надписи, но из-за того, что для li b ul задано в css background-image:url(images/li.jpg) — превьюшки выводятся соответственно с маркером li.jpg. Как его убрать, только непосредственно при отображении превью, а не со всего сайта.
    Заранее благодарен.

    • ETNO:

      так в чем проблема? сделайте новый слой окружающий вывод превьюшек, допустим это будет .context — далее в css убиваете маркер именно для этого слоя .context li b ul{background-image:none;}

  12. Плагин просто спасение, когда нет никаких меток у записей.
    При выводе превьюшек есть один нюанс — для них он тоже создает ссылку на статью. Т.е. получается по 2 ссылки на каждую статью (с картинки и с названия статьи). Не вредно ли это?

  13. Leon:

    Здравствуйте! У меня, вместо картинок, отображаются квадратики с вопросительным знаком. В чем может быть проблема?
    http://fleek.org/fleekaj/WBVNEgxMS1ITSgpYDQhcX1FcCktPR0BKWEIHDkpZXAMdE1wBUxMQQUlMAVIIDlgcSVpJXwReRgxfVgoVUlgYDx0PXA9YDANXS1dJVAQJSlhSUEs=/

  14. Leon:

    Разобрался, надо поставить галочку возле

    If the postmeta is not set, then should the plugin extract the first image from the post. This can slow down the loading of your post if the first image in the related posts is large in file-size

  15. Отличный плагин!
    Хотелось бы реализовать обводку миниатюр и убрать подчеркивание ссылок. Не подскажите как?

    • ETNO:

      без знания css не выйдет у вас. нужно применить правило к картинкам этого блока border: 1px solid #ccc, а для ссылок text-decoration:none

  16. Спасибо за добавку в css. Установила плагин на своих блогах. Не очень довольна «похожестью» статей, но все равно плагин лучше и проще своих аналогов.

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

  18. Спасибо огромное! Именно то, что нужно. Правда, я чуть поправила css на одном из своих сайтов — получилось вообще отлично!

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

  20. […] плагинов для создания блока похожих записей, про один из самых лучших я уже […]

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

  22. Спасибо большое!! Уже поставил на свой блог

  23. Добрый вечер!
    А где можно отредактировать настройки плагина. У мя на сайте идет рамка, и нумерация списка вылезает за неё. Как можно решить данную проблему???

    • ETNO:

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

  24. спасибо за такое подробное объяснение

  25. Просто отличный плагин! 5 минут и все готово! Поставил 6 а не 3 миниатюры, выглядит отпадно! Результат здесь http://fleek.org/fleekaj/WBVNEgxMS1MDShJYDxFYQ1hMCVMTWFQXXURKBVZc/

  26. Спасибо за информацию, только почему то не выводит все равно почему то похожие записи, Подскажите почему такое может быть?

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

    • ETNO:

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

  28. Здравствуйте, подскажите пожалуйста каким плагином вы пользуетесь? (который у вас стоит в данный момент).

  29. Понятно, что все сами разобрались, но для чайников (вроде меня) добавлю: для вывода постов в ширину не обязательно лезть в style.css
    Указанный код можно прописать и в настройках плагина во вкладке «Custom Styles», — что удобнее. Ширину блоков под текст и миниатюры, а также размер самих миниатюр подбирал методом научного тыка.
    Спасибо автору, и не только за данный пост! Отписался от нескольких WordPress-умельцев, т.к. здесь все проще, доступнее и то, что действительно нужно.

  30. В style.css нужно лезть потому то у некоторых статьях заголовок долгий и может растянутся на две колонки, поэтому картинки будут размещены на разной высоте.

оставить отзыв

Если хотите вставить код в комментарии, то оберните его тегами ‹pre›‹/pre›