Веб-сайт WordPress состоит из трех основных разделов: сообщений, страниц и комментариев. По умолчанию каждый раздел имеет самую простую форму.
Хотя в WordPress вы можете настроить каждый файл в своей теме и изменить структуру.
Форма комментариев под каждым сообщением имеет особое значение. Но сначала этот раздел должен быть интересен читателям и пользователям. К сожалению, темы по умолчанию не нравятся пользователям WordPress.
Если форма комментариев выглядит привлекательной, пользователям предлагается оставлять свои комментарии и присоединяться к обсуждению в форме комментариев под вашими сообщениями.
В этой статье мы обсудим, как настроить форму комментариев WordPress, изменив коды в вашей теме. Кроме того, мы вводим плагины, чтобы сделать этот раздел более привлекательным.
Используя классы CSS, вы можете изменить способ отображения текста внутри полей ввода. Например, в приведенном ниже коде мы меняем шрифт автора, адреса электронной почты и URL. Просто добавьте код в свой файл style.css:
#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, используйте приведенный ниже код в файле 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, используйте приведенный ниже код в файле functions.php или добавьте его в плагин, который необходимо настроить для формы комментария WordPress:
Поле URL-адреса в форме комментария WordPress очень привлекательно для спамеров.
Просто удалив это поле, вы не сможете помешать спамерам публиковать комментарии на вашем веб-сайте, но вы не позволите спамеру ввести несоответствующий URL-адрес в поле URL-адреса.
Кроме того, если удалить это поле, публикация комментария станет для ваших пользователей намного проще.
Чтобы удалить поле URL-адреса веб-сайта, скопируйте приведенный ниже код в файл functions.php:
Используя фильтр comment_form_default_fields, вы можете добавлять новые поля в форму комментариев WordPress.
Использование фильтров становится удобным, когда вы хотите настроить форму комментариев из плагинов без ручного изменения файлов темы.
Например, в приведенном ниже коде мы добавим поле возраста в форму комментария 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 и выберите пункт «Невидимые настройки reCAPTCHA».
В настройках есть несколько вкладок. Чтобы включить reCAPTCHA в разделе комментариев, вам необходимо установить флажок «Включить комментарии от защиты».
Наконец, сохраните изменения.
Чтобы изменить заголовок над формой комментариев WordPress, добавьте приведенный ниже код в файл functions.php или плагин, который вы используете для настройки формы комментариев WordPress:
По умолчанию, после версии WordPress 4.4, в разделе комментариев первым полем является текстовое поле, затем имя, адрес электронной почты и URL-адрес веб-сайта.
В предыдущих версиях это были имя, адрес электронной почты и URL-адрес веб-сайта, а затем текстовое поле. Если вы хотите использовать старый формат на своем веб-сайте, просто скопируйте приведенный ниже код в файл functions.php или плагин, который вы используете для настройки формы комментариев WordPress:
function wpb_move_comment_field_to_bottom( $fields) {
$comment_field = $fields['comment'];
unset( $fields['comment'] );
$fields['comment'] = $comment_field;
return $fields;
}
Этот код просто перемещает текстовое поле в нижнюю часть формы комментариев.
Когда пользователь отправляет комментарий на вашем сайте, он может захотеть получать уведомления об ответах.
Если вы установите флажок «Подписаться» в разделе комментариев, пользователи смогут проверять и получать уведомления на свои адреса электронной почты.
Чтобы добавить эту функцию, вам необходимо установить и активировать плагин Subscribe to Comments Reloaded. В настройках нажмите «Подписаться на комментарии», чтобы настроить плагин.
Настраивая плагин, вы устанавливаете флажок в разделе комментариев 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 по умолчанию довольно просты.
Кроме того, хотя комментарии, публикуемые под каждым сообщением, привлекают и побуждают посетителей просматривать содержание веб-сайта, некоторые администраторы веб-сайтов предпочитают отключать раздел комментариев, чтобы спамеры не могли оставлять комментарии.
В любом случае, если вы когда-нибудь хотели включить раздел комментариев в WordPress, существует множество отличных плагинов, которые помогут вам настроить форму комментариев WordPress. Давайте представим несколько полезных плагинов в этом жанре:
JetPack
JetPack – это больше, чем плагин для комментариев. В этом плагине более 20 модулей, и ключевой особенностью этого плагина является возможность использовать старую форму комментариев.
Пользователи могут публиковать комментарии, не заполняя каждое из полей в разделе комментариев, а также они могут использовать свои учетные записи в социальных сетях для отправки комментария.
Однако пользователям не обязательно использовать свои учетные записи в социальных сетях, они всегда могут заполнить поля вручную.
Система комментариев Disqus – один из популярных плагинов в жанре комментирования. Хотя этот плагин очень популярен в сообществе WordPress, он имеет множество недостатков и преимуществ и нашел много сторонников и анти-Disqus среди пользователей WordPress.
Ниже приведены некоторые преимущества этого плагина:
- У нее лучший дизайн по сравнению с формой комментариев WordPress.
- Пользователи могут сортировать комментарии по новым и старым. Кроме того, они могут предлагать другим свои любимые комментарии.
- Он рекомендует пользователям другой контент с вашего сайта.
- Если у вас много комментариев на вашем веб-сайте, рекомендуется использовать плагин Disqus, чтобы уменьшить отправку и получение с сервера WordPress.
- Он синхронизирует комментарии с вашей базой данных WordPress. Таким образом, вы можете вернуться к форме комментариев WordPress по умолчанию, когда захотите.
- Имея учетную запись Disqus, пользователи могут комментировать веб-сайты, использующие этот плагин. Следовательно, если пользователи находятся на другом веб-сайте, как только они увидят ответное уведомление, они могут вернуться к своим комментариям.
Недостатки Disqus:
- Для комментирования вам необходимо иметь аккаунт на Disqus. Вам не нужно было регистрироваться, чтобы оставить комментарий в старой форме комментариев WordPress.
- Вам нужно отключить рекламу. В противном случае Disqus может использовать свои ссылки на других веб-сайтах.
- Некоторые пользователи заметили, что после того, как вы покидаете сервисы Disqus, этот плагин оставляет свой URL в разделе комментариев.
Основная причина его популярности – дружественный интерфейс и тот факт, что он уменьшает размер ваших комментариев. Наконец, мы рекомендуем обратить особое внимание на конфиденциальность, которую требует этот плагин, прежде чем устанавливать его на свой веб-сайт.
Если вы планируете установить этот плагин на свой веб-сайт, мы рекомендуем также скачать Disqus Conditional Load. Этот плагин увеличивает время, необходимое для загрузки раздела комментариев, поэтому ваш сайт загружается быстрее.
Простой комментарий ктиры г делает простое изменение комментария формы в WordPress по умолчанию. Это дает возможность редактировать комментарии через 5 минут после их публикации.
По словам исследователей, после публикации комментария пользователи замечают, что сделали орфографические ошибки. С помощью этого плагина у них есть второй шанс опубликовать тот же комментарий.
Ленивая загрузка комментариев не добавляет никаких новых функций на ваш сайт, но оптимизирует ваш сайт. Если сайт загружается быстро, его пользователи довольны и счастливы.
Плагин Lazy Load for Comments сокращает время загрузки ваших комментариев.
Раздел комментариев всегда отображается внизу страницы, поэтому к тому времени, когда пользователи прокручивают страницу или публикацию, для них загружается раздел комментариев.
Вывод
Раздел комментариев очень важен на любом сайте. Проще говоря, вы можете создать свое сообщество в разделе комментариев.
Несмотря на то, что форма комментариев WordPress по умолчанию никому не нравится, но, к счастью, эта платформа очень настраиваема, и вы можете настроить каждый ее раздел, даже раздел комментариев.
В результате на основе дизайна вашего веб-сайта вы можете настроить форму комментариев WordPress.
Источник записи: https://betterstudio.com