Как изменить надпись похожие записи в вордпресс. Плагин Related Posts Thumbnails: вывод похожих записей с картинками для WordPress

Вывод похожих записей в WordPress является хорошим методом удержать посетителей на вашем сайте. Плагинов для реализации схожих записей достаточно много, и одним из самых популярных является плагин Yet Another Related Posts Plugin, или сокращённо YARPP.

Установка и настройка плагина

Скачать плагин вы можете бесплатно из официальной директории WordPress.org , или же установить автоматически через панель администрирования WordPress зайдя в раздел Плагины → Добавить новый. После установки и активации плагина, в меню Параметры вы найдёте новый пункт «Связанные посты» для его настройки.

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

  • Score (по умолчанию) — сортирует по сходству записей
  • Date — сортировка по дате статей
  • Title — сортировка по заголовку статей в алфавитном порядке

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

Стоит так же отметить раздел с настройками для RSS ленты. Здесь вы можете включить отображение похожих записей в вашей RSS ленте. Это эффективно особенно в том случае, если вы публикуете полные статьи в RSS ленте WordPress, а не только их анонсы.

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

Как администратор сайта в скобках к каждой выбранной статье вы увидите значение её релевантности к основной статье в виде коэффициента. Посетители вашего сайта и читатели RSS ленты этих значений не увидят.

Как YARPP влияет на скорость загрузки сайта

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

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

Режим Custom/PHP

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

При активации режима Custom, YARPP создаст несколько дополнительных шаблонов для примера в вашей теме. Вы можете использовать их для создания собственного шаблона вывода схожих статей со своей собственной разметкой. Это хорошо сочетается с возможностью выводить схожие статьи в любом месте вашей темы с помощью функции плагина related_posts() .

YARPP Experiments

Если вы работаете над сайтом с огромным количеством статей и под высокой нагрузкой, то вам будет интересен плагин YARPP Experiments . Это официальный плагин от разработчика YARPP, который добавляет дополнительные настройки к основному плагину, включая управление кэшированием, снижение скорости расчётов схожести (поможет снизить нагрузку на сервер) и другие.

Если у вас возникли вопросы при использовании плагина YARPP, оставьте его в комментариях или задайте его нам в

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

Вы сможете легко отображать связанные по содержанию посты на вашем сайте WordPress с помощью плагина. В данной статье описываются некоторые плагины WordPress для отображения похожих записей.

1. Yet Another Related Posts Plugin aka YARPP

Данный плагин является одним из наиболее популярных плагинов WordPress для отображения тематически связанных постов, он имеет более 3,4 миллиона закачек, а также поддерживает отображение связанных по содержанию записей в виде миниатюр и текста.

Достоинства:

В YARPP используется встроенный алгоритм для поиска похожих записей. Он имеет великолепный набор шаблонов, позволяет отображать как миниатюры, так и текст, поддерживает пользовательские типы записей и RSS-канал отображения.

Недостатки:

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

YARPP не совместим с WPML-плагином. Если вам нужен многоязычный сайт WordPress, выбирайте Polylang.

К тому же YARRP блокируется некоторыми хостинг-провайдерами WordPress.

2. Contextual Related Posts

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

Достоинства:

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

Недостатки:

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

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

3. Related Posts for WordrPress

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

Достоинства:

Related Posts for WordrPress фокусируется на производительности. Он работает быстрее, не замедляя работу сайта, а также поддерживает отображение связанных постов в виде миниатюр и текста.

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

Недостатки:

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

4. Yuzo Related Posts

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

Достоинства:

Плагин чрезвычайно прост в использовании и настройке. Он позволяет выбрать стиль, просто кликнув на него. Кэширование работает лучше, чем в YARPP и Contextual Related Posts. Плагин имеет легко настраиваемый виджет с большим количеством опций.

Недостатки:

Когда имеется большое количество опций, это не может не сказаться на быстродействии. Yuzo Related Posts – плагин быстрый, но не облегчённый.

5. Inline Related Posts

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

Достоинства:

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

Недостатки:

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

Небольшая подсказка

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

