Рейтинг 5 звезд на DLE

Рейтинг 5 звезд на DLE

От автора: приветствую вас, друзья. Из этой коротенькой статьи вы узнаете, как реализовать рейтинг 5 звезд на DLE, а также другие варианты оценки статей и новостей на вашем сайте. Приступим?

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

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

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

Как же в DLE добавить на ваш сайт рейтинг? Сделать это достаточно просто и при этом мы даже можем выбирать между вариантами рейтинга. DLE предлагает на выбор три варианта рейтинга из коробки:

рейтинг 5 звезд

рейтинг нравится

рейтинг нравится / не нравится

Выбор можно сделать в меню админки Настройка системы — Настройки вывода новостей.

Для того же, чтобы рейтинг отобразился в пользовательской части, нам потребуется внести некоторые изменения в шаблон краткой новости (shortstory.tpl) и шаблон полной новости (fullstory.tpl). Конечно же, эти правки нам нужно делать только в том случае, если ваша тема не поддерживает систему оценивания материалов.

Итак, для работы рейтинга используется несколько тегов шаблона. Ключевым тегом является тег {rating}, который и выводит рейтинг статьи. Описание всех тегов можно найти в документации, в разделе Шаблоны (Краткое содержание и Статья целиком).

После использования тега {rating}, DLE сгенерирует соответствующую разметку, согласно которой вам останется написать под нее стилевое оформление и добавить необходимые картинки выбранного варианта рейтинга. Вот, например, как выглядит разметка рейтинга 5 звезд:

Как видим, звездный рейтинг в DLE — это список, каждый элемент которого отвечает за свою звезду. А вот так выглядит картинка для звездного рейтинга:

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

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

Ну а я на этом с вами прощаюсь. Напоминаю, что если вы хотите научиться создавать сайты с нуля для DLE, тогда обратите внимание на наш курс Создание сайта на CMS DLE. Удачи!

Хотите научиться создавать сайты на CMS DLE?

Прямо сейчас посмотрите курс по созданию сайта на CMS DLE с нуля!

Смотреть курс

Метки:

Комментарии Вконтакте:

Комментарии Facebook:

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

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

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

Я не робот.

Spam Protection by WP-SpamFree