Любому блоггеру важно знать, что думают читатели о его творчестве. Быть в курсе, какие посты посетителям нравятся, что-бы "писать еще". Вовремя удалять или исправлять, неудачные посты. Особенно если у вас не лытдыбр, а тематический блог. Вот только комментируют далеко не все. У случайного посетителя, как правило, нет времени и желания, что-то придумывать и писать вменяемый отзыв. А на систему оценки "пять звездочек", вообще редко кто обращает внимание.
Задача: сделать заметные, интуитивно понятные кнопки голосования - за и против. При голосовании страница не должна перезагружаться. Посетитель не может голосовать несколько раз.
Что получилось - читайте дальше.
Сначала я нашел готовый плагин для Wordpress - Vote It Up. Он отвечал почти всем моим требованиям. Только вот кнопочки "за" и "против" были слишком мелкие. И вообще вид был слишком гиковский, как то сразу и не понятно, что это голосовалка:
Однако по заверениям разработчиков, плагин "totally customizeable" и я решил сделать на его базе что-то свое.Самыми очевидными символами я выбрал "кулак большим пальцем вверх" и "кулак большим пальцем вниз". Все таки, люди знают эти символы еще со времен гладиаторских поединков, тогда это значило помиловать/убить :) . Для усиления интуитивности, кнопки большие, и подкрашиваться в цвет жизни (зеленый) и крови (красный) :) . Что получилось, смотрите в любом посте моего блога, в действии это выглядит привлекательнее чем на скриншотах. Теперь читатель сразу поймет что к чему, и оценка поста у него займет меньше секунды. Проверено. На моем блоге, посетители стали голосовать чаще. Чего, собственно, я и добивался.
Хотите узнать что думают о вашем блоге? Качайте плагин. ;)
Установка.
Для начала установите plugin Vote It Up. Версии 1.0.3 на всякий случай. Его надо раззиповать в "wp-content/plugins/" , и (внимание!) переименовать папку "vote-it-up" в "voteitup", не то получите "Fatal Error at Install". Активировать в админке wordpress, зайти в опиции ("Options"->"Vote It Up"). "Allow guests to vote" и "Allow visitors to vote against posts" поставить на "Yes".
Теперь пора устанавливать мой мод. Скачайте его (кнопка где-то рядом :) ). Если фон вашего блога не белый, перекрасьте png'шки в любом графическом редакторе. Закачайте файлы: "vote1.png", "vote2.png", "vote3.png", "vote4.png", "votestyles.css", "votingfunctions.php" в папку "wp-content/plugins/voteitup/" (Заменяя существующие).
Зайдите в папку вашей текущей темы "wp-content/themes/название_темы". Измените файлы "single.php" ,"index.php", "page.php" (одиночный пост, главная, статичные страницы - не обязательно все присутствуют):
После строки "", добавьте код:
< ?php VoteThumbUpInit(); ?>
Ну а где-то между "" и "" добавьте строку:
< ?php VoteThumbUp(0); ?>
- Если вместо "0" поставить "1", то голосовалки будут отображаться только на странице поста.
- А если хотите немного подправить текст - редактируйте "votingfunctions.php" (в самом конце)
&amp;lt;?php if ( $recentposts = $wpdb-&amp;gt;get_results("SELECT ID, post_title FROM $wpdb-&amp;gt;posts WHERE post_type = 'post' AND " . get_private_posts_cap_sql('post') . " AND post_date_gmt &amp;lt; '$today' ORDER BY post_date DESC LIMIT 5") ) : ?&amp;gt; &amp;lt;div&amp;gt; &amp;lt;h3&amp;gt;&amp;lt;?php _e('Posts'); ?&amp;gt; &amp;lt;a href="edit.php" title="&amp;lt;?php _e('More posts...'); ?&amp;gt;"&amp;gt;»&amp;lt;/a&amp;gt;&amp;lt;/h3&amp;gt; &amp;lt;ul&amp;gt;
Можете добавить строчку:
&amp;lt;?php VoteAdmin(); ?&amp;gt;