Похожие записи в WordPress без плагина и с ним. Основные методы вывода

Содержание материала:

Плагины WordPress для вывода похожих записей

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

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

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

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

Как в WordPress вывести похожие записи?

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

Популярные WordPress-плагины вывода похожих записей

Related Posts for WordPress by Bibblio

Related Posts for WordPress by Bibblio – мощный плагин, использующий алгоритмы машинного обучения для поиска наиболее подходящих записей, основанных на репликах вашего контента и поведения ваших читателей. Кроме того, он автоматически обновляется по мере добавления новых постов на ваш сайт. Похожие записи можно выводить в любом месте сайта, включая отдельный виджет. Bibblio обрабатывает связанные записи на своих серверах, не нагружая ваш сайт лишними запросами.

Yet Another Related Posts Plugin (YARPP)

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

  • поддержка стандартных и произвольных типов записей;
  • настройка вывода похожих записей (с миниатюрой или как список);
  • гибкая настройка отображения;
  • отображение связанных сообщений в RSS-каналах с настраиваемыми параметрами отображения.

Jetpack Related Posts Module

Jetpack – один из лучших многофункциональных плагинов для WordPress. Все, что вам нужно сделать, это его активировать, перейти к списку модулей и задействовать функцию Связанные посты. Благодаря отличному алгоритму, плагин показывает наиболее релевантный контент. Также имеет встроенный виджет для вывода похожих постов.

WordPress Related Posts Plugin – AddThis

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

Основные преимущества WordPress Related Posts Plugin – AddThis:

  • несколько предустановленных тем оформления (светлые, серые, темные и прозрачные);
  • различные варианты позиционирования виджета;
  • аналитика для связанных постов и их подсчет;
  • простота установки и настройки.

Contextual Related Posts

Contextual Related Posts – еще один мощный WordPress-плагин для отображения списка связанных постов на вашем веб-сайте и канале.

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

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

WordPress Related Posts

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

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

Здравствуйте уважаемые читатели. Похожие записи на сайте, как и хлебные крошки относятся к способам автоматической перелинковки страниц между собой. Выглядят они обычно в виде вертикального или горизонтального блока (См. рисунок ниже), в котором расположены несколько постов, выбранные из базы по некоторым критериям. Блок может быть реализован как при помощи плагинов, так и вставкой кода PHP в файл functions.php . Сегодня я хотел бы показать Вам второй способ, т.е. использование чистого кода без применения плагинов.

Код PHP

Как правило, выборка похожих записей в WordPress происходит по рубрикам (категориям). Ниже будет представлена функция, которую нужно вставить в файл functions.php . Функция снабжена подробными комментариями.

Теперь в том месте, где нужно вывести похожие записи, прописываем функцию related_posts_categories() . Например, это может быть файл single.php .

Стилизация блока

Теперь для стилизации блока постов нужно в файл style.css активной темы добавить следующий код.

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

Похожие записи с миниатюрами без плагина WordPress

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

Похожие записи по тегам.

В WordPress имеется функция так называемая таксономия или более известная как «пост теги». С определенными знаниями эта функция может стать мощным инструментом в разработки. Мы ее используем для связи между постами с похожими тегами что и образует вывод записей по тегам. Ниже указанный код поместите в файл single.php там, где заканчивается вывод статьи.

Похожие записи по категориям.

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

Стили.

Чтобы все это красиво оформить нужно прописать стили в файле style.css . Стили подходят аналогично к двум вариантом на ваше усмотрение стили можно изменить.

Результат.

Вот такой простой способ вывести похожие записи без использования плагина.

Похожие статьи WordPress без плагина 24

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

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

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

До недавнего времени у меня на блоге использовался для этого плагин WordPress Related Posts. Хороший плагин, красиво можно оформить, под любой дизайн, вывод похожих статей.

Только вот в борьбе за скорость загрузки сайт я решил заменить этот плагин на простой код. Потому что этот плагин тормозил загрузку моего блога от 0,5 до 0,9 секунды в зависимости от времени и нагрузки.

