Простой рейтинг статей без нагрузки на сайт и без плагинов

Рейтинг должен быть почти в каждом сайте. Он повышает его отзывчивость, нравится гуглу и формирует более симпатичный сниппет (если повезет). Но мне не хотелось грузить лишним плагином свой сайт, там где можно обойтись простым кодом. Ниже привожу шаги по внедрению «звездочек» на страницы сайта.

Ест два простых способа добавить рейтинг:

  1. Добавить маленькую папку на ФТП сервер и пару строк кода (я предпочел этот способ);
  2. Вписать все кодом, добавив на ФТП только необходимое

В любом случае, нужно скачать архив для с необходимыми файлами:

Скачать архив

Первый способ: Подключитесь через FTP к файлам сайта. Добавьте папку ratings из архива в Вашу тему: /public_html/wp-content/themes/ваша тема/

После, по подключаем все по очереди:

  1. Зайдите в консоль: Внешний вид-Редактор, или при помощи того же FTP соединения. Откройте header.php и перед закрывающимся /head подключите Java — файл и файл стилей рейтинга:
    <script src="<?php bloginfo('stylesheet_directory'); ?>/ratings/rating.js"></script>
    <link rel="stylesheet" href="<?php bloginfo('stylesheet_directory'); ?>/ratings/rating.css">
  2. Откройте functions.php и в конце, перед ?> подключите php скрипт рейтинга.
    1
    require_once('ratings/rating.php');
  3. Откройте файл записи и в нужном месте single.php ( или content-single.php, как у меня), там — где будет рейтинг, добавляем  вызов функции:
    1
    <?php rating(); ?>

В редком случае, если у Вас нет подключения темой библиотеки jQuery то подключите ее, вставив строку выше тех, что из первого пункта.

P.S.: В папке ratings есть папка star2 с альтернативными звездами. По умолчанию, используются самые простые. Если хотите альтернативные, тогда скопируйте с заменой картинки из star2 в папку ratings. Также можно добавить свой вариант достаточно скачать понравившейся из гугл поиска по картинкам, или нарисовать.

Если все сделано правильно, то  результат Вы увидите после обновления странички (иногда еще нужно почистить кэш).

Второй способ: Похож на первый способ, только код из rating.php  копируем, кроме первой строки и вставляем в конце перед ?> в functions.php.

1.Код из rating.js перемещаем в корень темы и тогда его подключение в  header.php и перед закрывающимся /head  будет таким:

1
<script src="<?php bloginfo('stylesheet_directory'); ?>/rating.js"></script>

2. Изображения звезд перемещаем в папку — images вашей темы. Потом в нужном месте single.php ( или content-single.php, как у меня), там — где будет рейтинг, добавляем  вызов функции:

1
<?php rating(); ?>

и все.

  1. 5
  2. 4
  3. 3
  4. 2
  5. 1
(8 голосов, в среднем: 2.9 из 5)

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

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