Главная › Новости

Добавляем статья WordPress подсчет слов и примерное время на их прочтение

Опубликовано: 01.09.2018

По умолчанию WordPress, в разделе «добавление записей», показывает в левом углу редактора общее количество слов статьи. Этот параметр виден только администратору сайту и участникам с определенными ролями. Мы, в свою очередь, сделаем публично и выведем подсчет слов прям в статье, мало того, еще и примерное время на ее прочтение. Так сказать, поставим пользователя в известность о том, сколько ему понадобится времени, чтобы прочитать статью.

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

Открываем файл темы functions.php , в самом низу перед знаком ?> прописываем следующий код:

// Начало : Показать количество слов function show_post_word_count(){ ob_start(); the_content(); $content = ob_get_clean(); return sizeof(explode(" ", $content)); } // Конец : Показать количество слов // Начало : Расчетное время чтения if (!function_exists('est_read_time')): function est_read_time( $return = false) { $wordcount = round(str_word_count(get_the_content()), -2); $minutes_fast = ceil($wordcount / 250); $minutes_slow = ceil($wordcount / 150); if ($wordcount <= 150) { $output = __("< 1 минута"); } else { $output = sprintf(__("%s - %s минуты"), $minutes_fast, $minutes_slow); } echo $output; } endif; if (!function_exists('est_the_content')): function est_the_content( $orig ) { // Подставлять время чтения к контенту return est_read_time(true) . "\n\n" . $orig; } endif; // Конец : Расчетное время чтения

Теперь открываем файл single.php и после вывода заголовка статьи добавляем такую строчку кода:

<span class="wordti">Количество слов в статье: <?php echo show_post_word_count(); ?> Займет времени на прочитку примерно: <?php echo est_read_time(); ?></span>

Осталось добавить стили. Открываем файл style.css и прописываем следующий код:

.wordti{ background: #eee; border: 1px solid #e2e1e1; color: #787878; display: block; font-size: 14px; margin: 13px 0 0; padding: 4px 0; text-align: center; }

Результат.

Если вам больше подходит подсчет по символам, а не по словам, то воспользуйтесь плагином . Только он отображает в администраторской зоне там же где и подсчет слов.

Источник: