
Любому блоггеру важно знать, что думают читатели о его творчестве. Быть в курсе, какие посты посетителям нравятся, что-бы «писать еще». Вовремя удалять или исправлять, неудачные посты. Особенно если у вас не лытдыбр, а тематический блог. Вот только комментируют далеко не все. У случайного посетителя, как правило, нет времени и желания, что-то придумывать и писать вменяемый отзыв. А на систему оценки «пять звездочек», вообще редко кто обращает внимание.
Задача: сделать заметные, интуитивно понятные кнопки голосования — за и против. При голосовании страница не должна перезагружаться. Посетитель не может голосовать несколько раз.
Что получилось — читайте дальше.
Сначала я нашел готовый плагин для 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 get_header (); ?>», добавьте код:< ?php VoteThumbUpInit(); ?>Ну а где-то между «<?php while (have_posts ()) : the_post (); ?>» и «<?php endwhile; ?>» добавьте строку:
< ?php VoteThumbUp(0); ?>
- Если вместо "0" поставить «1», то голосовалки будут отображаться только на странице поста.
- А если хотите немного подправить текст — редактируйте «votingfunctions.php» (в самом конце)
Должно работать. Будут вопросы — задавайте ;).
<?php
if ( $recentposts = $wpdb->get_results("SELECT ID, post_title FROM $wpdb->posts WHERE post_type = 'post' AND " . get_private_posts_cap_sql('post') . " AND post_date_gmt < '$today' ORDER BY post_date DESC LIMIT 5") ) :
?>
<div>
<h3><?php _e('Posts'); ?> <a href="edit.php" title="<?php _e('More posts...'); ?>">»</a></h3>
<ul>
Можете добавить строчку:
<?php VoteAdmin(); ?>






+3

Hidden due to low comment rating. Показать все что скрыто!
(Ответить)