И поэтому я решил использовать код php для вывода похожих статей, который позволяет выводить статьи, сортирую их по тегам или категориям (рубрикам).

Как вывести похожие статьи с сортировкой по тегам.

Как правило, список похожих статей выводится в конце статьи. В большинстве тем WordPress за статьи (записи) отвечает файл single.php. Именно в этот файл нужно вставить код, отвечающий за вывод похожих статей.

Предупреждение: сделайте резервную копию файла single.php перед началом работ.

Шаг 1: поиск места для вставки кода.

У всех нас разные шаблоны и структура их немного отличается друг от друга. К примеру, в моей теме, вообще, нет файла single.php. Я создал дочернюю тему, и все доработки делаю через файл функции темы. А это на порядок сложней, чем править обычные файлы.

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

Визуальный анализ шаблона

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

Итак, открываете административную панель Вордпресс – «Внешний вид»«Редактор»«Одна запись (single.php)». И в файле ищите код, отвечающий за вывод статьи. Выглядеть он будет примерно так:

Анализ кода в шаблоне

После этого фрагмента можно вставить код похожих статей. В моём примере дальне будет идти код навигации.

Шаг 2: вставка кода похожих статей.

После того как вы определились с местом, вставляете вот этот код:

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

Похожие статьи по тегам

Внешний вид списка будет соответствовать дизайну вашего сайта, так как стили, определённые в шаблоне, распространяются и на этот список.

Но, если вы захотите внести изменения в стили, то вы всегда можете использовать класс relatedPosts и задать свои стили. Этот класс я уже добавил в основу списка.

Также вы можете изменить в коде элементы, отмеченные оранжевым цветом.

Как вывести похожие статьи с сортировкой по рубрикам (категориям).

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

Тогда, действуя по описанному выше алгоритму, вы вставляете вот этот код:

Этот код сортирует статьи только по категории. Теги уже не играют никакой роли.

Похожие статьи в категории

В качестве дополнительных настроек можно использовать параметр ‘orderby’=>rand . Который определяет вывод похожих материалов в случайном порядке.

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

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

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

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

На этом у меня сегодня всё. Я желаю вам удачи и до встречи в новых статьях и видеоуроках.

5 лучших плагинов для похожих записей в WordPress

Опубликовано: ADv Дата 30.01.2020 в рубрике Плагины WP 1 комментарий

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

1. Yet Another Related Posts Plugin

Yet Another Related Posts Plugin, он же YARPP, является одним из самых популярных плагинов для вывода похожих статьей с более чем 3,4 миллиннов скачиваний. Он поддерживает как вывод статей в текстовом, так и в графическом виде.

Преимущества:

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

Недостатки:

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

YARPP не совместим с плагином WPML. Если вы хотите создать мультиязычный сайт, то следует воспользоваться Polylang.

Топ-пост этого месяца:  Альткоин (altcoin) — что это такое, топ самых популярных криптовалют и в какие альткоины сейчас

2. Contextual Related Posts

Contextual Related Posts — еще один WordPress плагин для вывода похожих записей. Он пытается улучшить релевантность, сравнивания записи по контексту. Плагин умеет выводить похожие записи и в виде миниатюр, и в виде текста.

Преимущества:

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

Недостатки:

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

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

3. Related Posts for WordrPress

Related Posts for WordPress plugin — легкая альтернатива большинству плагинов похожих записей. Все ресурсоемкие операции он выполняет в админке, а дальше использует кеш для отображения записей.

Преимущества:

Related Posts for WordPress сосредоточен на производительности. Он быстрый и не замедляет ваш сайт. Умеет выводить записи как картинками, и так и текстом.

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

Недостатки:

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

4. Yuzo Related Posts

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

Преимущества:

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

Недостатки:

Приходится жертвовать скоростью при наличии такого количества функций. Плагин быстрый, но не «лёгкий».

5. Inline Related Posts

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

Преимущества:

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

Недостатки:

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

Интересное

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

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

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

По всем вопросам и отзывам просьба писать в комментарии ниже.

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

Вывод Похожих Записей WordPress без Плагина

Здравствуйте! В этой статье я хотел бы рассказать вам как сделать вывод похожих записей в wordpress без плагина. Для чего это нам нужно на сайте? Все очень просто, это задержит ваших посетителей на проекте что повлечет за собой увеличение поведенчиских факторов и вывод ваших статей в топ 10. Этот способ вынуждает нас, немного поковыряться в коде. Давайте приступим.

Похожие записи wordpress с картинками без плагина

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

Выводим похожие записи на сайте WordPress (c миниатюрами) без плагинов для усиления внутренней перелинковки

Здравствуйте, уважаемые читатели блога Goldbusinessnet.com. Я уже немало писал о внутренней перелинковке, неотъемлемой частью которой является присутствие так называемых «похожих записей» на блоге или сайте, которые представляют из себя список ссылок на материалы схожей тематики, который выводится в конце каждой публикации.

Для веб-ресурсов, работающих под управлением Вордпресса (этот материал о движке WP даст вам о нем полное представление), отличным средством для решения этой задачи вполне может быть WordPress Related Posts, который отвечает всем современным требованиям и даже выводит блок ссылок с миниатюрами (небольшими изображениями по теме страницы-акцептора).

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

Почему важно наличие выбора способа реализации похожих записей

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

В общем, соединяемся с сервером по протоколу ФТП и открываем выше упомянутый single.php. Самое основное, что необходимо сделать далее, это найти подходящее место в шаблоне, чтобы похожие записи выводились там, где вам это необходимо. Но я дам подсказку. Найдите в составе файла функцию вывода контента:

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

Именно под ней (ну или под «php the_content», если она имеется) надо поместить функцию, которая будет инициировать вывод похожих записей. Темы у всех разные, потому более точно место вставки каждый должен установить самостоятельно. Однако, на основании данных рекомендаций, думаю, это будет несложно сделать даже начинающим.

Хочу напомнить, что файлы темы Вордпресс вы можете найти на сервере своего хостинга по адресу «ваш_сайт» — «wp-content» — «themes» — «Название темы». Функция, которая последует ниже, будет представлена в двух вариациях.

Первый вариант предусматривает формирование блока ссылок по меткам (тегам) (именно ему я отдаю предпочтение, поскольку все статьи на моем блоге выводятся через рубрики, в результате получается в целом более эффективная перелинковка):

Комментарии (в коде выделены зеленым цветом) помогут разобраться, для каких целей предназначен тот или иной фрагмент функции. Но несколько слов все-равно сказать стоит:

1. «’orderby’=>rand,» — определяет случайный выбор постов по имеющимся у них меткам. Если вы желаете, чтобы ссылки выводились на статьи по дате их публикации, начиная с самых новых, то просто удалите эту строчку из кода.

2. «’caller_get_posts’=>1,» — допустим, у вас стоит ограничение (см. следующее условие showposts) на вывод похожих материалов в блоке, но по имеющимся меткам возможно лишь отображение 3 или 4 из них. Данный запрет не разрешает повторение одинаковых ссылок (будет отображаться не 5, а столько, сколько разных гиперссылок есть в наличии).

3. «’showposts’=>5» — здесь все просто: число (в данном случае 5) ограничивает количество имеющихся в блоке линков. Вы можете поставить свое.

Естественно, после вставки кода необходимо еще подкорректировать внешний вид похожих записей, прописав нужные CSS стили. Для этого лучше обернуть наш код в контейнер div, имеющий соответствующий class.

Также нелишним будет оформить заголовок со своим классом (в коде он в самом верху):

А далее нужно прописать подходящие стили для « ». Конечно, у всех темы различаются, но я все-таки предложу свой минимум правил CSS. В конце концов, у вас будет базис, который легче просто отредактировать или добавить новые свойства:

Эти стили можно вставить в любое место файла style.css своей темы. Ну а для редактирования предложенных правил CSS вы можете привлечь инструменты разработчика, которые есть в любом популярном браузере (их активация обычно производится нажатием кнопки F12 на клавиатуре). Эти средства, позволяющие мгновенно просматривать результаты изменений online, являются аналогом плагина Firebug для Firefox, о котором здесь можете почитать подробнее.

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

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

