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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Метки:

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

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

Комментарии (1)