Як додати кількість слів і приблизний час читання статей у WordPress?

дещонові ЗМІСтаття на веб-сайті починається з кількості слів і очікуваного часу читання статті.

• Чень ВейлянЯ вважаю, що ці два невеликі дані досить гуманізовані та дуже корисні для користувачів.
• Таким чином читачі можуть оцінити довжину статті та приблизний час читання перед читанням.
• Сьогодні ми обговоримо, якWordPressДодано статистику кількості статей і приблизний час читання.

XNUMX. Додайте код підрахунку слів для статей WordPress

Додайте наступний код до кількох останніх файлів functions.php у вашій темі ?> перед ▼

//字数统计
function count_words ($text) {
global $post;
if ( '' == $text ) {
$text = $post->post_content;
if (mb_strlen($output, 'UTF-8') < mb_strlen($text, 'UTF-8')) $output .= '本文《' . get_the_title() .'》共' . mb_strlen(preg_replace('/\s/','',html_entity_decode(strip_tags($post->post_content))),'UTF-8') . '个字';
return $output;
}

• Після тестування наведена вище статистика коду не має проблем китайською та англійською;
• І рівно стільки ж слів підраховано в Microsoft Word.

XNUMX. Приблизний час читання для WordPress

Додайте наступний код до кількох останніх файлів functions.php у вашій темі ?>

Після збереження ви можете автоматично відображати «Приблизний час читання x хвилин» на початку вмісту публікації WordPress▼

function lmsim_read_time($content){
$text = trim(strip_tags( get_the_content()));
$text_num = mb_strlen($text, 'UTF-8');
$read_time = ceil($text_num/400);
$content = '<div class="read-time">系统预计阅读时间 <span>' . $read_time . '</span> 分钟</div>' . $content;
return $content;
}
add_filter ( 'the_content', 'lmsim_read_time');

• Значення рядка 4 у наведеному вище коді становить 400 на основі «середньої швидкості читання звичайних людей (300~500) слів/хвилину» Baidu.
• Якщо ви вважаєте, що 400 надто повільно, ви можете змінити його самостійно.
• Вам потрібен індивідуальний стиль.Ви можете стилізувати .read-time у спеціальному CSS.

Після перевірки було виявлено, що кількість слів у наведеній вище статистиці коду містить деякі помилки, ці помилки перевищують фактичні помилки

• Кількість слів у статистиці веб-сайту A становить 290 символів, а статистика у Word така сама.
• На сайті B кількість слів ($text_num) на 12 більше, ніж фактична кількість.
• Цей очікуваний час читання може відображатися лише на початку статті, отжеЧень ВейлянВирішив об'єднати ці 2 коди для оптимізації.

XNUMX. Оптимізуйте очікуваний час читання

Додайте наступний код до кількох останніх файлів functions.php у вашій темі ?> перед ▼

//字数和预计阅读时间统计
function count_words_read_time () {
global $post;
$text_num = mb_strlen(preg_replace('/\s/','',html_entity_decode(strip_tags($post->post_content))),'UTF-8');
$read_time = ceil($text_num/400);
$output .= '本文《' . get_the_title() .'》共' . $text_num . '个字，系统预计阅读时间或需' . $read_time . '分钟。';
return $output;
}

• З них 400 або вище — це швидкість читання, яку можна змінювати.
• Якщо вам потрібно лише вивести час читання або кількість слів статті, вам потрібно лише змінити та видалити деякі рядки в рядку 6.
• Будь ласка, зробіть це самостійно.

Потім додайте код статистики викликів у відповідне місце у файлі single.php.

<?php echo count_words_read_time(); ?>

XNUMX. Порівняння до та після оптимізації очікуваного часового коду читання

在Чень ВейлянПісля тесту, коли кількість слів менше або дорівнює 400, тобто коли очікуваний час читання менше або дорівнює 1 хвилині.

Однак якщо він перевищує 400, він буде упередженим.

• Наприклад, якщо наведені вище 290 символів було вставлено 3 рази, щоб отримати 1160 символів, розрахунковий час читання для пункту 2 становитиме 4 хвилини,
• Код, оптимізований для пункту 3, становитиме 3 хвилини.
• Отже, з чисельної точки зору точніше оптимізувати очікуваний час читання статистики коду.

(стеля() функція)Що це?

стеля() Функція округлює до найближчого цілого числа.

Це означає повернення наступного цілого числа не менше x.

Якщо х має дробову частину, тостеля() Повернений тип залишаєтьсяfloat,тому щоfloatдіапазон зазвичай більший ніжціле.

приклад

• ceil(0.60), вихід 1;
• ceil(0.4), вихід 1;
• ceil(5), вихід 5;
• ceil(5.1), вихід 6;
• ceil (-5.1), вихід -5;
• ceil(-5.9), вихід -5;