четверг, 6 апреля 2017 г.

Вирус на сайте. Касперский заблокировал мой сайт. Сайт попал в базу подозрительных веб-адресов Касперского.

Что делать если ваш сайт попал в базу вредоносных у Касперского?
Чистить, искать косяки или просто, переливать сайт и идти плакать в жилетку Касперского...

Если ваш сайт попал в базу подозрительных веб-адресов Антивируса Касперского, это означает, что сайт или сервер взломали и разместили на нем код (javascript/html), который детектируется Антивирусом Касперского как вредоносный. Процент ложных срабатываний у антивируса достаточно низкий, поэтому вероятность нахождения на сайте вредоносного кода или вируса высока.

Первое, что нужно сделать — это проверить собственный компьютер, с которого вы работали с сайтом по FTP, на вирусы и трояны коммерческим антивирусом (например, Dr. Web Cure It! или тем же "Касперским"). Даже если у вас постоянно включен антивирус и файрволл, все равно обязательно нужно сделать полную проверку компьютера. Желательно двумя разными коммерческими продуктами с обновляемой базой вирусов. После чего сменить пароли от всех FTP пользователей (а еще лучше отключить FTP и перейти на более безопасный SFTP протокол, который доступен, если хостинг поддерживает SSH).

Затем просканируйте сайт на вирусы и хакерские шеллы и удалите их. Поскольку в большинстве случаев именно через них внедряют вредоносный код и вирусы. Просканировать сайт можно с помощью бесплатного скрипта «AI-BOLIT».

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

После того как вредоносный код удален с сайта, нужно направить заявку в вирусную лабораторию Касперского , чтобы сайт перепроверили и удалили из базы вредоносных. Для этого есть три варианта:
Напишите запрос в вирусную лабораторию Касперского через форму: http://support.kaspersky.ru/virlab/helpdesk.html (вам присвоят номер заявки) Быстрее обрабатываются заявки, поданные из личного кабинета, поэтому рекомендую зарегистрироваться на сайте.
Напишите по email: newvirus@kaspersky.com с пометкой «Ложное срабатывание» просьбу удалить сайты из базы подозрительных
Если в течение недели сайт не будет удален из базы подозрительных Антивируса, нужно позвонить и сослаться на номер тикета, который выдается при отправке запроса (в первом пункте) по контактам на странице http://support.kaspersky.ru/contact

До тех пор, пока заявка не будет обработана сотрудниками вирусной лаборатории, Антивирус будет «ругаться» на страницы зараженного сайта. После удаления сайта из вирусных баз и обновления вирусных баз на вашем компьютере предупреждение исчезнет.

Помните, что вредоносный код или вирусы на сайте — это следствие того, что в скриптах сайта или настройках сервера существует уязвимость. Если это случилось один раз, то скорее всего повторится. Поэтому необходимо не просто удалить вирус, но и закрыть уязвимости, установив защиту.

Если вы самостоятельно затрудняетесь удалить вирус с сайта или защитить сайт от взлома, обратитесь к специалистам.

КАК ПРОВЕРИТЬ САЙТ НА ВИРУСЫ ОНЛАЙН


Среди антивирусных онлайн-сканеров существует немало удобных в использовании, производительных и действительно надёжных:

1) Dr.Web (vms.drweb.com/online/)

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

2) Antivirus Alarm (antivirus-alarm.ru/proverka/)

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

3) VirusTotal (www.virustotal.com)

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

4) 2ip.ru (2ip.ru/site-virus-scaner/)

Если вредоносный код не будет обнаружен, сервис предоставит отчёт по пунктам относительно наличия/ отсутствия вирусов и того, как сайт позиционируется поисковыми системами Google и Яндекс (потенциально опасный/безопасный).

5) Sucuri (sucuri.net)

Бесплатный сервис для онлайн проверки на наличие/отсутствие вирусов и прочих вредоносных элементов. Расширенная и подробная проверка доступна только в платной версии, к сожалению.

6) Comodo Web Inspector (app.webinspector.com)

Бесплатный сканер, производящий полную проверку на наличие вредоносных элементов. Выявляет также спам-ссылки и позволяет отследить подозрительную активность, исходящую со страниц сайта. Отчёт о работе не слишком подробный, но вполне внятный.

