Поле цитата вообще крутая штука, делает анонсы Ваших статей или продуктов, легко встраиваемая в дизайн и в файле functions.php
мы можем задать количество отображаемых символов в поле цитата. Вроде все как должно быть мы знаем сколько символов увидим, однако пересчитывать буковки с пробелами не прикольно, поэтому сегодня добавим счетчик введенных символов для поля «Цитата» при написании статьи.
Создаем счетчик с помощью 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
, которая используется только если мы пишем (редактируем) записи или страницы.
Далее указываем путь к нашему счетчику. И все готово!
Смело переходим в панель управления, нажимаем добавить новую запись, опускаемся к полю «Цитата» и видим наш замут, я когда первый раз сделал был очень рад!
Юрий, если брать js код c поста, то поменяйте событие
keyup
(возможно поможет)К сожалению уже не работает на версии 4.6.1. Можете подправить, что не так с кодом? Спасибо заранее!
Это часть кода из админки в месте вывода цитаты
Отрывок
Отрывок — необязательное краткое содержание вашего текста, которое можно использовать в шаблонах темы.
Узнать больше.