Рейтинг 5 звезд на DLE
29 Мая 2022г. в 04:33Начнем с вопроса, который возможно вы себе задаете: — А нужен ли вообще рейтинг материалов на сайте? На самом деле это отнюдь не обязательный компонент и ваш сайт может вполне обойтись без него. Однако, согласитесь, каждый из нас хочет добавить на свой сайт какую-то изюминку, сделать его более современным и удобным для посетителей.
Рейтинг — это как раз одна из тех самых современных штук, которые часто можно увидеть на новостных сайтах и блогах. И это не удивительно, ведь предоставляя пользователю возможность оценить статью или комментарий, мы делаем наш сайт чуть более юзабельным, многим посетителям нравится оценивать работу.
Кроме этого, система оценки статей может иметь и другую практическую пользу. Основываясь на оценках читателей, вы можете определить, материалы какой тематики больше нравятся пользователям и, соответственно, больше внимания уделять этому направлению.
Как же в DLE добавить на ваш сайт рейтинг? Сделать это достаточно просто и при этом мы даже можем выбирать между вариантами рейтинга. DLE предлагает на выбор три варианта рейтинга из коробки:
Бесплатный курс «Создание тем на WordPress. Быстрый старт»
рейтинг 5 звезд
рейтинг нравится
рейтинг нравится / не нравится
Выбор можно сделать в меню админки Настройка системы — Настройки вывода новостей.
Для того же, чтобы рейтинг отобразился в пользовательской части, нам потребуется внести некоторые изменения в шаблон краткой новости (shortstory.tpl) и шаблон полной новости (fullstory.tpl). Конечно же, эти правки нам нужно делать только в том случае, если ваша тема не поддерживает систему оценивания материалов.
Итак, для работы рейтинга используется несколько тегов шаблона. Ключевым тегом является тег {rating}, который и выводит рейтинг статьи. Описание всех тегов можно найти в документации, в разделе Шаблоны (Краткое содержание и Статья целиком).
После использования тега {rating}, DLE сгенерирует соответствующую разметку, согласно которой вам останется написать под нее стилевое оформление и добавить необходимые картинки выбранного варианта рейтинга. Вот, например, как выглядит разметка рейтинга 5 звезд:
Как видим, звездный рейтинг в DLE — это список, каждый элемент которого отвечает за свою звезду. А вот так выглядит картинка для звездного рейтинга:
Как видим, это спрайт, каждая из частей которого отвечает за то или иное состояние звезды (обычное, при наведении и при выводе оценки). В стилях, соответственно, картинка абсолютно позиционируется, чтобы рейтинг заработал.
В общем, ничего особо сложного нет, но, если у вас возникли какие-либо проблемы с реализацией рейтинга, тогда вы можете воспользоваться подсказкой, заглянув в любую тему DLE, которая идет по умолчанию после установки движка.
Ну а я на этом с вами прощаюсь. Напоминаю, что если вы хотите научиться создавать сайты с нуля для DLE, тогда обратите внимание на наш курс Создание сайта на CMS DLE. Удачи!