7) Яндекс.Вебмастер и Google Webmaster Tools

Эти сервисы помимо прочего также позволяют сканировать сайты на наличие потенциально опасного или вредоносного контента/элементов структуры.
Проверить на вирусы можно любой сайт, сам процесс проверки занимает не слишком много времени (длительность зависит от выбранного сервиса), а эффективность онлайн-сканеров чаще всего не уступает классическим инструментам проверки. Какому именно сервису можно доверить безопасность собственного блога - каждый вебмастер решает сам. Но в любом случае необходимость регулярных проверок сайта на вирусы с помощью антивирусных сканеров — неотъемлемая часть работы веб-специалиста, заботящегося о безопасности и работоспособности создаваемых им проектов. И пренебрегать ей не стоит, хотя бы для того, чтобы в последствии не сталкиваться с гораздо более глобальными по масштабу проблемами в работе сайтов.

У меня на сайте стоит Wordfence Security.  После этого он отразится слева в вашей панели администратора. Жмете «Scan».

А если после проверки появляются вот такие вот вообщения 
Как правило, это намек на зараженные ссылки, которые комментаторы оставляют в форме для ввода адреса сайта, либо в самом комментарии. Если такое обнаружено, то смело удаляйте эти ссылки.

Сборная солянка из сайтов в Итернете. Всем спасибо! 

четверг, 30 марта 2017 г.

14. Социальные кнопки

В поиске истины, нашла срипт от яндекс, чему очень рада. Потосу что все плагины не удовлетворяли моим желаниям, хотелось делиться и в Viber и в Телеграмме.

Все очень просто.


Кнопки социальных сетей от Яндекса 


Самый простой и самый правильный выбор - это воспользоваться сервисом Яндекса.

Переходим вот по этой ссылочке http://api.yandex.ru/share/ и попадаем на такую страницу (картинка кликабельна, по щелчку увеличивается):
Выбор тут огромен, представлены почти все , для меня только одно НО! Нет инстаграма, но это проблема самих разработчиков соц. сети....
Выбираем галочками нужные нам сети, копируем скрипт и вставляем его в нужный раздел вашего сайта. Чуть выше будет показано, как он будет выглядеть...

Куда вставлять код зависит социальных сетей

Если вы как и я работаете на WP, то есть несколько путей реения данной задачи.

Выводить социальные кнопки на всех страницах сайта

Чтобы соц. сети выводились на всех страницах блога, вставляйте этот скрипт в файл  single.php в любое место, где хотите увидеть соц. кнопочки. 
Если же вы вобрали вертикальную установку, то лучше установить кнопки в footer  перед закрывающимся тегом </body>


И если у меня получится, то ты увидите и на этом блоге данные кнопки ! 


Скриншот полной стрницы без плагина

Самый простой способ - это нажать на клавиатуре кнопку PrintScreen 

Выбрать редактор Paint 
И нажать кнопку Enter

Но у вас появится только та часть, которая видна ....УВЫ.....
Но нам нужно сделать скрин полной страницы.

Открою секрет, многие приложения , которыми якобы можно сделать скрин полной страниы могут только зацепить 5-6 прокруток. Но бывает, что сайт длинный и нужен полный скрин, вот и приходится юзерам ( таким как я) искать нформацию в Интернете.

Как оказалось и такое возможно, но только в браузере Firefox.
Сколько не искала информации по другим браузерам, но такого не нашла. Думаю, что данная информация будет полезна не только моим читателям, но и просто всем кто пользуется интернетом через ноутбук или стационарный компьютер.
Итак, приступим:
Открываем браузер  Firefox. Еслиу  вас его нет есть официальная страница. Браузер немного глючный ( по моим ощущениям) но для скрников лучше не придумать.
https://firefox.com


Нажимаем сочитание кнопок SHIFT+F2
А дальше, все проще-простого:

Внизу экрана появляется строка для ввода  (4)  и в нее мы просто вставляем ВОТ ЭТОТ КОД: 


screenshot file.png --fullpage 

    

Или по простому, в этом же браузере Инструменты>Разработка>Панель разработки (1) > Настройка инструментов>Доступные кнопки инструментов  (3) >Отмечаем "Сделать скриншот всей страницы"", появляется иконка фотоаппарата (2), открываем нужную страницу, нажимаем фотоаппаратик и вуа-ля ! Ваш сриншот готов!


