Wordpress похожие. WordPress: похожие записи без использования плагина

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

1. Yet Another Related Posts Plugin (YARPP) является достаточно легким в использовании. Его можно скачать как на официальном сайте wordpress.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 принимает сайты с вышеупомянутым показателем. Заказов здесь достаточно много. Но, не рекомендуется злоупотреблять продажей ссылок, потому как сайт может быть понижен в ранжировании, постепенно выпадать с индекса и даже потерять показатели. Поэтому лучше контролировать этот процесс.

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

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

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

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

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

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

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

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

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

Здравствуйте, друзья! Сегодня я покажу, как вывести похожие записи с картинками на Вордпресс после статей и в сайдбаре с помощью плагина Related Posts Thumbnails . Конечно, для решения подобной задачи существует множество способов. Например, вывод блока без плагина с помощью кода или использование сервиса 2leep. Но я расскажу о том, чем пользовался сам. И еще поговорим о том, стоит ли вообще использовать вывод похожих постов с миниатюрами. И в частности, с помощью указанного выше плагина.

Для начала стоит понять, зачем нам вообще нужен блок “Похожие посты “, неважно с картинками или без:

• Во-первых, это делает внутреннюю перелинковку на сайте, что хорошо для SEO.
• Во-вторых, привлекает внимание читателей и способствует увеличению просмотра страниц, что улучшает поведенческие факторы.

Если уже установлен плагин для вывода похожих записей в текстовом виде, стоит ли еще устанавливать Related Posts Thumbnails? Здесь, конечно, однозначно ответить трудно.

Преимущество блока с миниатюрами в том, что красивые картинки привлекают больше внимания. Значит, есть вероятность, что их кликабельность будет выше, чем у текстового аналога. Однако все надо тестировать. Например, Александр Бобрин (asbseo.ru ) считает, что даже текстовый блок в таком виде не нужен.

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

Поэтому, устанавливать или нет подобный блок, решать только Вам. Но попробовать, однозначно, стоит.

Теперь поделюсь своим опытом. Долгое время у меня выводились похожие записи с картинками на этом блоге, но потом я оставил только текстовый вывод. Для этого я использую Yet Another Related Posts Plugin. Думаю, он все же приносит пользу. Тем более что в названиях у меня всегда есть ключевики.

Почему я отказался от миниатюр? Проанализировав статистику, я не заметил особых изменений и увеличения просмотра страниц. Но, надо сказать, что я не проводил детального анализа. Например, можно посмотреть через Вебвизор в Яндекс.Метрике, чтобы точно узнать, где совершается больше кликов. Очевидно, что большую роль также играет тематика блога и качество самих миниатюр. Например, на сайтах про автомобили это будет более чем уместно. Кстати, на других своих блогах WordPress я пока использую похожие ссылки с картинками-миниатюрами. Выглядит это так:

Есть еще две причины моего отказа от плагина Related Posts Thumbnails:

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

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

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

Идем в админку блога “Настройки ” – “Related Posts Thumbnails “. Откроется страница с настройками. В принципе, тут все понятно, но кое-что объясню.

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

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

Опции стиля. Выбираем, как отображать записи, блоком или списком. Можно настроить внешний вид блока, не прибегая к помощи CSS. Поиграйтесь с “Высотой текстового блока “, чтобы длинные названия постов нормально отображались.

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

После всех изменений нажмите кнопку “Сохранить изменения “.

По умолчанию миниатюры выравниваются по левому краю, что не всегда красиво выглядит. Это можно исправить, прописав отступ в файле related-posts-thumbnails.php в редакторе плагинов. А лучше заключить код вывода в блок div, как советует автор плагина:

Чтобы вывести картинки с похожими записями в сайдбаре , надо перейти в админке по адресу “Внешний вид ” – “Виджеты “. Найти слева виджет с названием плагина и перетащить в сайдбар.

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

Как я уже упоминал в начале статьи, похожие записи Вордпресс с картинками можно вывести с помощью сервиса 2leep. Кстати, этот сервис еще можно использовать для получения бесплатного трафика на сайт. В этом случае в виджетах с миниатюрами, установленными на других сайтах, будут стоять ссылки на Ваш блог. То есть, посетители других блогов, кликнув на картинку под статьей, перейдут на Вашу страничку. Подробнее об этом можно почитать на блоге jonyit.ru . Там описана установка и настройка таких виджетов.

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

Добрый день, постоянные читатели блога!

Вот появилось свободное время, и я решил написать еще одну статью.

На мой взгляд, это будет достаточно полезная информация, изучив которую, Вам нужно будет сразу же применить её на практике.

Речь пойдет о выводе похожих записей на блоге с после каждой статьи.

Итак, похожие записи WordPress.

Что такое похожие записи? Для чего на блоге нужно выводить похожие записи?

На моем блоге можно их увидеть после каждой. Только называется список: «Другие интересные статьи».

Вывод таких записей необходим Вам для улучшения поведенческих факторов — увеличения времени нахождения посетителей на Вашем ресурсе.

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

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

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

Нагружают сервер и тормозят загрузку блога по сравнению с кодом. Замена плагина кодом это своего рода оптимизация блога.

На тему увеличения скорости загрузки сайта советую Вам прочитать мою предыдущую статью – . Ну а теперь от теории к практике.

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

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

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

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

Скопируйте его через проводник в буфер обмена и зайдите в админку блога. Затем зайдите во Внешний вид—> Редактор и выберите файл для редактирования single.php. Вставьте код в этот файл после строк:

Не забудьте нажимать «Обновить файл».