В подобных случаях вы можете использовать плагин Manual Related Posts. Он позволяет вручную добавлять связанные посты в записи. Данная связь устанавливается в обоих направлениях таким образом, что если добавить старый пост в новую запись, то старый пост также будет отображать новую запись как похожую.

Другой вариант – вручную отображать похожие посты с миниатюрами без использования плагинов.

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

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

1. Yet Another Related Posts Plugin (YARPP) является достаточно легким в использовании. Его можно скачать как на официальном .org известного движка, так и в панели управления сайтом. После того, как активируете плагин, вам нужно перейти в его настройки. Потом кликаете по полю «Параметры», после чего увидите раздел «Связанные посты». В нем и будет происходить настройка отображения записей, их вида и других параметров. Плагин предлагает вам вывод в форме простого списка или же списка с миниатюрами. Если вы обладаете знаниями из области программирования, то можете выбрать режим «Costom» в плагине и написать свой собственный шаблон вида отображения записей. Также вы можете выбрать количество отображаемых записей, стиль заголовков и так далее.

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

По поводу скорости загрузки вашего сайта стоит сказать, что проблем не должно возникнуть. YARPP работает, как часы и не дает особую нагрузку на сервер. Фиксирование релевантных статей происходит один раз. Исключением является лишь добавление на сайт новых статей. Тогда будет происходить перерасчет. Если на вашем сайте больше тысячи статей, то при добавлении каждой последующей вы можете заметить небольшие торможения wordpress. Это нормальное явление и особых трудностей не создаст.

2. Для сайтов с количеством страниц от десяти тысяч лучше использовать плагин YARPP Experiments. Он уменьшит нагрузку на сервер и ускорит процесс определения релевантных материалов.

3. Не менее популярным является плагин Related Posts Thumbnails. Он начнет работать сразу же после активации. Для произведения его настройки необходимо первым делом перейти в его меню. Здесь вы увидите надпись «Общие свойства отображения». Под ней представлен список опций. Первая отвечает за вывод похожих статей в конце каждой страницы с материалом.

Для ее активации вам достаточно поставить галочку. Если хотите вывести список релевантных статей в другое место сайта, то можно использовать код, который находится справа. Далее идем ниже и видим надпись «Источник миниатюра». Здесь вы указываете параметры отображения миниатюр. В «Опциях стиля» есть поле с названием «Опции вывода». Здесь вы можете выбрать вид отображения ваших релевантных статей. Их предлагается всего два: блоком с миниатюрами либо списком. Еще ниже вы увидите надпись «Настройка связи». Здесь вам нужно будет выбрать критерий отображения (по категориям, меткам, по тому и другому, произвольно или специфически). Теперь можно сохранять и проверять отображение.

4. Related Posts by Zemanta является более функциональным, чем предыдущие. С его помощью можно настроить вывод близких по тематике статей не только лишь с сайта, но и со всего интернета. Также он хорошо работает с мобильными версиями сайтов и ведет свою статистику кликов. Так что, сможете узнать эффективность работы плагина.

5. Related Posts может выводить похожие материалы как в конце статьи, так и в виджетах. Помимо этого, если разбираетесь в CSS, то сможете вставить код от Related Posts в любое другое место.

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

7. SEO Auto Links & Related Posts Main Features также будет вам полезен. Благодаря нему вы сможете сделать отображение похожих материалов в любом месте сайта, а также в выдвигающихся окнах. Работает хорошо и сильных нагрузок на сервер не дает.

8. All Related Posts работает с виджетами и сортирует популярные материалы по ключевым словам и популярности (количеству просмотров).

9. Simply Related Posts поможет вам вывести релевантные статьи по тегам.

10. Contextual Related Posts отличается особым порядком определения схожести статей, имеет прекрасный выбор внешнего вида виджета, а также предоставляет два способа вывода (ручной и автоматический). В настройках вы можете установить исключения на некоторые статьи, а также воспользоваться другими не менее полезными опциями.

11. Easy Related Posts предоставляет вам возможность выбрать длину отрывка статей для отображения на сайте.

12. Jane’s Related Posts является легким в использовании и показывает релевантные статьи в конце страницы или же прямо в виджетах.