Конечно, может быть вы найдете еще несколько вариантов , но мне этот больше  по-душе! 

Если смогла помочь - я очень рада! 

С Вами, Вероника Усенко. 

суббота, 25 марта 2017 г.

14. Разделить Footer на части

Как это не странно, но я потратила пол дня по такому запросу: разделить футер на сайт - бары, как поделить футер, изменить количество столбцов в футере, wp footer разделить на колонки  и т.д.
И по моему запросу выходили или просто статьи на тему: изменить ссылки , убрать кодировки или самописный шаблон wp.
Оказалась фишка в том. что нужно было искать ВИДЖЕТЫ, ( кто бы знал)....
А запрос поисковой машине давать не по поиску колонок  в футере , а по добавлению в футер виджетов...

Для примера, у меня в шаблоне только один сайт БАР... Но мне нужно чтоб было 3, как минимум ...
Напомню, что я чайник в CSS и PHP, поэтому все делаю методом проб и ошибок. И этот способ установки дополнительных сайтбаров у меня сработал.

Нашла вот такой бесплатный конструктор для форм CSS. На нем можно сразу проверть как работает код.
https://www.w3schools.com/css/tryit.asp?filename=trycss_link_advanced 

Итак самое первое правило:
ДЕЛАЕМ РЕЗЕРНУЮ КОПИЮ ВСЕЙ ТЕМЫ! 
ИЛИ ТЕХ ФАЙЛОВ, в которые вы вносите изменения. 
Вам потребуется доступ к админке через FTP  и конечно же ваш сайт WP.
Помните, пока вы не дойдете до последнего шага - ваш сайт может быть в полной "отключке". Я эксперементирую или ночью или на локалке, если есть возможность.

Идем в админку FTP и в файле functions.php регистрируем именно то количество сайдбаров, которое вам нужно. На многих шаблонах регистрация идет через  функцию functions. 
Он лежит в папке: www/wp-content/thems/ВАША ТЕМА/functions.php 

1. Находим строчки соотвествующие сайтбару или подключения к Footer и добавляем сайтбары


У меня  в шаблоне было так: 

//подключаем виджеты
 function gpress_widgets_init() {
  if ( function_exists('register_sidebar') )
        register_sidebar(array(
     'name' =>  __( 'Сайдбар', 'gpprime' ),
     'id' => 'sidebar-1',
  'before_title' => ' <span class="side-title">',
        'after_title' => '</span> ',
'before_widget' => '<div class="side-blok"> ',
        'after_widget' => '</div> ',
    ));
 }
add_action( 'widgets_init', 'gpress_widgets_init' );


Чтобы все было по-теме добавляем внизу этого кода строку:


if (function_exists('register_sidebars')) register_sidebars(4);
Помните, что — register_sidebars(4) — значит, что это количество зарегистрирванных сайт-баров новых у меня будет 3

2.  Создаем нужное нам количество сайтбаров с помощью Notepad++ или простого тестового редактора три файла PHP (соотвествующих вашим новым сайтбарам):


1) sidebar_a.php,     2)  sidebar_c.php,   3)    sidebar_r.php 


Итак, 
Начинка для каждого: 
1. sidebar_a.php

<div class="sidebar1">

<?php if ( function_exists('dynamic_sidebar') && dynamic_sidebar(2) ) : else : ?>

<?php endif; ?>

</div>

+++++++++++++++++++++++++++++++++++++++++++++++++
2. sidebar_c.php

<div class="sidebar2">

<?php if ( function_exists('dynamic_sidebar') && dynamic_sidebar(3) ) : else : ?>

<?php endif; ?>

</div>
+++++++++++++++++++++++++++++++++++++++++++++++++
3. sidebar_r.php



<div class="sidebar3">

<?php if ( function_exists('dynamic_sidebar') && dynamic_sidebar(4) ) : else : ?>

<?php endif; ?>

</div>
++++++++++++++++++++++++++++++++++++++++++++++++++++++
И закидываем их в папку основной темы:
www/wp-content/thems/ВАША ТЕМА/СЮДА 