Добавляем миниатюры к похожим материалам Вордпресс

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

Топ-пост этого месяца:  Google Maps позволит подписываться на обновления компаний

Чтобы проверить, включены ли в вашей теме миниатюры, в админ-панель WordPress перейдите на страницу любой записи, где справа должен располагаться вот такой блок («Установить изображение записи»), помогающий задать уменьшенную картинку для статьи:

Если он на месте, то все в порядке, и вы можете действовать дальше. В случае его отсутствия попробуйте во всесильном файле functions.php прописать вот такую строку:

В принципе, это можно сделать в любом месте, например, в самом конце, но обязательно перед завершающим символом «?>». Если и после этого вы не получите результата, то вместо упомянутой строки попытайтесь в том же functions.php разместить следующий фрагмент:

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

Настроить это дело можно посредством админ-панели WordPress в разделе «Настройки» — «Медиафайлы». По умолчанию размер миниатюр составляет 150×150 пикселов (если исходные изображения прямоугольные, то есть с разной шириной и высотой, то они будут обрезаться с сохранением пропорций). Но можете указать свои параметры в зависимости от ваших предпочтений (я, например, оставил дефолтный вариант).

Составляем схему расположения миниатюр (thumbnails)

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

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

Чтобы измерения оказались наиболее точными, желательно выбрать какой-нибудь блочный элемент на любой уже существующей странице записей, поскольку он занимает всю доступную рабочую область по ширине. Например, у меня это «Оглавление», заключенное в контейнер div, которое располагается в начале почти каждой статьи.

Если подобного элемента не оказалось, то можно прибегнуть и к помощи блочного тега hr, который является средством отображения горизонтальной линии. Чтобы измерения оказались корректными, уберите все возможные отступы, которые могут быть прописаны в файле стилей (margin:0;), сделайте эту линию потолще (height:6px;) и поярче (background-color:red) для удобства. В целях экономии времени все эти свойства подключите с помощью атрибута style:

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

Итак, вся доступная область для размещения блока ссылок на похожие записи в нашем примере равна 730 px (пикселов). Как известно, ширина картинки будет 150 px. Таким образом, можно разместить 3 или 4 ячейки с миниатюрами последовательно в ряд.

Сначала разберем вариант с тремя ячейками, который реализовал я сам. В этом случае «чистое» пространство, занимаемое миниатюрами, будет 450 (150×3) px. Оставшееся по ширине место (280 px) отводим под внутренние и внешние отступы плюс учтем толщину рамки для каждой из ячеек. По задумке ячеек три, стороны рамок с одной и другой стороны (всего 6). Значит, для всех отступов останется 274 (280 — 6) px.

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

Следовательно, всего 8 отступов, которые для простоты можно сделать равными. Тогда величину каждого из них можно легко вычислить (274/8 = 34,25 px). Здесь можно взять целое число и пренебречь десятичной дробью, поскольку визуально это не будет заметно. Впрочем, все выше представленные рассуждения для наглядности я оформил в виде простешей схемы, после чего, думаю, вопросов не возникнет даже у дошкольника:

Устанавливаем код похожих записей с картинками

Итак, схема составлена, теперь осталось реализовать ее на практике силами функции, размещенной в файле single.php, и свойств CSS, которые необходимо будет поместить в файл style.css вашей темы WP. Весь блок похожих записей я решил выводить при помощи HTML списка ul, который обернул дивом, обладающим соответствующим классом ( ).

Миниатюры и ссылки, размещенные в ячейках, окаймленных рамками, я также поместил в контейнеры div с классами «cat_thumb» и «cat_link» соответственно, которым прописал необходимые CSS свойства (подробности чуть ниже).

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

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

