WordPress

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

Пользовательский контент: превратите пользователей в копирайтеров, с 6 примерами
Содержание

Веб-сайт 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:

/* ## Comments --------------------------------------------- */ .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.

Источник записи: https://betterstudio.com

Похожие сообщения
GoogleWordPressПлагины

Лучшие плагины WordPress для интеграции сервисов Google на ваш сайт

WordPressОтзывыПлагины

Обзор WP Optin Wheel: как мгновенно увеличить количество подписок

WordPressПлагиныУчебники

Как установить бесплатный SSL от Let's Encrypt в WordPress

WordPressПодсказки

Полная шпаргалка по WordPress