3. Меняем основной сайтбар 

Находим sidebar.php
Он как правило у вас уже есть. www/wp-content/thems/ВАША ТЕМА/sidebar.php

И прописываем туда наши сайтбары

<?php include (TEMPLATEPATH . "/sidebar_a.php"); ?>
<?php include (TEMPLATEPATH . "/sidebar_c.php"); ?>
<?php include (TEMPLATEPATH . "/sidebar_r.php"); ?>

В итоге, у меня получилось вот так - 
ПОЛНЫЙ ВИД ОСНОВНОГО САЙТБАРА:

<div class="sidebar">
<?php if ( function_exists('dynamic_sidebar') && dynamic_sidebar(1) ) : else : ?>
<?php include (TEMPLATEPATH . "/sidebar_a.php"); ?>
<?php include (TEMPLATEPATH . "/sidebar_c.php"); ?>
<?php include (TEMPLATEPATH . "/sidebar_r.php"); ?>
<?php endif; ?></div>
<?php if ( is_active_sidebar( 'sidebar-1' ) ) : ?>

</div><!-- end sidebar -->
Получилось, что внутри одного сайтбара лежит сразу три. 

4.  Выводим наши сайтбары в Футере 

Для этого находим футер (подвал)  нашего сайта по адресу:  www/wp-content/thems/ВАША ТЕМА/footer.php
И прописываем туда наши сайтбары:

<?php include (TEMPLATEPATH . "/sidebar_a.php"); ?>
<?php include (TEMPLATEPATH . "/sidebar_c.php"); ?>
<?php include (TEMPLATEPATH . "/sidebar_r.php"); ?>

Мой выглядит сейчас так -
ПОЛНЫЙ ВИД ОСНОВНОГО FOOTER:

<div class="sidebar">
<?php if ( function_exists('dynamic_sidebar') && dynamic_sidebar(1) ) : else : ?>
<?php include (TEMPLATEPATH . "/sidebar_a.php"); ?>
<?php include (TEMPLATEPATH . "/sidebar_c.php"); ?>
<?php include (TEMPLATEPATH . "/sidebar_r.php"); ?>
<?php endif; ?></div>
<?php if ( is_active_sidebar( 'sidebar-1' ) ) : ?>

</div><!-- end sidebar -->


5. Прописываем каждому сайтбару классы в CSS

.sidebar1 {float:left; width: 33%; margin-left:5px;
margin-right:5px; }
.sidebar2 {float:left; width: 33%; margin-right:5px;}
.sidebar3 {float:left; width: 33% }


 Если нужно дописывайте необходимые функции.
В итоге у вас должно появиться три сайт бара.  И один основной ( Я его оставила пустым), а вот 2,3,4 - у меня работают как часы.


Надеюсь, что у вас все получится. 


вторник, 31 января 2017 г.

Невозможно попасть в админку WP

Скажу сразу, что до этого я бы сама не дошла никогда.
А все потому, что нужно было изучать хотябы основы програмирования и PHP.
Но как всегда могучий Интернет дал свои плоды и вот уже готовые ответы на все вопросы у вас под рукой. При создании сайта зеркалки не смогла попасть в админпанель сайта. 

Начну, с того что все это взято с одного сайта, за что АДМИНУ огромное спасибо!!! 
Итак...

ПЯТЬ СПОСОБОВ ВЕРНУТЬ АДМИНКУ В СВОИ РУКИ 

1.Первый способ — добавить строку: @define(‘ADMIN_COOKIE_PATH’, ‘/’); в ваш wp-config.php

2. Второй способ — скачать последний wordpress и перезаписать все файлы.

3. Третий способ — Проверьте ваш wp-config.php на наличие bom символов, вида: ^M

4. Четвёртый способ — Удалите ваш файл .htaccess из корневой директории сайта или переписать с чистого листа новый 
5. В базе данных, в таблице wp_options изменить  параметр siteurl. Исправить его нужно с вида http://http://mysite.рф  на нормальный http://mysite.рф и все должно заработать.

Также могу еще посоветовать, проверить в вашем wp-config.php все ли адреса и домены корректные и нету ли посторонних символов или незакрытых тегов.

Надеюсь, кому-то помогу!
Удачи юзверы!

среда, 18 января 2017 г.

