Приветствую, друзья, на блоге для начинающих вебмастеров. Встречал в сети интернет много хаков для 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 — это количество символов, которое будет выводиться.
После всех этих действий похожие новости на сайте станут выглядеть примерно так:
Довольно убого. Правда?
Но это легко исправляется редактированием стилей 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 с картинками и описание, что должно повлиять на поведенческие факторы и теперь осуществляется внутренняя перелинковка сайта, что тоже должно быть у каждого проекта.
Удачных экспериментов.