Если у вас пока немного статей, то лучше ограничиться этой цифрой, поскольку в этом случае похожие записи расположатся в один ряд. А вот ежели ячеек будет 4 или 5 (на большее, возможно, на блоге просто не хватит соответствующих материалов по конкретной теме), то это будет смотреться не совсем привлекательно, так как второй ряд заполнен не будет.

Впоследствии, с увеличением количества публикаций вы можете изменить это число на 6, если будете уверены, что статей по каждой теме будет достаточно для заполнения двух рядов. Думаю, понятно, что в любом случае параметр «’showposts’» должен быть кратным трем (3, 6, 9).

Частицу кода, выводящего непосредственно ячейки с миниатюрами, разберем подробнее:

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

Вывод миниатюр будет осуществляться с помощью функции thumbnail (причем значение «’thumbnail’» означает, что будут отображаться самые маленькие картинки):

Изображения я поместил в контейнер с классом «cat_thumb», которому также будут присвоены нужные стили, как и «cat_link» для заголовков:

В связи с этим необходимо пояснить вот такой отрывок:

В обычном случае здесь должна бы находиться стандартная функция отображения заголовка публикации:

Но дело в том, что заглавия статей у меня бывают длинными, поэтому им может не хватить места в ячейке, а это нанесет ущерб привлекательности похожих записей. Для этого я привлек функцию «trim_title_chars», которая помогает обрезать текст заголовков до нужного числа символов (в нашем примере это 60, вы же можете поставить любое другое число, которое вам подходит). А можете использовать стандартный вариант «the_title()», если названия ваших постов короткие.

CSS свойства для оформления внешнего вида списка ссылок с миниатюрами

Ну а теперь сразу предоставляю список стилей, которые будут применены к каждому из тех элементов, которые входят в состав основного контейнера с « » (напоминаю, что их вы должны поместить в style.css):

Поясню некоторые моменты, касающиеся оформления похожих записей. Для основного блока прописано правило overflow:auto, которое вкупе со свойством CSS «float:left» (для контекстного селектора «.rel-posts li») позволяет обеспечить корректное отображение как всего блока с миниатюрами, так и его отдельных элементов. Кроме того, «float left» превращает вертикальный список в горизонтальный, чего мы, собственно, и добивались.

Еще один важный момент для понимания ситуации. Помните, выше мы составляли предварительную схему с вычислением отступов? Так вот, их значения указаны в виде параметров свойства CSS «margin». Для всей ячейки, определяемой элементами списка, а точнее, тегом li, они выглядят так:

Здесь надо понимать, что указанный отступ справа (34px) будет применен ко всем ячейкам, поэтому при отображении всего блока в браузере зазоры будут не только между ними внутри контейнера, но также между последней ячейкой и правой границей области контента:

Тогда при величине зазоров 34px места для последней ячейки не останется, и она опустится во второй ряд, заняв крайнюю левую позицию, поскольку для каждого элемента li будет действовать правило «float:left». Мы же при расчете отступов ориентировались на то, что последняя ячейка должна прижиматься к правому краю. Как же этого добиться?

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

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

Параметр (3n+3) селектора «:nth-child» означает, что прописанные для него CSS свойства будут применены к каждому элементу, порядковый номер которого совпадает с числом, получаемым по этой формуле при замене переменной n целыми числами:

Получается, что для каждой третьей ячейки в нашем примере будет действовать правило «margin-right:0;», что позволит выводить несколько их рядов в списке похожих материалов.

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

Если вы перейдете по предоставленной ссылке, то узнаете все подробности создания адаптивных элементов. С этой целью в файле style.css создаются специальные секции с точками излома под различные размеры экранов, которые устанавливаются посредством директив @media.

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

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

Чтобы этого избежать, необходимо свойство «:nth-child (3n+3)» поместить в секцию, предусмотренную для самых больших экранов (такое место можно поискать в вашем файле style.css). У меня это экраны с минимальной шириной 1250 пикселов:

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

Тогда псевдокласс «:nth-child» можно просто не использовать. Но ведь нужно стремиться к совершенству. даже в мелочах. Хотя, каждый решает для себя сам.

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