Урок №14. Галереи изображений.

Конечно, зачем нагромождать сайт плагинами и всякими JS?
Если вы хорошо разбираетесь в CSS то в принципе это для вас не проблема.
Но! Если вы такой же пользователь как  я..... то нам с вами по-пути!
Я потратила около недели, чтобы понять что я хочу получить и что мне для этого надо сделать.
Итак: 
Для начала разберемся что нам нужно знать о картинках:

1. Положение картинки:

align="ПАРАМЕТР"- определяет выравнивание рисунка по левому краю. Это значение так же влияет на то, как текст будет обтекать рисунок. 
ПАРАМЕТР:

  • left - выравнивание по левому краю
  • middle - выравнивание середины изображения по базовой линии текущей строки
  • bottom - выравнивание нижней границы изображения по окружающему тексту
  • top - верхняя граница изображения выравнивается по самому высокому элементу текущей строки
  • right - выравнивание по правому краю

ПРИМЕР: выравнивание изображения по левому краю
<img align="left" src="http://img.jpg"> 

2.Описание картинки:

 alt="Описание картинки" - подсказка или просто название картинки. 

Этот атрибут выполняет сразу две важные функции:

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

title="Описание картинки" - назначение его такое же, как и атрибут alt, но с той разницей, что данное описание будет показываться пользователю сайта при наведении на картинку курсором. Он не участвует в продвижении сайта, но он позволяет увеличивать поведенческий фактор, который также влияет на позицию сайта в поисковой системе. Поэтому оптимизация изображений играет тоже большую роль при продвижении сайта в поисковых системах.
ПРИМЕР:
1.  <img src="http://img.jpg width="300" height="200" alt="ОПИСАНИЕ КАРТИНКИ">
2.<img src="http://img.jpg" width="300" height="200" title="ТАК ЖЕ ОПИСАНИЕ КАРТИНКИ">



3. Рамка вокруг изображения.
border="ЧИСЛО" - создает рамку и определяет ее толщину. Измеряется в пикселях.

ПРИМЕР: 
<img border="5" src="img.jpg"> 

4. Цвет рамки изображения.
bordercolor="цвет" - задает цвет рамки, которая обтекает изображение. Имеет смысл, только если атрибут border > 0 ( r к примеру: border="10").

ПРИМЕР:
<img border="5" bordercolor="#CCC" src="http://img.jpg">


Ну и конечно, CSS

border: 2px solid #55c5e9; /* Рамка и ее цвет */ padding: 15px; /* Расстояние от картинки до рамки */ background: #FFF; /* Цвет фона */ margin-right: 10px; /* Отступ справа */ margin-bottom: 10px; /* Отступ снизу */
vertical-align: middle; /* разместить изображение по-середине строки */
    margin-bottom: 10px; /* Отступ снизу */
border-collapse: collapse; / *убираем пустые промежутки между ячейками */
line-height: normal; font-size: 0;
 margin-bottom: 10px; /* Отступ снизу */




У меня вот что получилось, когда применила для трех картинок без пробелов:

border: 0px solid #fff;/* Рамка вокруг фотографии белая и ее нет */
border-collapse: collapse;
line-height: normal; font-size: 0;
Естественно это нужно прописывать в стилях.


ГАЛЕРЕЯ И КАРТИНКИ

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


№1. Самый простой способ увеличения картинки.

Стандартное решение всплывающего окна при наведении на картинку выглядит так:


<a rel="nofollow" target="_blank" href="адрес-изображения-1"> <img width="ширина" height="высота" src="адрес-изображения-2"/></a>

Где
  • rel="nofollow" - добавляется для того, чтобы ссылка не передавала вес изображению;
  • target="_blank" - для того чтобы изображение открывалось в новой вкладке.
ПЛЮСЫ:


  1. Не нужно копаться в настройках,
  2.  Не надо писать Классы и CSS, 
  3. Подходит для больших изображений
  4. Открывает новое окно с иходным размером
МИНУСЫ:
  1. У человека открывается новая вкладка - это не всегда удобно.

№2. Смена картинки при наведении курсора мышки html


Для этого нам потребуется 2 рисунка или кнопки в данным примере у меня будет две кнопки: 


