Поле цитата вообще крутая штука, делает анонсы Ваших статей или продуктов, легко встраиваемая в дизайн и в файле functions.php мы можем задать количество отображаемых символов в поле цитата. Вроде все как должно быть мы знаем сколько символов увидим, однако пересчитывать буковки с пробелами не прикольно, поэтому сегодня добавим счетчик введенных символов для поля «Цитата» при написании статьи.

Добавляем подсчет введенных символов в поле «Цитата» WordPress, HowToMake - Дизайн и разработка сайтов

Создаем счетчик с помощью jQuery

Во-первых создадим поле для вывода количества введенных символов, во-вторых подключим событие KeyUp (для отслеживания нажатий клавиш) для поля где вводим саму цитату, в третьих будем выводить число символов.

Итак создадим файл htm-excerpt-counter.js и поместим его в папку с используемой темой (у меня это wp-content/themes/flora/htm-excerpt-counter.js), откроем его для редактирования и вставим следующий код:

jQuery(document).ready(function(){
    jQuery("#excerpt").after("<p style=\"text-align:center;\"><small>Количество символов: </small><input type=\"text\" value=\"0\" maxlength=\"3\" size=\"3\" id=\"htm_excerpt_counter\" readonly=\"\"> <small>Не больше 150!</small></p>");
    jQuery("#htm_excerpt_counter").val(jQuery("#excerpt").val().length);
    jQuery("#excerpt").keyup( function() {
        jQuery("#htm_excerpt_counter").val(jQuery("#excerpt").val().length);
    });
});

Сохраняем наш файл в кодировке UTF-8 with BOM и переходим к следующему пункту.

Корректируем functions.php

Чтобы наш счетчик символов заработал необходимо внести пару строчек в файл functions.php:

function htm_admin_scripts($page) {
  $post = get_post( $_GET['post'] );
  $typenow = $post->post_type;
  if($typenow != 'page')
    if ($page == 'post.php' || $page == 'post-new.php')
      wp_enqueue_script('htm-excerpt-counter', THEME_URI .'/htm-excerpt-counter.js', array('jquery'));
}

Первой строкой мы получаем каталог нашей темы и добавляем новую функцию htm_admin_scripts, которая используется только если мы пишем (редактируем) записи или страницы.

Далее указываем путь к нашему счетчику. И все готово!

Смело переходим в панель управления, нажимаем добавить новую запись, опускаемся к полю «Цитата» и видим наш замут, я когда первый раз сделал был очень рад!

Добавить комментарий:


Комментарии
  1. Юрий

    К сожалению уже не работает на версии 4.6.1. Можете подправить, что не так с кодом? Спасибо заранее!
    Это часть кода из админки в месте вывода цитаты

    Отрывок

    Отрывок — необязательное краткое содержание вашего текста, которое можно использовать в шаблонах темы.
    Узнать больше.

  2. JAH

    Юрий, если брать js код c поста, то поменяйте событие keyup (возможно поможет)

    jQuery(document).on("keyup","#excerpt", function() {
        jQuery("#htm_excerpt_counter").val(jQuery("#excerpt").val().length);
    });