13. Kindred Posts выводит наиболее посещаемые статьи.

14. Еще одним популярным плагином является Symply Tags. Он отличается особым встроеным механизмом расчета, благодаря которому плагин способен сам подбирать ключевые слова и брать их за основу для дальнейшего сортирования. Чтобы Symply Tags начал работать от вас потребуются небольшие действия. Нужно открыть single.php в панели управления сайта и вставить туда этот код. Его можно вставить сразу же после атрибута «the content». Так делают многие успешные вебмастера. Обратите внимание, что настройка производится в самом меню плагина, поэтому никаких особых знаний в области программирования от вас не потребуется.

15. Similar Posts является одним из наиболее многофункциональных плагинов. Для его нормальной работы вам понадобится установить еще Post Plugin Library. Это не будет проблематично, потому как лишних нагрузок на сервер не будет возлагаться, а необходимость установки дополнительного плагина обоснована широким выбором опций. Придется потратить время для того, чтобы разобрать с настройками, но зато вид отображения релевантных материалов на вашем сайте будет существенно отличаться от других.

16. LinkWithin это не совсем плагин. Чтобы он заработал, нужно перейти на сайт linkwithin.com и ввести туда необходимые данные. Затем вы получите код и останется лишь добавить его в любое место на сайте. Внешний вид отображения релевантных материалов очень отличается от того, который предоставляют другие плагины. Так что, если хотите отличиться, то устанавливайте код от LinkWithin.

17. Relevant — Related Posts Plugin является одним из самых простых плагинов. Настроек здесь мало. При желании можете воспользоваться виджетом, которых появится при активации плагина.

18. Post Types Order предоставляет вам возможность выбора настройки отображения (автоматической или ручной). При ручной вы просто перетаскиваете нужные вам статьи в соответствующие места. Сортировка релевантных материалов происходит по дате. При желании это можно изменить.

19. Flexible Posts Widget выводит конкретные записи в боковой панели вордпресс. Для настройки вам не потребуется проводить какие-либо поиски и добавления кодов. Плагин сделает работу за вас.

20. Post in Page работает по тому же механизму, как и предыдущий. Количество материалов, которые хотите вставить в боковую панель неограничено.

21. Post 2 Post позволяет вам вставить ссылки на релевантный материал прямо в самой статье. Это удобно и необычно, потому как такое явление можно увидеть не часто. В большинстве случаев в середине текста вставляют различную рекламу. Единственным недостатком Post 2 Post является небольшой выбор опций.

Первым делом, как вы уже поняли, это необходимо для создания удобства пользователям сайта. Также увеличится количество просмотров ваших статей, возрастет доверие поисковых систем. Для последних ключевую роль играет количество времени пребывания пользователей на сайте. Чем оно больше, тем лучше. Бывает так, что посещаемость накручивается. Обычно при накрутке устанавливают около 10-20 секунд лимита для одного посещения. Поэтому поисковые системы могут прировнять ваших пользователей к накрученным, если последние будут находится на сайте недолго.

Стоит отметить, что после установки плагинов существенно улучшится индексация вашего сайта.

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

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

При добавлении виджета релевантных материалов раз и навсегда решится вопрос с перелинковкой сайта. Перелинковка это порядок размещения ссылок на вашем сайте. То есть, главная страница — страница второго уровнять — страница третьего уровня и так далее. Каждому сайту нужна правильная перелинковка. Обратите внимание, что не желательно размещать на каждой странице много ссылок (10 будет вполне достаточно), потому как в ином случае может уменьшится ранжирование сайта в поисковых системах.

Не нужно забывать, что еще одним положительным моментом является увеличение показателя Google Page Rank для каждой страницы. При правильном подходе на этом можно прилично заработать. Такая биржа ссылок, как Getgoodlinks принимает сайты с вышеупомянутым показателем. Заказов здесь достаточно много. Но, не рекомендуется злоупотреблять продажей ссылок, потому как сайт может быть понижен в ранжировании, постепенно выпадать с индекса и даже потерять показатели. Поэтому лучше контролировать этот процесс.

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

Для тех, кто не хочет использовать плагины

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

