Мой основной проект: Боевые искусства в кинематографе! (fight-films.info)

Свеженькое
Реакция публики
Облако пометок
css Google html SEO WordPress Яндекс видео графический дизайн заработок индексация интернет ключевые слова контент партнерка поисковые системы посещаемость продвижение раскрутка реклама сайт статья хостинг

Лучшая капча для WordPress

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

Или девелоперам WordPress не страшен спам, или они решили предоставить возможность вкрутить свою капчу на сайт, но по умолчанию движок такой функции не имеет.

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

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

Кто ищет - тот всегда найдет!

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

А вот результаты деятельности плагина CheckBot я заметил еще когда тестировал "Maxsite CMS", там эта капча толи встроенная, толи в наборе плагинов идет. Короче, понравилась очень (как и сам движок, собственно). Три картинки, из которых необходимо выбрать одну, для добавления комментария. Просто и удобно.

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

Очень порадовало то, что ref (автор) добавил возможность самому выбрать место куда вставлять капчу, включив два метода подключения - автоматический и ручкой, в котором просто нужно вставить в нужное место код:

<?php if( function_exists(checkbot_show) ) { checkbot_show(); } ?>

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

Кастомизация плагина. Будь благословлен, ref!!!

По умолчанию, плагин выводит три картинки с человечками из которых необходимо выбрать одну (человечек с поднятой рукой), но если вы вдруг мизантроп и вам ненравятся люди, вы, во-первых, можете выбрать другой из представленных стилей, или же создать свой!

Для создания своего вида капчи нужно лишь скопировать одну из стандартных папок в директории плагина "images" и отредактировать ее как душе угодно. На данный момент, там две папки: "Default" (c человечками) и "Circles" (c кружочками). Копируем "Default" и называем, к примеру, "my", заменяем картинки на свои, редактируем css и выводимый текст , выбираем свой набор картинок в настройках плагина и вуаля - работает!

Единственное, я не совсем понимаю почему стандартный файл стилей (style.css) выглядит так:

#CheckBot {
    padding:0;
    margin:0;
}
#CheckBot #text {

}
#CheckBot #first {
    width:40px;
    height:40px;
}
#CheckBot #second {
    width:40px;
    height:40px;
}
#CheckBot #third {
    width:40px;
    height:40px;
}
#CheckBot .border_n {
    border:1px dashed #444;
}
#CheckBot .border_y {
    border:1px solid #444;
}
#CheckBot #copyright {
    font-size:11px;
    width:140px;
    padding:0;
    margin:0;
}

Я не нашел где и как подставляются id #first , #second и #third, к тому же, если у них одинаковые параметры, то можно их просто через запятую перечислить, ака:

#CheckBot #first, #CheckBot #second, #CheckBot #third {
    width:40px;
    height:40px;
}

Также, не помешало бы, если бы пользователь четко видел то, что он выделяет. Я как только подключил "CheckBot" , думал что он не работает, т.к. при наведении курсора на кнопки, он не менялся. Почему? Пусть люди видят что это кнопка:

#CheckBot .border_n {
    border:1px dashed #444;
    cursor:pointer;
}

А для пущей уверенности в том, что юзер заметит активность кнопок, можно добавить рамку к объекту, в состоянии hover:

#CheckBot .border_y, #CheckBot .border_n:hover {
    border:1px solid #444;
}

Вот так все будет выглядеть идеально. ;)

Почитать о плагине "CheckBot" можно на сайте автора, а скачать - отсюда. Спасибо!

комментариев 6
  1. mr.Spok:

    Далеко не самая надежная, умный бот с большой вероятностью угадает, но то что удобная — факт!
    ЗЫ: Прикольно ты у себя ее сделал.)

  2. Nibras:

    ЗЫ: Прикольно ты у себя ее сделал.)

    Мне тоже нравится, вот только выбранный вариант я бы сделал немного ярче, контур тусклый и сильно сливается с чёрным фоном.
    P.S: Уже пару раз приходилось перенабирать коммент :)

    • BarSug:

      Сделал ярче. А чтоб не перенабирать, на странице ошибки показывается специально для этого текст набранного комментария.

  3. я:

    хорош

  4. region-ask:

    Неплохая капча, в особенности порадовала возможность встраивания в любое место и простая настройка при помощи CSS.
    Однако человеков маловато, как сделать, чтобы их было штук пять?

  5. Antonio:

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