Как вы помните, у меня на блоге ширина свободной области составляет 730 пикселов. Значит, вполне реально разместить таким же образом и 4 миниатюры стандартного размера 150×150 в ряд (150×4 = 600px). Для этого достаточно внести лишь некоторые изменения в уже существующий комплект правил CSS:

Не забудьте расположить псевдокласс «:nth-child(4n+4)» в нужном месте файла стилей. А также необходимо иметь ввиду, что сокращение величины отступов для картинок (.cat_thumb) приводит к тому, что появляется погрешность, поскольку текст заголовков с линками (.cat_link) сжимается с учетом корректного отображения слов.

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

Да, чуть не забыл. Напоминаю, что в целях использования 4 картинок с ссылками на тематические публикации необходимо поменять в коде, который вы помещаете в single.php, значение «’showposts’» c 3 на 4, ну или на 8, если желаете выводить ячейки в два ряда. Визуальное отображение уже готового варианта тоже лишним не будет:

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

Топ-пост этого месяца:  Как и сколько можно заработать веб-мастером

Похожие записи для wordpress с миниатюрами без плагина

Добрый день, уважаемые читатели!

Сегодня мы сделаем похожие записи для сайта на WordPress без плагина. Это будет некое продолжение предыдущей статьи.

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

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

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

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

Сначала я даю видео-урок, где показал, как все сделать, а затем уже идет текстовая статья со всеми кодами и объяснениями.

Вт, собственно, сама часть кода.

Для настройки похожих записей нас интересуют 3 строчки в данном коде:

  • 9 строка — отвечает за режим отображения постов. Сейчас там стоит отображения похожих записей из одной категории. То есть если запись находится в какой-то категории, то в блоке ей будут показываться только посты из этой же категории. Таким образом создается перелинковка внутри каждой категории;

Если же мы хотим изменить данный параметр, то можем сделать вывод постов по меткам. Если вы их задаете к статьям, то код будет выводить записи похожие по меткам. Для этого необходимо всю 9ю строку заменить на ‘tag__in’ => $tag_ids,.

  • 11 строка — количество отображаемых постов в блоке. Как я уже говорил в предыдущей статье про плагин похожих записей, то оптимальным количеством постов с точки зрения полезности для перелинковки является до 5 записей. Я оставил по прежнему 4 поста для вывода;
  • 12 строка — случайный вывод записей, то есть каждый раз при обновлении страницы в определенной статье будет генерироваться новый список похожих записей. В данном коде я предпочел оставить данный параметр и, если вы сейчас попробуете обновить страницу, то увидите, что покажется совершенно другой список постов. и так будет при каждом обновлении. Такая рандомная (случайная перелинковка) очень круто помогает ускорить индексацию сайта.

Если же хотите, чтобы все время был фиксированный список, нужно 12ю строку удалить полностью. Но мне данный вариант не понравился, так как все время будет отображаться список из 4х последних постов в категории и изменяться он не будет, в какой бы записи не находились. Меня это не очень устроило. Может у вас будет и по другому. Вы попробуйте.

Чтобы вывести похожие записи без плагина, нужно вставить этот код в файл single.php вашей темы в то место, где заканчивается вывод контента. Как определить это место, у меня есть статья тут. Там все подробно расписал и видео-урок дал. Он вам поможет узнать то место, где нужно размещать подобные коды.

Окончательный вариант в моем файле имеет вид.

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

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

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

Если не затрагивать дополнительные элементы и взять классический (стандартный) блог на вордпрессе, то самой практичной будет перелинковка, ориентированная на низкочастотные запросы. Этому споспособсвует плагин WordPress Related Posts, (упоминал его в прошлой статье) который связывает похожие записи между собой, но тема нашего сегодняшнего пособия «Вывод похожих записей без использования плагинов» и этим мы сейчас и займёмся.

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

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

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

Итак, перейдём непосредственно к шаблонам и тому, как всё это сделать правильно и красиво.

Делаем вывод похожих записей wordpress без плагина

