Стилизируем форму комментариев в WordPress. Эпизод 2

Начало статьи смотрите по ссылке Стилизируем форму комментариев в WordPress. Эпизод 1

Переводим формы комментариев на следующий уровень развития

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

Добавляем возможность входа через соц.сети для комментариев в WordPress

Давайте начнем с добавления возможности входа с помощью социальных сетей для комментирования. Для начала вам необходимо установить и активировать плагин WordPress Social Login.

После активации переходим в Параметры » WordPress Social Login. Там вам будет нужно указать ID приложения и ключ приложения для Twitter, Facebook и Google. Плагин предоставит вам пошаговую инструкцию по настройке вашего приложения для каждой из перечисленных социальных сетей. Вам не нужно добавлять все сети. Вы можете просто выбрать одну, которая вам нужна (например twitter & facebook). После того, как вы закончили с настройкой и сохранили изменения, кликните на вкладку Widget и прокрутите к Advanced Settings. Там можно выбрать где выводить кнопки для входа. Можно указать отображать кнопки для входа с помощью социальных сетей только в форме комментариев, на странице логина, или в обоих местах сразу. Также вы можете отредактировать на этой странице стили CSS для кнопок социальных сетей.

comment-form-social-login[1]

Вот так будет выглядеть ваша форма комментариев с кнопками входа через социальные сети:

socialoginss[1]

Добавляем текст политики комментирования перед или после формы

Все пользователи сайта ценны и владельцы сайтов естественно благодарным им за то, что те уделяют несколько минут, чтобы оставить комментарий на сайте. Однако, для создания здоровой атмосферы общения важно модерировать комментарии. Для полной прозрачности модерации можно создать политику комментирования (определенный набор правил для пользователей), однако ссылку на эту политику достаточно непрактично вставить, например, в футер. Ее (ссылку) нужно поместить на видное место, и лучше всего — в саму форму комментирования.

Если вы хотите добавить у себя на сайте страничку с правилами комментирования, то первым делом вам необходимо создать страницу и прописать эти самые правила. Далее, необходимо добавить следующий код в файл functions.php вашей темы:

function wpbeginner_comment_text($arg) {
  
  $arg['comment_notes_before'] = "Спасибо за то, что вы оставляете комментарий. Помните, что комментарии проходят модерацию согласно нашим <a href='http://www.example.com/comment-policy-page/'>правилам</a>. Ваш email является обязательным для указания, но не подлежит распространению..";
    
  return $arg;
}

add_filter('comment_form_defaults', 'wpbeginner_comment_text');

Код выше заменит стандартное примечание формы комментирования на указанный текст. Также вы можете выбрать, где именно добавлять ссылку на политику комментирования: ниже формы комментирования и перед кнопкой Отправить. Для этого вам необходимо добавить следующий код в файл functions.php вашей темы:

function wpbeginner_comment_text_after($arg) {
    $arg['comment_notes_after'] = "Спасибо за то, что вы оставляете комментарий. Помните, что комментарии проходят модерацию согласно нашим <a href='http://www.example.com/comment-policy-page/'>правилам</a>.";
    return $arg;
}

add_filter('comment_form_defaults', 'wpbeginner_comment_text_after');

Не забудьте изменить ссылку на страницу с политикой комментирования в обоих сниппетах выше.

Вот как это будет выглядеть:

text-after-comment-form-e1364382671950[1]

Убираем поле Сайт из формы комментирования в WordPress

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

function wpbeginner_remove_comment_url($arg) {
    $arg['url'] = '';
    return $arg;
}
add_filter('comment_form_default_fields', 'wpbeginner_remove_comment_url');

Добавляем галочку подписки на комментарии в WordPress

Когда пользователь оставляет комментарий на вашем сайте, возможно он захочет отслеживать обсуждение, и узнать, если кто-либо ответит на его комментарий. Добавляя такую галочку, вы позволяете пользователям моментально узнавать о том, что появился новый комментарий к записи. Для того, чтобы добавить такую функцию, вам необходимо установить и активировать плагин Subscribe to Comments. После активации плагин добавить галочку с текстом “Notify me of followup comments via e-mail” под формой комментирования.

subscribe-comments[1]

Теперь Subscribe to comments будет уведомлять пользователей обо всех комментариях к этой записи. Если же вы хотите, чтобы уведомления отправлялись на ответ именно на комментарий пользователя, тогда посмотрите на плагин Send Email only on Reply to My Comment.

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

Добавляем подписку на новости под комментариями

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

Надеемся, что вам пригодится наша обучающая статья по стилизации формы комментирования в WordPress.

По всем вопросам и отзывам просьба писать в комментарии ниже.

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

VN:F [1.9.22_1171]
Rating: 1.0/5 (1 vote cast)

Об авторе ADv

Занимаюсь разработкой сайтов и магазинов на WordPress. Оказываю платные помощь и консультации. Skype: advokat_b
  • DimonCola

    Приём

  • иван

    а как сделать форму комментариев как у вас, меня интересует вставка картинки в комментарий

    • ADv

      Форма комментариев как у нас — это система комментирования Disqus. Установить ее можно с помощью одноименного плагина из репозитория плагинов WordPress

  • Алексей Рубан

    Скажите а как сделать что бы правила комментирования открывались в новой вкладке? Если просто добавить target=»_blank» то выдает ошибку: http://joxi.ru/V2VRo4bh0wBwN2

Scroll To Top