<img src="http://img.jpg-1" width="100" height="100" onmouseover="this.src='http://img.jpg-1'; this.width=100;this.height=100;" onmouseout="this.src='http://img.jpg-2'; this.width=100;this.height=100;" />



№3. Смена картинки CSS

Для этого нам потребуется 2 рисунка или кнопки.

1.Стандартное решение всплывающего окна при наведении на картинку выглядит так:
<style type="text/css"> 
.izo { background: url(http://изо1.jpg) no-repeat 50% 50%; display: block; width: 400px; height: 400px; 
.izo:hover { background: url(http://изо2.jpg) no-repeat 50% 50%;
}
 </style>

 <a href="#" class="izo"></a>




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

пятница, 21 октября 2016 г.

Урок №13. Настраиваем обратный звонок

Итак, по-порядку. Нам потребуется:

1). Плагин https://wordpress.org/plugins/contact-form-7/
2) Доступ к FTP
3) Скрипт JS jquery.maskedinput.min.js
4) Терпение и от 20 до 60 минут свободного времени.

Поехали:
1. Для начала качаем архив jquery.maskedinput.min.js и вставляем его в блог. Для этого входим в админку и проходм по адресу : 
Корневая папка>САЙТ.ru>wp-includes>js
Сюда и помещаем наш файл, не забываем распаковать, а архивный оригинал удалить. Сохраняем изменения.
2. Переходим в админ панель сайта (можно в WP) и в редакторе внешнего вида находим funktions.php:

Спускаемся вниз и вставляем два кода:
1.
1add_action('wp_enqueue_scripts''wpmidia_enqueue_masked_input');
2function wpmidia_enqueue_masked_input(){
  3wp_enqueue_script('masked-input', get_template_directory_uri().'/js/jquery.maskedinput.min.js'array('jquery'));
4}

2. Вторая часть активирует срипт

1add_action('wp_footer''wpmidia_activate_masked_input');
2function wpmidia_activate_masked_input(){
3?>
4<script type="text/javascript">
5jquery( function($){
6$(".data").mask("99/99/9999");
7$(".tel").mask("+7(999)99-999-99");
8$(".cpf").mask("999.999.999-99");
9$(".cnpj").mask("99.999.999/9999-99");
10});
11</script>
12<?php
13}

После этого сохраняем файл.

Идем дальше.

1. Переходим в плагин контактной формы (1);
2.Создаем новую форму (2);
3. Прописываем название, заголовок (3);
4. Вставляем текст (4). Можно добавить <p>, <br> (желаельно). 
Ваше имя (обязательно)
    [text* your-name] 
 Ваш номер телефона (обязательно)
[text* tel class:tel placeholder "+7 (___) ___-__-__"]
 Поставьте галочку или ответьте на вопрос*:
[recaptcha]
 Нажмите на кнопку:
[submit "Отправить"]
5. Копируем код вывода формы (5).И вставляем в нужное нам место.

Если это Footer, то код вставки нужно видоизмень 
с:
[contact-form-7 id="43" title="Контактная форма 1"]
на:
<?php echo do_shortcode('[соntact-form-7 id="43" title="Контактная форма 1"]');?>


И конечно, не все можно сделать при помощи простых скриптов и CSS, особенно начинающим блогерам. Поэтому нужны дополнительные плагины:
  • Contact Form 7 reCAPTCHA Extension - плагин добавляет в Contact Form 7 каптчу
  • Easy Modal  - плагин помогает создать всплывающие окна 
  • Contact Form 7 Select Box Editor Button - плагин добавляет выпадающее меню с возможностью выбирать адресата
  • Contact Form DB - плагин записывает отправленные контактные формы в базу данных сайта, ведет статистик
  • Easy UTM tracking with contact form 7 -плагин для UTM меток в Contact Form 7
  • Contact Form 7 Integrations - плагин интегрирует контактные формы сайта с сторонними сервисами, например Google Docs
  • Contact Form 7 Dynamic Text Extension - специфический плагин, добавляющий новый тип поля — динамичное содержание (есть скрытое и открытое поле)
  • Contact Form 7 Tiny MCE - плагин добавляет визуальный редактор в контактную форму
  • Contact Form 7 Skins - плагин для оформления внешнего вида контактных форм CF7...