Как вывести список похожих материалов после каждой статьи с картинками?

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

похожие материалы, список с картинками

И так, в этом деле нам поможет простой, но в тоже время гениальный плагин, под названием IGIT Related Posts – скачиваем здесь!

После этого устанавливаем плагин и переходим на вкладку – Настройки – igit-related-posts-with-thumb..

Давайте рассмотрим каждый пункт и разберемся за что он отвечает..

Вывод в определенном месте шаблона

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

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

Следующий пункт:

Здесь все просто: изменяем текст на тот, который нужен Вам. Как видно на картинке, можно также задать уровень заголовка текста (на картинке 4 -<h4>) и использовать другие HTML теги.

Исключение категорий

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

Следующие параметры..

Этот параметр отвечает за количество похожих материалов (на картинке их 4);

Далее..

При наведении мышкой появляется “палец”..

Настройки заголовка

Если поставить галочку, то будет показываться заголовок статьи.

Если стоит галочка, то будет показываться Полный заголовок статьи..

В этом параметре можно изменить количество выводимых символов (на картинке 120).

Настройки цвета

Здесь выбираем цвет фона (“в спокойном состоянии“) и цвет фона при наведении мышкой.

Для выбора цвета просто нажмите на полоску, появится это..

Идем дальше..

Здесь выбираем желаемый шрифт текста.

Размер текста в пикселях.

Цвет текста, рамки

Данные параметры отвечают за цвет текста и цвет рамки вокруг картинки соответственно.

Размер картинки похожего материала

Высота и ширина соответственно (в пикселях).

Формат-расположение Здесь выбираем формат отображения похожих материалов – можно по горизонта, можно по вертикали.
Завершение настроек

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

Лично я, не стал бы ставить здесь галочку.

После всех настроек нажимаем на кнопку ? Update Options..

Все! Все настройки произведены!

Примерно вот так будут выглядеть похожие материалы:

Для чего они нужны и нужны ли вообще?

Да, нужны! Ведь они влияют на два очень важных фактора:

1. Количество просмотров

2. Время нахождения на сайте

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

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

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

Подписывайтесь на обновления и получайте самые свежие WordPress уроки! С вами был Виталий Admin. До новых встреч!

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

Как вывести список похожих материалов после каждой статьи с картинками?: 8 комментариев

  1. Олег

    Как раз искал что-то подобное. У меня стоит Yet Another Related Posts Plugin. Прикрутил к нему Related Posts Slider. Все красиво, но выводятся внизу еще какие-то лишние квадратики вместо надписей. Взял убрал.

    1. Виталий Admin

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

  2. Алла

    Блог sergey-oganesyan.ru С Рождеством !:-)

  3. Елена

    Виталий, спасибо огромное! Все получилось быстро и просто. Результат – супер!!!!!!!!!!!!!

  4. Anna

    Виталий, здравствуйте! Я впервые на вашем блоге. Искала именно вот этот материал. Всё записала, попробую установить. Пока спасибо не говорю.Но вот картинки у вас получились не яркие, а хотелось бы увидеть что-то очень привлекательное для глаза. Если возникнут вопросы, буду обращаться к вам за помощью. Не откажете? С уважением, Анна.

    1. Виталий Admin

      Добрый день! Да, конечно общайтесь

  5. Anna

    Виталий, скажите, а перед тем, как установить новый плагин, мне старый плагин деактивировать или как? У меня стоит плагин, который показывает список статей без картинок. Загляните ко мне на блог, может что-то подскажете. С уважением, Анна.

    1. Виталий Admin

      Да, перед активацией нового, старый лучше деактивировать.

Обсуждение закрыто.