// print related pages
if (!is_front_page ()) {
related_posts ();
}
?>

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

Итак, нужно найти в поле «Внешний вид» и кликнуть по вкладке «Редактор». Здесь должны находится два следующих файла wordpress: post.php и page.php. Первый отвечает за вывод материалов, а второй - страниц. Поэтому для начала стоит определиться, куда именно добавлять код. Если хотите, то можно добавить код в оба файла, тогда релевантные посты будут отображаться в соответствующих местах на wordpress.

В случае, если таких двух файлов не найдете, то возможно, что они представлены под другими названиями. Попробуйте поискать тогда content-single.php и content-page.php.

После того, как добавите код в нужное для вас место, вам стоит пролистать страницу вниз и нажать на кнопку «Обновить файл». Теперь вам достаточно зайти на сайт и проверить работу кода. Если релевантные статьи wordpress не будут отображаться, то, возможно, проблема в неправильном написании кода. Поэтому внимательно смотрите на каждый символ, который будете вводить.

Для тех, кому не хочется устанавливать какие-либо плагины или возиться с кодами, то рекомендуется установить платную тему Theme Forest. В ней уже имеются все необходимые настройки для вывода релевантных материалов. Также здесь есть и другие полезные опции, которые могут пригодиться.

Приветствую, уважаемые! Мало кто знает, что помимо всего прочего я еще изучаю веб-программирование. Эта статья открывает новую рубрику на нашем сайте, посвященную коду. Нет, это не уроки по какому-либо языку программирования, а просто полезные фрагменты кода, которые могут пригодиться вам, если у вас есть свой сайт. Например, сегодня мы поговорим про вывод похожих записей на движке WordPress . Почему эта тема? Потому что я сам столкнулся недавно с этой «проблемой» и хочу помочь другим.

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

А все мы хорошо знаем, что «похожие записи» в конце статьи или сбоку в сайдбаре очень положительно влияют на поведенческие факторы (внутренняя СЕО оптимизация). И первое, что приходит на ум – установить плагин, который бы выводил эти самые похожие записи.

Но всегда существует какое-то «НО…»!

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

Во-вторых, можно сутки потратить на поиски подходящего плагина и на его настройку, но в итоге так и не получить на выходе желаемый результат. Да, я тоже перепробовал несколько таких плагинов, а один из них даже провисел у меня на сайте почти полгода. Но выглядел он, мягко говоря, не очень (не будем называть имена).

Если есть хоть малейшие познания в движке Вордпресс и стилизации (CSS), то лучшим решением будет внедрить код напрямую в шаблон вашего сайта. Приступим!

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

Вот сам код (нажмите):