Найдите в этом коде строчку:

Нашли? Цифра 5 в этой строке как раз обозначает количество похожих записей, которые будут выводиться на Вашем ресурсе после каждой статьи.

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

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

Кроме этого Вы можете в файле таблица стилей (style.css) прописать коды для изменения внешнего вида ссылок похожих записей.

Можно, например, изменить шрифт, цвет, фон или стиль текста ссылок.

Также можно сделать на заднем фоне или создать красивую рамку для списка этих записей.

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

На этом все. Вот такая небольшая, но надеюсь полезная статья.

Примените эту информацию на практике — этот способ будет намного эффективнее, чем простая установка плагина.

Также советую вам установить . Эта фишка отлично помогает в продвижении веб-ресурса!

Приветствую, друзья!

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

Кстати, немного о жесткой привязке… Это все понятно, что страница с точки зрения ПС должна быть (ну, желательно, по крайней мере) неизменна. Но вот с сугубо практической точки зрения — если я пишу статью на тему, которой касалась еще в какой-то записи ранее, то логично и удобно для посетителей было бы ссылку на эту новую статью выводить в списке похожих на ту, старую. А по правилам получается, что это не только не полезно, но и вредно? В очередной раз правила противоречат моей пушистой логике… Что скажете?

Ну а теперь непосредственно к плагинам.

nRelate Related Content

Это, пожалуй, один из самых популярных плагинов WordPress для вывода похожих записей. На момент написания этой статьи из официального репозитория плагинов WordPress.org его скачали 338.688 раз.

Похожие записи можно вывести четыремя способами:

1. Автоматически отображать до или после статьи — указывается в настройках плагина
2. Использовать шорткод для вставки блока похожих постов в нужное место конкретной записи
3. Выводить похожие записи в виджете
4. Вставить функцию вывода похожих постов в файл темы оформления

Yet Another Related Posts

Если предыдущий плагин я назвала одним из самых популярных, то это, без сомнения, самый популярный среди всех:). Количество скачиваний Yet Another Related Posts уже перевалило за 2,6 млн.

Yet Another Related Posts Plugin выводит список похожих на текущую запись статей, который формирует на основе категорий, тегов, заголовков, контента, пользовательских таксономий. Кстати, в новой версии, которая сейчас доступна для скачивания, наконец-то реализована поддержка миниатюр.

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

Ссылка на скачивание — http://wordpress.org/plugins/yet-another-related-posts-plugin/

Contextual Related Posts

Вот этот плагин я с удовольствием использую на двух сайтах, а до смены шаблона он исправно работал и на этом. Отличный плагин для вывода похожих записей, множество возможностей для тонкой настройки внешнего вида, вывод списка похожих записей и в RSS (что должно было бы, по идее, увеличивать число переходов — а по факту, только раздражало некоторых моих читателей 🙂). Подбор похожих записей осуществляется на основе анализа заголовков, содержания, что, впрочем, не слишком влияет на скорость работы блога, зато делает список похожих статей максимально релевантным.

Из особенностей Contextual Related Posts должна отметить поддержку миниатюр, кеширование списка похожих постов, шорткоды и виджеты, Custom CSS. Впрочем, последнее достоинство оборачивается и недостатком, поскольку в этот плагин не встроено хоть сколько-нибудь приличных вариантов оформления блока похожих записей. Все приходится делать ручками, правя CSS .

MicroKid’s Related Posts

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

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

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

OutBrian

Это не совсем плагин… Точнее, не обычный плагин. Он выводит похожие посты с использованием стороннего сервиса, широко известного за рубежом — OutBrian, и позволяет показывать в блоке похожих записей как статьи вашего сайта, так и записи со сторонних сайтов, максимально релевантные вашей. Соответственно, и ваши записи появляются в аналогичных блоках на других сайтах. Этакий обмен трафиком своеобразный.

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

External Related Posts

Это тоже несколько необычный в привычном понимании плагин для вывода похожих постов. Он показывает похожие записи не с вашего сайта, а ищет релевантные вашей записи статьи на Google Blogs.

Видимо, с точки зрения оптимизации своего сайта — вещь бесполезная, зато если вы действительно заботитесь о своих читателях и тематика позволяет, то предоставить читателям полезную информацию — почему бы и нет? Между прочим, знаю по себе, такие блоки — со ссылками на другие блоги — всегда привлекают внимание и заставляют возвращаться на блог, на котором они расположены — вдруг еще какую-то интересную ссылку найду.

The Related Posts plugin for WordPress

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

Ссылка на скачивание — http://codecanyon.net/item/related-posts-for-wordpress/

Я не упомянула здесь Smart Linker только потому, что уже давно написала о нем целую статью. А так он вполне заслуживает почетного места в этом списке.

Плагины в список попали, как видите, абсолютно разные: от привычных нам до плагинов с необычным функционалом. Даже один премиум-плагин затесался:). И хотя мне по душе Contextual Related Posts, но я должна признать, что наилучшим решением из рассмотренных мной здесь является все-таки nRelate — гибкий, мощный, быстрый, легко настраиваемый плагин.

На том и распрощаемся, господа и дамы. Всем хорошего дня!

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Приступаем к пункту третьему или какой там у нас уже? Тут я покажу, как я оформил свои похожие записи, но вы, возможно, захотите по-другому. Код стилей, который я приведу ниже, нужно вставить в файл стилей вашего сайта (желательно в конце для удобства). Он находится в корне темы оформления вашего сайта и называется 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 ». А просто в виджет сайдбара этот код вставить не получится.

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

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

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

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

Да Нет

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