Создание Сайтов и их настройка

DLE Похожие новости dle с картинкой и описанием.

Похожие новости dle с картинкой и описанием.

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

 Похожие новости dle с картинкой.

Модуль похожие новости dle

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

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

Модуль похожие новости dle.

Похожие новости dle  с картинкой

Но бывает, что такое отображение нас не устраивает, и нам необходимо вывести похожие новости с картинкой. Что делать в этом случае? Здесь все очень просто. Открываем файл templates/{THEME}/relatednews.tpl (данный файл имеет место быть, начиная с версии dle v9.4.) и меняем существующую строчку на:

Похожие новости с картинкой, если используется стандартный вывод картинок, с помощью {image-x}:

<li><a href="{link}"><img src="{image-1}" alt="{title}" />{title}</a></li><hr />

Похожие новости с картинкой, если используется вывод картинок, с помощью дополнительных полей [xfvalue_x]:

<li><a href="{link}"><img src="[xfvalue_x]" alt="{title}" />{title}</a></li><hr />

{link} — это ссылка на похожую новость.

{title} — это тайтл новости на которую будет вести ссылка.

{image-1} — url первой картинки в краткой новости.

[xfvalue_x] — дополнительное поле, которое содержит url к картинке. (важно: значение x, нужно заменить на свое).

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

Но если вам и этого мало, то можно еще добавить сюда описание нашей новости.

Похожие новости dle  с картинкой и описанием

Для добавления описания к нашей конструкции, достаточно добавить:

{text limit="150"}

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

<li><a href="{link}"><img src="{image-1}" alt="{title}" />{title}</a><br>{text limit="150"}</li><hr />

{text limit=»150″} — описание, берется с краткой новости, где 150 — это количество символов, которое будет выводиться.

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

Похожие новости dle с картинкой и описанием.

Довольно убого. Правда?

Но это легко исправляется редактированием стилей css. Например, используя стандартные классы в которых выводится блок с похожими новостями dle, можно сделать так:

/*---похожие новости---*/
hr{
 clear: both;
}
.related ul li img {
 width:150px;
 height:150px;
 float:left;
 margin: 0 10px 5px 0;
 list-style:none;
}

width:150px — ширина картинки в похожих новостях.

height:150px — высота картинки.

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

Похожие новости dle с картинкой и описанием.

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

Удачных экспериментов.

Расскажи друзьям:
Поделись ссылкой:
Комментарии

Нажимая на кнопку "Комментировать" Вы согласшаетесь с условиями политики конфиденциальности

Проверка комментариев включена. Прежде чем Ваши комментарии будут опубликованы пройдет какое-то время.

Навигация по статье