ID); if ($tags) { $tag_ids = array(); foreach($tags as $individual_tag) $tag_ids = $individual_tag->term_id; $args=array("tag__in" => $tag_ids, "orderby"=>rand, "caller_get_posts"=>1, "post__not_in" => array($post->ID), "showposts"=>5); $my_query = new wp_query($args); if($my_query->have_posts()) { echo "
    "; while ($my_query->have_posts()) { $my_query->the_post(); ?>
  • " rel="bookmark" title="">
  • "; } wp_reset_query(); } ?>

Для тех, кто хоть немного разбирается в коде, понятно, что тут используется язык php , некоторые стандартные функции Вордпресс и все это элегантно завернуто в HTML разметку. Вставляем его в нужное место (у многих это файл single.php в корне темы). И что мы получаем на выходе? А вот что:

То, как «Похожие записи» выглядят без миниатюр

Да, этот код вывел нам похожие записи, но вывел их обычным списком и без миниатюр. Может кому-то такой вариант и подойдет, но не мне. Нужно срочно что-то с этим делать.

Для начала нужно избавиться от списка. Для этого заменяем теги «ul » (ненумерованный список) на теги «div » (простой блочный элемент) в двух местах (! ) и добавляем ему вразумительный идентификатор (чтобы потом было удобно стилизовать). Потом просто удаляем теги элементов списка «li » (только оставьте их содержимое).

Внутри «div» у вас сейчас осталась голая ссылка с заголовком записи в качестве текста. Для удобства я обернул заголовок еще в один тег. А теперь самое главное – добавляем миниатюру к записям. Для этого существует стандартная функция Вордпресс — the_post_thumbnail() , которая возвращает нам миниатюру записи в теге «img ».

Теперь у нас код выглядит немного иначе. Наши похожие записи уже выводятся с миниатюрами, и, как видите, мы смогли этого добиться без помощи сторонних плагинов. Но не советую оставлять все в таком виде. Выглядит это по-прежнему безобразно. Огромные картинки на ширину всей страницы. Еще и в ужасном качестве. А под ними подписи синего цвета (обычные ссылки). Можете вставить этот код и посмотреть на все своими глазами. Хотя в любом случае вставляйте, потому что в этот код мы лезть больше не будем.

Немного переделали, сравните (нажмите):


ID);
if ($tags) {
$tag_ids = array();
foreach($tags as $individual_tag) $tag_ids = $individual_tag->term_id;
$args=array(
‘tag__in’ => $tag_ids,
‘orderby’=>rand,
‘caller_get_posts’=>1,
‘post__not_in’ => array($post->ID),
‘showposts’=>5
);
$my_query = new wp_query($args);
if($my_query->have_posts()) {
echo ‘
’;
while ($my_query->have_posts()) {
$my_query->the_post();
?>
» rel=»bookmark» title=»»>



}
echo ‘
’;
}
wp_reset_query();
}
?>

Приступаем к пункту третьему или какой там у нас уже? Тут я покажу, как я оформил свои похожие записи, но вы, возможно, захотите по-другому. Код стилей, который я приведу ниже, нужно вставить в файл стилей вашего сайта (желательно в конце для удобства). Он находится в корне темы оформления вашего сайта и называется style.css (но может и по-другому и находиться в папке, например, «css» или «styles»). Вот сам код:

Код стилей (CSS):

#similar_posts{
margin: 30px 0;
}

#similar_posts h4{
margin-bottom: 15px;
}

#similar_posts_wrapper{
display: flex;
flex-wrap: nowrap;
justify-content: space-between;
}

#similar_posts_wrapper a{
flex-basis: 19%;
text-align: center;
text-decoration: none;
color: inherit;
border-radius: 5px;
transition: background-color 0.3s;
}

#similar_posts_wrapper a img{
padding: 3px;
border-radius: 5px;
}

#similar_posts_wrapper a:hover{
background-color: lightblue;
}

@media screen and (max-width: 767px){
#similar_posts_wrapper{
flex-wrap: wrap;
justify-content: space-around;
}

#similar_posts_wrapper a{
flex-basis: 160px;
margin: 25px;
}
}

Застилизованные «Похожие записи». Чувствуете разницу?

В итоге мы получили красивые «похожие записи» с миниатюрами, которые к тому же еще и адаптивные и с едва заметным плавным переходом в ховер состояние (при наведении мыши). Надеюсь, у вас тоже все получилось.

Вместо итога:

Не забывайте, что первый код нужно вставлять в файлы с расширением.php. Если вы захотите вставить похожие записи в сайдбар, то ищите у себя на хостинге файл «sidebar.php ». А просто в виджет сайдбара этот код вставить не получится.

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

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

Вы дочитали до самого конца?

Была ли эта статься полезной?

Да Нет

Что именно вам не понравилось? Статья была неполной или неправдивой?
Напишите в клмментариях и мы обещаем исправиться!

Если вы хотите чтобы пользователи оставались и больше времени проводили на вашем сайте, помочь в этом может список связных (похожих) постов после статьи. Как правило, они отбираются смежных тематик, поэтому с определенной долей вероятности тот или иной пользователь может пройтись по другим статьям блога (справедливо это, конечно, только для СДЛ проектов). В последних нескольких статьях я уже рассмотрел парочку полезных плагинов для создания подобных списков — и . Первый весьма прост и функционален, но второй предоставляет сразу «из коробки» возможность добавления миниатюр (thumbnails) для этих самых похожих постов. Картинки все же лучше привлекают внимание пользователей чем обычные ссылки, поэтому сегодня предлагаю рассмотреть еще пять отличных плагинов, которые помогут реализовать такую функциональность.

Думаю, все сейчас используют для отображения картинок в wordpress блоге — это действительно очень удобно. Разработчикам вообще открываются дополнительные возможности для маневра — сможете легко выводить их на сайте через файлы шаблона или с помощью специальных модулей. Это гораздо проще чем я когда-то мучился реализовывая функцию , который никогда их не поддерживал. Кстати, после этих «улучшений» список связных постов в одном из блогов приятно преобразился:

Согласитесь, смотрится получше обычных ссылок. Именно поэтому следующие плагины вам должны понравится! За исследования и находку спасибо автору статьи Get Sticky with Thumbnails . В ней приводится не только короткое описание модулей, но и указание их плюсов и недостатков. В конце поста найдете сравнительную таблицу по разным критериям. Итак, поехали…

1. IGIT Related Posts With Thumb Image After Post

Только я начал рассматривать первый плагин как появились «небольшие проблемы». Модуль был актуален около года назад, но по непонятным мне причинам на wordpress.org его больше нет. Основная моя версия — там имелись определенные проблемы с безопасностью, но многие утверждают, что это «заслуга» не модуля а известной WP уязвимости с файлом timthumb.php. Видимо, из-за этого модуль GIT Related Posts больше недоступен, тем не менее, в интернете в блогах я нашел 2-3 источника (в рунете бесплатно, в англоязычном сегменте за $15), где ошибки исправлены и можно плагин скачать.

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

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

Данный плагин тоже имеет большое число хороших опций — отображение миниатюр не только в постах, но и на страницах + пользовательских типах записей, возможность разных настроек оформления (цвета фона, рамки, длина текстов описания и т.п.). Также в модуле есть возможность выбрать критерий, по которому будет определять схожесть материалов — по тегам и/или категориям, случайным образом или задаваться вручную. Можно указать источник миниатюр. Скачиваем плагин Related Posts Thumbnails .

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

В данном wordpress модуле опций по настройке меньше чем в предыдущих, но это не вызывает никаких проблем. Здесь вы сможете выбрать разные размеры миниатюр, а также их количество для отображения. Отличной функцией есть специальный эффект с отображением анонса поста при наведении на картинки. Кроме того, похоже, что плагин может выбирать изображения из картинок, которые имеются в посте, а не только брать их из «featured image». Да и автоматический ресайз картинок работает хорошо. Скачиваем отсюда .

Плюсы: Отлично справляется с ресайзом (изменением размера) картинок и хороший эффект при наведении.
Недостатки: Не очень много опций по оформлению.

Плагин WP-Thumbie позволяет контролировать число миниатюр, их размер, длину текста анонса (или отключать его), а также исключать страницы из списка или категории. Скачать модуль можно .

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

Собственно, модуль выполняет именно те функции, которые заявлены в названии — выводит . Иногда бывают ситуации, когда как раз нужно максимально простое решение.

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

Итого

После изучения всех 5 плагинов для похожих постов с миниатюрами и рассмотрение их функциональности получилась следующая таблица. Оценивались параметры: умение хорошо ресайзить картинки, отображение анонсов, горизонтальный и вертикальный вариант списка, настройки оформления.

Есть ли здесь победитель? Автор статьи решил выбрать в качестве него модуль Wp-Thumbie. Во-первых, он хорошо ресайзит миниатюры — сразу понятно что за картинка перед вами, во-вторых, имеет базовый набор необходимых опций. С другой стороны, здесь нет горизонтального стиля отображения и анонсов, поэтому я бы, наверное, все же рекомендовал выбрать модуль исходя из ваших задач . Кроме того, я также настоятельно советую глянуть один из прошлых постов про , который имеет множество настроек и достаточно функциональный, если говорить о миниатюрах. В целом все модули достаточно неплохие более-менее одинаковые.

P.S. Интернет продажи могут стать очень выгодным, чтобы создать интернет магазин лучше обратиться в профессиональную веб-студию вашего города.
Хотите сэкономить при покупке или заказе услуг? — используйте купоны на скидки, с помощью которых можно очень выгодно и отдыхать.



Понравилась статья? Поделиться с друзьями: