Как реализовать голосование в WordPress?

Как вы относитесь к голосованию?

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

Чтобы наглядно понимать, о чем будет идти речь в данной статье, я для примера приведу скриншот готового голосования, размещенного на моем сайте:

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

Начнем по порядку с реализации голосования на сайте.

Как сделать голосование в WordPress?

Для решения поставленной задачи мы будем использовать плагин под названием WP-Polls, который доступен для установки прямо из админки WordPress.

Находим его с помощью формы поиска и нажимаем Установить:

Активируем:

Теперь плагин готов к работе, в админке должен появиться дополнительный пункт под названием Polls с настройками плагина:

Пробежимся по содержимому данного пункта настроек:

• Manage Polls — окно управления существующими голосованиями;
• Add Poll — добавить новое голосование;
• Poll Options — окно настроек плагина;
• Poll Templates — окно редактирования шаблонов;
• Uninstall WP-Polls — полное удаление плагина.

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

Первым делом идем в админке в раздел Polls → Add Poll:

Здесь нужно заполнить следующие поля:

• Question — вопрос для голосования;
• Answer 1..Answer n — варианты ответа на вопрос голосования (необходимое количество);
• Allows Users To Select More Than One Answer? — выбираем, можно ли будет использовать для ответа несколько предложенных вариантов;
• Maximum Number Of Selected Answers Allowed? — если выбрана возможность использования нескольких вариантов ответа, то определяем их максимально допустимое количество;
• Start Date/Time — определяем дату начала голосования;
• End Date/Time — определяем дату окончания голосования (имеется возможность сделать голосование бессрочным).

Для примера я приведу скриншот данного окна с заполненной информацией для случая с голосованием, представленном на первом скриншоте статьи:

Когда все необходимые поля заполнены, нажимаем Add Poll.

Для того, чтобы созданное голосование появилось на страницах сайта, необходимо проделать одно из следующих действий:

• активировать специальный виджет под названием Polls, который становится доступен после установки плагина и выглядит следующим образом:
• добавить в соответствующий файл шаблона WordPress следующий код:

  1	<!--?php get_poll(n); ?-->

  <!--?php get_poll(n); ?-->

  где n — это идентификатор голосования, который можно узнать на вкладке Manage Polls пункта Polls в админке:

  

• добавить в соответствующую статью или на страницу в режиме текстового редактора следующий код:

  1	[poll id="n"]

  [poll id="n"]

  где n — это идентификатор голосования, см. выше.

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

Теперь подробнее рассмотрим настройки рассматриваемого в статье плагина.

Настройки плагина WP-Polls

Как я уже упоминал выше, настройки плагина доступны в разделе Poll Options пункта Polls админки WordPress. Рассмотрим его подробнее.

В исходном варианте окно настроек плагина выглядит следующим образом:

Рассмотрим наиболее важные пункты настроек:

Раздел Poll Bar Style — настройки стиля отображения индикатора (полосы) прогресса голосования:

• Poll Bar Style — выбор варианта внешнего вида полосы прогресса;
• Poll Bar Background — выбор цвета полосы;
• Poll Bar Border — выбор цвета границы (обводки) полосы;
• Poll Bar Height — выбор высоты полосы в пикселах;
• Your poll bar will look like this — предпросмотр полученной полосы прогресса.

Раздел Polls AJAX Style — настройки стилей и эффектов отображения голосования в части концепции AJAX:

• Show Loading Image With Text — при выборе варианта ответа и нажатии кнопки Голосовать (Vote) будет помимо значка, отображающего процесс загрузки, показываться также слово Загрузка (Loading);
• Show Fading In And Fading Out Of Poll — эффект плавного перехода от экрана с выбранным вариантом ответа к экрану с результатами голосования.

Раздел Sorting Of Poll Answers — сортировка ответов на вопрос:

• Sort Poll Answers By — по какому критерию сортировать варианты ответа (в исходном порядке, в алфавитном порядке, либо в случайном порядке);
• Sort Order Of Poll Results — по какому критерию сортировать результаты голосования (по возрастанию, по убыванию).

Раздел Allow To Vote — определение круга лиц, которым разрешено голосовать:

• Who Is Allowed To Vote? — кому разрешено голосовать (только гостям, только зарегистрированным пользователям, либо всем).

Раздел Logging Method — метод идентификации голосующих пользователей:

• Poll Logging Method — способ идентификации голосующих: без идентификации, по Cookie, по IP, по Cookie и IP, по имени пользователя;
• Expiry Time For Cookie And Log — если я верно понял, то это время (в секундах), по истечении которого при идентификации по Cookie возможно повторное голосование.

Раздел Poll Archive — архив голосований (опросов):

• Number Of Polls Per Page — количество голосований, отображаемое на одной странице в разделе Manage Polls пункта Polls;
• Type Of Polls To Display In Poll Archive — тип отображаемых голосований (опросов) в разделе Manage Polls пункта Polls: только закрытые опросы, только открытые опросы, либо все;
• Poll Archive URL — URL архива голосований;
• Display Poll Archive Link Below Poll? — показывать ли под опросом ссылку на архив опросов.

Раздел Current Active Poll — текущий активный опрос:

• Current Active Poll — текущий активный опрос: не отображать вообще, отображать случайный опрос, отображать последний опрос, либо отображать конкретный опрос;
• When Poll Is Closed — что отображать после закрытия опроса: результаты голосования, форму для голосования без возможности голосовать, либо не отображать вообще ничего.

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

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

Улучшаем отображение голосования

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

• окно до голосования:
  
• окно после голосования:
  

Этим сейчас и займемся.

Слово Polls в самом верху окна заменяется довольно просто в настройках виджета Polls в графе Title.

Идем далее, переходим в раздел Poll Templates пункта Polls админки WordPress, в котором интерес для нас представляют некоторые шаблоны, в частности:

• Voting Form Footer — заменяем исходный код на следующий:

  1

 

 

Посмотреть результаты

 

• Poll Archive Templates — заменяем исходный код на следующий:

   

 

 

• Архив голосований

 

 

• Result Body: Displayed When The User HAS NOT Voted — заменяем исходный код на следующий:

  1

 

 

• %POLL_ANSWER% (%POLL_ANSWER_PERCENTAGE%%, %POLL_ANSWER_VOTES% Проголосовавших)

 

 

• Result Body: Displayed When The User HAS Voted — заменяем исходный код на следующий:

  1

 

 

• %POLL_ANSWER% (%POLL_ANSWER_PERCENTAGE%%, %POLL_ANSWER_VOTES% Проголосовавших)

 

 

• Result Footer: Displayed When The User HAS Voted — заменяем исходный код на следующий:
   

  Всего голосов: %POLL_TOTALVOTERS%

   

• Result Footer: Displayed When The User HAS NOT Voted — заменяем исходный код на следующий:
   

  Всего голосов: %POLL_TOTALVOTERS%

   

  Vote

   

 

Другими словами мы нашли в данных шаблонах те фрагменты текста, которые необходимо было заменить, и произвели замену.

Теперь внешний вид окна голосования приобрел гораздо более приемлемый вид:

• окно до голосования:
  
• окно после голосования:
  

Таким образом, в данной статье мы подробно рассмотрели способ создания и настройки голосования (опроса) на страницах интернет-ресурса, реализованного на WordPress.