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

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

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

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

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

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

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

Хотите быстро научиться создавать сайты и блоги на WordPress с уникальным дизайном?

Получите самую полную в Рунете бесплатную систему обучения создания сайтов на WordPress

Узнать подробнее

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

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

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

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

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

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

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

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

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

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

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

Хотите быстро научиться создавать сайты и блоги на WordPress с уникальным дизайном?

Получите самую полную в Рунете бесплатную систему обучения создания сайтов на WordPress

Узнать подробнее
Самые свежие новости IT и веб-разработки на нашем Telegram-канале

Хотите научиться создавать сайты на 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