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

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

Или девелоперам 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» можно на сайте автора, а скачать — отсюда. Спасибо!