Как создать сайт рейтинга картинок по типу «Нравится/Не нравится» на WordPress

Каждый, кто видел фильм «Социальная сеть» о Марке Цукерберге и Facebook, помнит концепцию сайта рейтинга изображений «Нравится/Не нравится». Такие скрипты позволяют устроить на вашем сайте конкурсы по популярности. В этой статье мы покажем вам как создать сайт рейтинга картинок по типу «Нравится/Не нравится» на WordPress

hot-or-not[1]

Первое, что нужно сделать, это установить и активировать плагин Hot or Not. После активации плагин добавить две новые меню в сайдбар административной панели WordPress. Первое меню — Competitors (пользовательский тип записи).

Переходим в Competitors » Add New, чтобы добавить нового соперника. Добавление страницы нового соперника выглядит ровно также как обычно. Для загрузки изображения соперника нужно кликнуть на Add Media и подгрузить картинку.

Справа на скриншоте вы увидите пользовательскую панельку для Groups (Групп). Группы здесь как рубрики. Вы можете запускать соревнования между соперниками внутри группы. Также можно создать множество групп, а соперник может принадлежать одновременно нескольким из них.

add-competitor[1]

Добавьте несколько соперников, загрузив изображения. Можно добавить много картинок для одного соперника, написать текст под ней, также как-то назвать соперника. Все это отобразится во время соревнования самым приятным образом.

Убедитесь, что вы добавили несколько соперников в одну группу. Давайте устроим между ними соревнования. Для создания нового соревнования создайте новую запись или страницу в WordPress. Вы заметите значок в виде молнии на панели кнопок в режиме редактирования. Кликаем на нее для того, чтобы открыть генератор шорткодов. Настройте шорткод для соревнования и кликните на Insert Shortcode.

hotnotshortcode-generator[1]

Опубликуйте страницу или запись и перейдите на сайт для того, чтобы убедиться, что соревнование «Нравится/Не нравится» запущено.

Настройка

У плагина в наличии несколько простых настроек. Переходим в Hot or Not » Settings для того, чтобы кастомизировать под себя. На этой странице вы можете задать максимальный размер изображения для соревнующихся соперников, позволить читателям делиться соревнованием на Facebook и указать сообщение для пользователя, которое он увидит после того, как проголосует и перед загрузкой следующего. Кликаем на Update All Settings для сохранения настроек.

hotornot-settings[1]

Вы даже можете выбрать, отображать ли эти слова «Нравится/Не нравится» (Hot and Not), или какие-то другие. Переходим в Hot or Not » Customize для изменения этих настроек. Для кастомизации цветовой схемы и визуального оформления соревнований необходимо перейти в Hot or Not » Styling. Выберите цвета для текста и самой голосовалки.

styling-hotornot[1]

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

Надеемся, что вам понравилась наша статья о том, создать сайт рейтинга картинок по типу «Нравится/Не нравится» на WordPress. Поставите себе плагин на сайт? Пишите в комментариях.

VN:F [1.9.22_1171]
Rating: 4.5/5 (4 votes cast)

Об авторе ADv

Занимаюсь разработкой сайтов и магазинов на WordPress. Оказываю платные помощь и консультации. Skype: advokat_b
Scroll To Top