Возможные ошибки формы комментирования comment_form

Эта коротенькая статья посвящена форме комментирования сайта, а точнее – связанной с ней ошибке. Или даже не ошибке, а предупреждению HTML валидатора http://validator.w3.org/ – Warning, говорит он! Это не страшно, но неприятно.

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

Что жж, приступим:

предупреждение об ошибке кода

Но сразу стоит сказать, что нижеописанное относительно только тех шаблонов, в которых форма комментирования вызывается такой строчкой-функцией <?php comment_form(); ?>, то есть относительно новых тем.

Online консультация по настройкам и созданию сайтов на WordPress

И ещё:

Значит, вам нужно открыть фал шаблона comments.php и отыскать указанную строку (она обычно ближе к финалу). И коли эта функция есть – продолжаем!

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

Ниже показан код (хак) , который вам нужно прописать в файл функций functions.php Знаете как!? …открываете для редакции… и проматывайте до финального тега ?> и перед ним прописываете этот фильтр.

//Приветствие в ФОРМЕ комментирования и... ошибки aria-required="true" - теста ВАЛИДАТОРА
function my_update_comment_field($comment_field) {
 
    $comment_field =
        '<p class="comment-form-comment">
            <div id="commentss">НЕ имейте совесть: поругайтесь на автора</div><textarea required placeholder="  Поле для послания !!" id="comment" name="comment" cols="45" rows="8" ></textarea>
        </p>';
 
    return $comment_field;
}
add_filter('comment_form_field_comment','my_update_comment_field');
//ФИН - Приветствие в ФОРМЕ комментирования и... ошибки aria-required="true" - теста ВАЛИДАТОРА

…обратите внимание на строку 6 !! Первое, то что завёрнуто в див – <div id="commentss"> и есть фраза перед формой комментирования (примерные стили ниже). Далее по строке  required placeholder –  между кавычек можно поместить текст своего “приветствия” или “подсказки”, который и отразится непосредственно в поле для ввода комментария.

#commentss{
font-size:12px;
font-weight:bold;
color:#267A80;
font-style:italic;
text-align:center;
margin:20px 0 0;
}

На этом практически вся работа окончена, кроме некоторых пояснений:

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

Тем же, которые пытаются исправить закавыки валидации, также советую присмотреться внимательнее к строке номер шесть: сравните с выданной валидатором ошибкой (коли таковая у вас случилась), тестер указывает на не соответствия синтаксиса – aria-required="true" !! Эту фразу коде выше я уже вычеркнул, так что…

…предупредительного Warning от http://validator.w3.org  – уже быть не должно… – строка показанная на фото исчезнет с тестируемой валидатором страницы, и исходный код будет чище))

Вот эта срочная змея и её реплика aria-required="true" из кода формы комментирования, к которой и призывает валидаторец отнестись внимательнее…

</label> <textarea id="comment" name="comment" cols="45" rows="8" aria-describedby="form-allowed-tags" aria-required="true" required="required"></text>

Каков принцип устранения ошибки!? …Настройки кода хака теперь первичны: они и формируются в исходном коде… Смотрите строки 1 — 11 my_update_comment_field — мои дополнения! …в нашем примере к коду формы комментов.

Занавес…

Перезагружайте тестовую страничку, смотрите…

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

Online консультация по настройкам и созданию сайтов на WordPress

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

На этом занавес представления опускается…
…на рампы пыль печальная ложится…