Статьи

Как настроить форму комментариев WordPress? (Все разделы)

Веб-сайт WordPress состоит из трех основных разделов: сообщений, страниц и комментариев. По умолчанию каждый раздел имеет самую простую форму.

Хотя в WordPress вы можете настроить каждый файл в своей теме и изменить структуру.

Форма комментариев под каждым сообщением имеет особое значение. Но сначала этот раздел должен быть интересен читателям и пользователям. К сожалению, темы по умолчанию не нравятся пользователям WordPress.

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

В этой статье мы обсудим, как настроить форму комментариев WordPress, изменив коды в вашей теме. Кроме того, мы вводим плагины, чтобы сделать этот раздел более привлекательным.

Используя классы CSS, вы можете изменить способ отображения текста внутри полей ввода. Например, в приведенном ниже коде мы меняем шрифт автора, адреса электронной почты и URL. Просто добавьте код в свой файл style.css:

Как настроить форму комментариев WordPress? (Все разделы)

#author, #email { 
font-family: "Open Sans", "Droid Sans", Arial;
font-style:italic;
color:#1d1d1d; 
letter-spacing:.1em;
} 
#url  { 
color: #1d1d1d;
font-family: "Luicida Console", "Courier New", "Courier", monospace; 
}

Как настроить форму комментариев WordPress? (Все разделы)

Как настроить форму комментариев WordPress? (Все разделы)

Чтобы изменить внешний вид кнопки отправки комментария в WordPress, используйте приведенный ниже код в файле style.css:

#submit {
background:-moz-linear-gradient(top, #44c767 5%, #5cbf2a 100%);
background:-webkit-linear-gradient(top, #44c767 5%, #5cbf2a 100%);
background:-o-linear-gradient(top, #44c767 5%, #5cbf2a 100%);
background:-ms-linear-gradient(top, #44c767 5%, #5cbf2a 100%);
background:linear-gradient(to bottom, #44c767 5%, #5cbf2a 100%);
background-color:#44c767;
-moz-border-radius:28px;
-webkit-border-radius:28px;
border-radius:28px;
border:1px solid #18ab29;
display:inline-block;
cursor:pointer;
color:#ffffff;
font-family:Arial;
font-size:17px;
padding:16px 31px;
text-decoration:none;
text-shadow:0px 1px 0px #2f6627;
} 
#submit:hover {
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #5cbf2a), color-stop(1, #44c767));
background:-moz-linear-gradient(top, #5cbf2a 5%, #44c767 100%);
background:-webkit-linear-gradient(top, #5cbf2a 5%, #44c767 100%);
background:-o-linear-gradient(top, #5cbf2a 5%, #44c767 100%);
background:-ms-linear-gradient(top, #5cbf2a 5%, #44c767 100%);
background:linear-gradient(to bottom, #5cbf2a 5%, #44c767 100%);
background-color:#5cbf2a; 
}
#submit:active { 
position:relative;
top:1px;
}

Как настроить форму комментариев WordPress? (Все разделы)

Чтобы изменить имя кнопки отправки комментария в форме комментария WordPress, используйте приведенный ниже код в файле functions.php или добавьте его в плагин, который необходимо настроить для формы комментария WordPress:

$commenter = wp_get_current_commenter();
$req = get_option( 'require_name_email' );
$aria_req = ($req? " aria-required='true'": '' );
$fields =  array(
    'author' => '<p class="comment-form-author">'. '<label for="author">'. __( 'Name' ). '</label> '. ($req? '<span class="required">*</span>': '' ). '<input id="author" name="author" type="text" value="'. esc_attr( $commenter['comment_author'] ). '" size="30"'. $aria_req. ' /></p>',
    'email'  => '<p class="comment-form-email"><label for="email">'. __( 'Email' ). '</label> '. ($req? '<span class="required">*</span>': '' ). '<input id="email" name="email" type="text" value="'. esc_attr(  $commenter['comment_author_email'] ). '" size="30"'. $aria_req. ' /></p>',
);
$comments_args = array(
    'fields' =>  $fields,
    'label_submit' => 'Send My Comment'
);
comment_form($comments_args);

Поле URL-адреса в форме комментария WordPress очень привлекательно для спамеров.

Просто удалив это поле, вы не сможете помешать спамерам публиковать комментарии на вашем веб-сайте, но вы не позволите спамеру ввести несоответствующий URL-адрес в поле URL-адреса.

Кроме того, если удалить это поле, публикация комментария станет для ваших пользователей намного проще.

Чтобы удалить поле URL-адреса веб-сайта, скопируйте приведенный ниже код в файл functions.php:

Как настроить форму комментариев WordPress? (Все разделы)

$commenter = wp_get_current_commenter();
$req = get_option( 'require_name_email' );
$aria_req = ($req? " aria-required='true'": '' );
$fields =  array(
    'author' => '<p class="comment-form-author">'. '<label for="author">'. __( 'Name' ). '</label> '. ($req? '<span class="required">*</span>': '' ). '<input id="author" name="author" type="text" value="'. esc_attr( $commenter['comment_author'] ). '" size="30"'. $aria_req. ' /></p>',
    'email'  => '<p class="comment-form-email"><label for="email">'. __( 'Email' ). '</label> '. ($req? '<span class="required">*</span>': '' ). '<input id="email" name="email" type="text" value="'. esc_attr(  $commenter['comment_author_email'] ). '" size="30"'. $aria_req. ' /></p>',
);
$comments_args = array(
    'fields' =>  $fields
);
comment_form($comments_args);

Используя фильтр comment_form_default_fields, вы можете добавлять новые поля в форму комментариев WordPress.

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

Как настроить форму комментариев WordPress? (Все разделы)

Например, в приведенном ниже коде мы добавим поле возраста в форму комментария WordPress:

function add_comment_fields($fields) {
    $fields['age'] = '<p class="comment-form-age"><label for="age">'. __( 'Age' ). '</label>'. '<input id="age" name="age" type="text" size="30" /></p>';
    return $fields;
}
add_filter('comment_form_default_fields','add_comment_fields');

Как настроить форму комментариев WordPress? (Все разделы)

reCAPTCHA повышает безопасность вашего сайта и предотвращает публикацию спамерами комментариев на вашем сайте.

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

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

Как вы, наверное, догадались, плагин Invisible reCAPTCHA – это невидимый плагин. Он отслеживает ваш указатель мыши и IP-адрес, чтобы определить, человек вы или бот.

Этот плагин фильтрует форму комментариев и не позволяет спамерам оставлять комментарии. Это одна из ключевых особенностей плагина Invisible reCAPTCHA.

Чтобы добавить reCAPTCHA в форму комментариев, на панели инструментов WordPress перейдите в раздел «Плагины» и «Добавить новый». Введите Invisible reCAPTCHA в поле поиска, а затем перейдите к установке и активации. Выполните следующие действия, чтобы настроить Invisible reCAPTHCA на вашем веб-сайте.

Этот сервис поддерживается Google. Поэтому вам необходимо создать учетную запись в Google reCAPTCHA:

  • Перейдите по этой ссылке https://www.google.com/recaptcha/admin/create
  • Введите необходимую информацию для подключения reCAPTCHA к вашей учетной записи.

Как настроить форму комментариев WordPress? (Все разделы)

  • Затем зарегистрируйтесь, нажав на «Отправить».

Как настроить форму комментариев WordPress? (Все разделы)

  • После завершения процесса регистрации вам будут отображены ключ сайта и секретный ключ. Обязательно скопируйте их в блокнот. Эти ключи понадобятся вам для активации плагина.
  • На следующем этапе нам нужно активировать нужные нам функции. Перейдите в панель управления WordPress и выберите пункт «Невидимые настройки reCAPTCHA».

Как настроить форму комментариев WordPress? (Все разделы)

В настройках есть несколько вкладок. Чтобы включить reCAPTCHA в разделе комментариев, вам необходимо установить флажок «Включить комментарии от защиты».

Наконец, сохраните изменения.

Чтобы изменить заголовок над формой комментариев WordPress, добавьте приведенный ниже код в файл functions.php или плагин, который вы используете для настройки формы комментариев WordPress:

Как настроить форму комментариев WordPress? (Все разделы)

$commenter = wp_get_current_commenter();
$req = get_option( 'require_name_email' );
$aria_req = ($req? " aria-required='true'": '' );
$fields =  array(
    'author' => '<p class="comment-form-author">'. '<label for="author">'. __( 'Name' ). '</label> '. ($req? '<span class="required">*</span>': '' ). '<input id="author" name="author" type="text" value="'. esc_attr( $commenter['comment_author'] ). '" size="30"'. $aria_req. ' /></p>',
    'email'  => '<p class="comment-form-email"><label for="email">'. __( 'Email' ). '</label> '. ($req? '<span class="required">*</span>': '' ). '<input id="email" name="email" type="text" value="'. esc_attr(  $commenter['comment_author_email'] ). '" size="30"'. $aria_req. ' /></p>',
);
$comments_args = array(
    'fields' =>  $fields,
    'title_reply'=>'Please give us your valuable comment',
);
comment_form($comments_args);

По умолчанию, после версии WordPress 4.4, в разделе комментариев первым полем является текстовое поле, затем имя, адрес электронной почты и URL-адрес веб-сайта.

В предыдущих версиях это были имя, адрес электронной почты и URL-адрес веб-сайта, а затем текстовое поле. Если вы хотите использовать старый формат на своем веб-сайте, просто скопируйте приведенный ниже код в файл functions.php или плагин, который вы используете для настройки формы комментариев WordPress:

Как настроить форму комментариев WordPress? (Все разделы)

function wpb_move_comment_field_to_bottom( $fields) {
$comment_field = $fields['comment'];
unset( $fields['comment'] );
$fields['comment'] = $comment_field;
return $fields;
}

Как настроить форму комментариев WordPress? (Все разделы)

Этот код просто перемещает текстовое поле в нижнюю часть формы комментариев.

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

Если вы установите флажок «Подписаться» в разделе комментариев, пользователи смогут проверять и получать уведомления на свои адреса электронной почты.

Чтобы добавить эту функцию, вам необходимо установить и активировать плагин Subscribe to Comments Reloaded. В настройках нажмите «Подписаться на комментарии», чтобы настроить плагин.

Как настроить форму комментариев WordPress? (Все разделы)

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

Quicktags – это параметры, которые вы видите над текстовым полем в форме комментария. Quicktags используются для изменения шрифта и стиля текста, вы можете использовать их для выделения жирным шрифтом, добавления ссылок и т.д. В текст.

Чтобы добавить Quicktags, вам необходимо установить и активировать плагин Comment Form Quicktags.

Затем в настройках нажмите обсуждения, найдите Quicktags и включите его. Наконец, сохраните изменения.

Если вы хотите изменить CSS своего раздела комментариев, скопируйте и вставьте приведенный ниже код в файл style.css:


.comment-respond,
.entry-pings,
.entry-comments {
    color: #444;
    padding: 20px 45px 40px 45px;
    border: 1px solid #ccc;
    overflow: hidden;
    background: #fff;
    -webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 8px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 8px rgba(0,0,0,0.3);
    border-left: 4px solid #444;
}
.entry-comments h3{
    font-size: 30px;
    margin-bottom: 30px;
}
.comment-respond h3,
.entry-pings h3{
    font-size: 20px;
    margin-bottom: 30px;
}
.comment-respond {
    padding-bottom: 5%;
    margin: 20px 1px 20px 1px;
        border-left: none !important;
}
.comment-header {
    color: #adaeb3;
    font-size: 14px;
    margin-bottom: 20px;
}
.comment-header cite a {
    border: none;
    font-style: normal;
    font-size: 16px;
    font-weight: bold;
}
.comment-header .comment-meta a {
    border: none;
    color: #adaeb3;
}
li.comment {
    background-color: #fff;
    border-right: none;
}
.comment-content {
    clear: both;
    overflow: hidden;
}
.comment-list li {
    font-size: 14px;
    padding: 20px 30px 20px 50px;
}
.comment-list .children {
    margin-top: 40px;
    border: 1px solid #ccc;
}
.comment-list li li {
    background-color: #f5f5f6;
}
.comment-list li li li {
    background-color: #fff;
}
.comment-respond input[type="email"],
.comment-respond input[type="text"],
.comment-respond input[type="url"] {
    width: 50%;
}
.comment-respond label {
    display: block;
    margin-right: 12px;
}
.entry-comments .comment-author {
    margin-bottom: 0;
    position: relative;
}
.entry-comments .comment-author img {
    border-radius: 50%;
    border: 5px solid #fff;
    left: -80px;
    top: -5px;
    position: absolute;
    width: 60px;
}
.entry-pings .reply {
    display: none;
}
.bypostauthor {
}
.form-allowed-tags {
    background-color: #f5f5f5;
    font-size: 16px;
    padding: 24px;
}
.comment-reply-link{
    cursor: pointer;
    background-color: #444;
    border: none;
    border-radius: 3px;
    color: #fff;
    font-size: 12px;
    font-weight: 300;
    letter-spacing: 1px;
    padding: 4px 10px 4px;
    text-transform: uppercase;
    width: auto;
}
.comment-reply-link:hover{
    color: #fff;
}
.comment-notes{
    display:none;   
}

Вы можете добавить или удалить поля из формы комментариев WordPress для определенного типа публикации. Например, в приведенном ниже коде вы можете увидеть поле «Возраст» в типе записи «Фильмы»:

Как настроить форму комментариев WordPress? (Все разделы)

function add_comment_fields($fields) {
    if( is_singular( 'Movies') ) {
        $fields['age'] = '<p class="comment-form-age"><label for="age">'. __( 'Age' ). '</label>'. '<input id="age" name="age" type="text" size="30" /></p>';
    }
    return $fields;
}add_filter('comment_form_default_fields','add_comment_fields');

Как мы уже упоминали ранее, темы WordPress по умолчанию довольно просты.

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

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

JetPack

Как настроить форму комментариев WordPress? (Все разделы)

JetPack – это больше, чем плагин для комментариев. В этом плагине более 20 модулей, и ключевой особенностью этого плагина является возможность использовать старую форму комментариев.

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

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

Система комментариев Disqus – один из популярных плагинов в жанре комментирования. Хотя этот плагин очень популярен в сообществе WordPress, он имеет множество недостатков и преимуществ и нашел много сторонников и анти-Disqus среди пользователей WordPress.

Ниже приведены некоторые преимущества этого плагина:

  • У нее лучший дизайн по сравнению с формой комментариев WordPress.
  • Пользователи могут сортировать комментарии по новым и старым. Кроме того, они могут предлагать другим свои любимые комментарии.
  • Он рекомендует пользователям другой контент с вашего сайта.
  • Если у вас много комментариев на вашем веб-сайте, рекомендуется использовать плагин Disqus, чтобы уменьшить отправку и получение с сервера WordPress.
  • Он синхронизирует комментарии с вашей базой данных WordPress. Таким образом, вы можете вернуться к форме комментариев WordPress по умолчанию, когда захотите.
  • Имея учетную запись Disqus, пользователи могут комментировать веб-сайты, использующие этот плагин. Следовательно, если пользователи находятся на другом веб-сайте, как только они увидят ответное уведомление, они могут вернуться к своим комментариям.

Недостатки Disqus:

  • Для комментирования вам необходимо иметь аккаунт на Disqus. Вам не нужно было регистрироваться, чтобы оставить комментарий в старой форме комментариев WordPress.
  • Вам нужно отключить рекламу. В противном случае Disqus может использовать свои ссылки на других веб-сайтах.
  • Некоторые пользователи заметили, что после того, как вы покидаете сервисы Disqus, этот плагин оставляет свой URL в разделе комментариев.

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

Как настроить форму комментариев WordPress? (Все разделы)

Если вы планируете установить этот плагин на свой веб-сайт, мы рекомендуем также скачать Disqus Conditional Load. Этот плагин увеличивает время, необходимое для загрузки раздела комментариев, поэтому ваш сайт загружается быстрее.

Простой комментарий ктиры г делает простое изменение комментария формы в WordPress по умолчанию. Это дает возможность редактировать комментарии через 5 минут после их публикации.

Как настроить форму комментариев WordPress? (Все разделы)

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

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

Как настроить форму комментариев WordPress? (Все разделы)

Плагин Lazy Load for Comments сокращает время загрузки ваших комментариев.

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

Вывод

Раздел комментариев очень важен на любом сайте. Проще говоря, вы можете создать свое сообщество в разделе комментариев.

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

В результате на основе дизайна вашего веб-сайта вы можете настроить форму комментариев WordPress.

Если вы нашли ошибку, пожалуйста, выделите фрагмент текста и нажмите Ctrl+Enter.

Кнопка «Наверх»

Сообщить об опечатке

Текст, который будет отправлен нашим редакторам: