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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Далее..

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Формат-расположение

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

Завершение настроек

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

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

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

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

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

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

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

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

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

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

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

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

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

Интересное на сегодня: видео о том, какое будет наше будущее, будущее блогов, интернета, и просто бытовой техники..

[youtube]i5AuzQXBsG4[/youtube]


Хостинг, которым я пользуюсь: Good-Host


Похожие статьи

  1. Олег пишет:

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

  2. Алла пишет:

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

  3. Елена пишет:

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

  4. Anna пишет:

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

  5. Anna пишет:

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

Оставить комментарий

Ваш email не будет опубликован. Обязательные поля отмечены *

*

code

Вы можете использовать это HTMLтеги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>