10
Бер
0

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

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

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

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

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

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

Файлы руссификации можете скачать здесь . Просто вставьте их в папку 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;}

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

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

feedproxy.google.com

Випадкові записи

Залиште свій коментар