опубликовано ETNO в Давненько уже не писал в блог, так как был занят двумя своими сайтами. Но выделил немного времени на то, чтобы порадовать вас очередным интересным решением на wordpress.
Сегодня речь пойдет о интересном плагине, который позволит вам не просто сделать блок “схожие записи”, но и добавить к ним превьюшки.
Такой блок стал в последнее время очень популярным на западных сайтах, вот и я решил сделать тоже на одном из своих, но был удивлен, что популярные плагины similar post и related posts – не поддерживают нормально создание превьюшек. Вернее во всех плагинах, что я нашел была возможность вывода превью на основе custom fields – а представьте, что у меня сайт с 200 постов – выходит мне нужно редактировать каждый и вставлять туда дополнительные картинки – так конечно же не пойдет. Поэтому я продолжил поиски
И они оказались успешными. Это плагин
Что мне в нем понравилось – простота установки(не нужно никуда ничего дополнительно копировать, как в многих плагинах), весь необходимый функционал + возможность создания превьюшек на основе картинок с поста.
Файлы руссификации можете скачать здесь. Просто вставьте их в папку languages плагина и будет доступен русский язык.
А теперь расскажу ещё о форматировании.
По умолчанию у вас будет вывод вертикального списка, но мне так не очень нравится, поэтому через css я сделал себе вывод вот так
Т.е. вывод происходит в ширину, а не высоту, из-за этого экономиться довольно много места
Чтобы сделать также, вам нужно установить в настройках плагина вывод только 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;}
Но возможно вам нужно будет что-то изменить исходя из вашей темы.
Вот и все, если вы скачали руссифицированную версию, то там все настройки подписаны, сложного ничего нет.
Понравилась статья? - Подпишись.
Или поделись полезным с миром
Похожие статьи:
Отличный плагин! А я все еще пользуюсь Simple Tags, в его комплекте тоже есть функция вывода похожих записей
Хороший плагин!
Заметил один баг с ним, хотя возможно это только на определенной теме, если в конце поста есть какой-нибудь текст, к которому применено любое форматирование (жирный шрифт, цитата и пр…), т.е. в конце стоит закрывающий тэг, то плагин не отрабатывает и вообще может произойти смещение всех блоков.
все работает отлично, но русификация не включается, хотя бы перевести надпись на “похожие записи”. Где можно “поковыряться”?
в настройках плагина, есть вкладка Output Options: там подвкладка Title of related posts: – вот туда и пишите нужный вам заголовок
Вот теперь все отлично и без руссификации.
Спасибо за хороший плагин.
У меня он не выводит похожие записи говорит их нет! Ни на одной пары похожих постов! Хотелось бы узнать то то сталкивался с этим уже? Может есть решение?
там в настройках можно указывать как осуществлять поиск – по тайтлу, по тексту и т.д. – попробуйте разные варианты
Уже пробовал и к сожалению не помогает
возможно у вас действительно нет похожих записей, или с кодировкой что-то нет, но других вариантов не могу подсказать
Что может быть с кодировкой? Другие плагины работаю хорошо.
ну тогда просто не судьба, попробуйте другие подобные плагины, похожих довольно много
Привет, твой пост мне помог – Респект.
Только не мог бы ты подсказать, как вывести не 3 а 6 постов только что бы было по 3 в строке? Буду очень благодарен!!!
думаю, что реально при помощи css сделать. к примеру, там будет общий слой – ему через css даешь определенную ширину, далее будут идти li-li-li , так вот, к каждому элементу списка даешь значения float:left и ширину ставишь в половину ширины общего слоя. Тогда все должно растянуться на 2 строки
Спасибо за хороший плагин. Может быть подскажешь код css чтобы текст справа выравнивался по верху картинки?
Буду признателен.
универсальное средство не подскажу – дадите ссылку на уже установленную тему и плагин – тогда да, смогу
Спасибо! Немного пришлось поковыряться размерами выводимых картинок, но это мои кривые руки. удачи вам и вашим проектам!
с ув. Вячеслав.
Привет! Спасибо за наводку на плагин. Возник один вопрос по css. Плагин настроил, отображаются квадратики и надписи, но из-за того, что для li b ul задано в css background-image:url(images/li.jpg) – превьюшки выводятся соответственно с маркером li.jpg. Как его убрать, только непосредственно при отображении превью, а не со всего сайта.
Заранее благодарен.
так в чем проблема? сделайте новый слой окружающий вывод превьюшек, допустим это будет .context – далее в css убиваете маркер именно для этого слоя .context li b ul{background-image:none;}
Плагин просто спасение, когда нет никаких меток у записей.
При выводе превьюшек есть один нюанс – для них он тоже создает ссылку на статью. Т.е. получается по 2 ссылки на каждую статью (с картинки и с названия статьи). Не вредно ли это?
а чем это может быть вредно?
Здравствуйте! У меня, вместо картинок, отображаются квадратики с вопросительным знаком. В чем может быть проблема?
Разобрался, надо поставить галочку возле
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
Отличный плагин!
Хотелось бы реализовать обводку миниатюр и убрать подчеркивание ссылок. Не подскажите как?
без знания css не выйдет у вас. нужно применить правило к картинкам этого блока border: 1px solid #ccc, а для ссылок text-decoration:none
Спасибо за добавку в css. Установила плагин на своих блогах. Не очень довольна “похожестью” статей, но все равно плагин лучше и проще своих аналогов.
Плагин у меня стоял давно, но картинки были вертикально.
Все сделала согласно инструкции, и о, чудо картинки красивые и аккуратные стали горизонтально.
Огромное спасибо, перепробовала до этого кучу плагинов, но не один не устроил.
Спасибо огромное! Именно то, что нужно. Правда, я чуть поправила css на одном из своих сайтов – получилось вообще отлично!
Спасибо за статью, давно такой плагин искал. Выбрал именно его из-за автоматизации и превьюшечек.
[...] плагинов для создания блока похожих записей, про один из самых лучших я уже [...]