Чтобы копаться в исходниках лучше использовать notepad++, так как он подсвечивает одинаковые теги. Переходим к файлу comments.php. Теперь вставляем наш шаблон, посредством которого мы и будем выводить все записи. Выводя записи по тегам код будет выглядеть приблизительно вот так:

Чтобы осуществить перелинковку по сайту используя категории, тогда нам нужно несколько иная вариация кода:

Строка showposts определяет количество похожих записей/постов, которые будут отображены в дальнейшем, после основного поста, открытого в данный момент. Чтобы всё это выглядело как единое целое, нужно подобрать соответствующие стили (CSS). Для тех кто только начал вот один из вариантов уже готовых записей:

.tags-posts <
list-style-type: circle;
line-height: 1.28;
margin-left: 20px;
margin-bottom: 40px;
font-size: 15px;
>

Вставить этот элемент можно куда угодно, и если вы не знаете куда конкретно, то можете разместить его в самом конце кода. Работать со структурой CSS удобно через Firebug для огненной лисы. Для максимальной оптимизации необходимо придумать общий заголовок:

Вот CSS для данного дива:

.zagolovak <
margin-top: 60px;
margin-bottom: 20px;
font: normal 15px Verdana,Arial;
>

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

P.S. Код не мой, но он благополучно опробован на некоторых проектах, так что смело можете пользоваться.

С уважением, фрилансер-вебмастер Александр Шульгинов

Как вывести похожие записи с картинками в конце статьи на блоге WordPress

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

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

Зачем нужны похожие записи с картинками в конце статьи

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

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

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

В Вашем шаблоне должны быть включены миниатюры. Ну и соответственно картинки миниатюр должны быть загружены ко всем записям на сайте. Если картинок не будет, то будут отображаться пустые квадратики. Я на своем блоге для каждого поста загружаю картинку-миниатюру размером 200*200. Стараюсь загружать квадратные изображения по размеру варьирующиеся в пределах 20 пикселей от значения 200*200. В противном случае, большая картинка будет не красиво обрезаться.

На странице добавления записи в правой колонке должен быть вот такой блок:

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

Как сделать похожие записи с миниатюрами без плагина

Теперь приступим непосредственно к добавлению кодов вывода похожих записей в файлы. Первый код вывода похожих записей мы добавим в файл single.php. Если Вы ранее не производили никаких манипуляций с этим файлом (не добавляли кнопок соцсетей, рекламных кодов), в этом случае найдите в файле single.php код . Именно он отвечает за вывод текста поста. Смотрите на картинке, где он находится в моем шаблоне.

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

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

Следующий код стилей добавьте в файл style.css, можно в самый конец.

Цвета рамки и тени ячеек, а также текста ссылок, можете менять по своему усмотрению.

Вывод похожих записей с картинками плагином Related Posts Thumbnails

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

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

В админке, в разделе Параметры, выберите из выпадающего списка Related Posts Thumb и попадете на страницу настройки плагина:

Вывод похожих записей с картинками после статьи можно задать автоматически или же вставить самостоятельно код в нужное место в шаблоне. Задайте на каких страницах будут отображаться похожие записи и какие категории будут включены. Укажите заголовок, поскольку по умолчанию выводится заголовок Related Posts. Выбрите нужное количество выводимых записей. Также, можно задать стили: цвет фона, шрифтов и т.д.

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

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

Вывод списка тематических публикаций плагином WordPress Related Posts

Плагин WordPress Related Posts позволит вывести под статьей блок «Похожие записи».

Установка плагина Related Posts очень простая:

  1. Скачиваем плагин из официального сайта по ссылке http://wordpress.org/plugins/wordpress-23-related-posts-plugin/installation/
  2. Устанавливаем и активируем плагин Related Posts. Как устанавливать плагины написано тут.
  3. Настраиваем плагин. Из меню параметры выбираем Related Posts, и настраиваем количество похожих записей на странице и прочее.
  4. Для отображения блока Похожие записи на страницах статей, размещаем следующий код в шаблон страницы single.php. Код вставляется между кодом текста статьи страницы и кодом комментариев:

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

Добавить комментарий