Home CMS Tutorial WordPress Add article word count and reading time to WordPress theme

Add article word count and reading time to WordPress theme

Oct 21, 2019 am 11:32 AM
wordpress

Display the article word count and reading time. What is the use of this function? I don’t know, but some users asked if we can add one if others have it. Let’s add it. The following column WordPress Tutorial will introduce to you how to add article word count and reading time to WordPress themes.

Add article word count and reading time to WordPress theme

Add article word count and reading time for WordPress themeAdd article word count and reading time for WordPress theme

The specific code is also shared here:

Article word count

// 字数统计
function zm_count_words ($text) {
global $post;
if ( '' == $text ) {
$text = $post->post_content;
if (mb_strlen($output, &#39;UTF-8&#39;) < mb_strlen($text, &#39;UTF-8&#39;)) $output .= &#39;<span class="word-count">共&#39; . mb_strlen(preg_replace(&#39;/\s/&#39;,&#39;&#39;,html_entity_decode(strip_tags($post->post_content))),&#39;UTF-8&#39;) .&#39;字</span>&#39;;
return $output;
}
}
Copy after login

The code is added to the current theme function template functions.php.

Article reading time

// 阅读时间
function zm_get_reading_time($content) {
$zm_format = &#39;<span class="reading-time">阅读时间%min%分%sec%秒</span>&#39;;
$zm_chars_per_minute = 300; // 估算1分种阅读字数
 
$zm_format = str_replace(&#39;%num%&#39;, $zm_chars_per_minute, $zm_format);
$words = mb_strlen(preg_replace(&#39;/\s/&#39;,&#39;&#39;,html_entity_decode(strip_tags($content))),&#39;UTF-8&#39;);
 
$minutes = floor($words / $zm_chars_per_minute);
$seconds = floor($words % $zm_chars_per_minute / ($zm_chars_per_minute / 60));
return str_replace(&#39;%sec%&#39;, $seconds, str_replace(&#39;%min%&#39;, $minutes, $zm_format));
}
 
function zm_reading_time() {
echo zm_get_reading_time(get_the_content());
}
Copy after login

The code is added to the current theme function template functions.php.

Call article word count and reading time code

Display article word count code:

<?php echo zm_count_words($text); ?>
Copy after login

Display reading time code:

<?php zm_reading_time(); ?>
Copy after login

Add the above calling code to the current The appropriate position of the theme body template is enough.

However, the word count and reading time are not very accurate, especially the reading time, which is even more nonsense. The default is based on the speaking speed of the CCTV announcer.

After writing this article, I found that there is a simpler code on the Internet. The difference is that the above code is accurate to seconds, and the following code only estimates to minutes.

function count_words_read_time () {
global $post;
$text_num = mb_strlen(preg_replace(&#39;/\s/&#39;,&#39;&#39;,html_entity_decode(strip_tags($post->post_content))),&#39;UTF-8&#39;);
$read_time = ceil($text_num/300); // 修改数字300调整时间
$output .= &#39;本文共计&#39; . $text_num . &#39;个字,预计阅读时长&#39; . $read_time  . &#39;分钟。&#39;;
return $output;
}
Copy after login

Calling code:

<?php echo count_words_read_time(); ?>
Copy after login

The above is the detailed content of Add article word count and reading time to WordPress theme. For more information, please follow other related articles on the PHP Chinese website!

Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

Hot AI Tools

Undresser.AI Undress

Undresser.AI Undress

AI-powered app for creating realistic nude photos

AI Clothes Remover

AI Clothes Remover

Online AI tool for removing clothes from photos.

Undress AI Tool

Undress AI Tool

Undress images for free

Clothoff.io

Clothoff.io

AI clothes remover

Video Face Swap

Video Face Swap

Swap faces in any video effortlessly with our completely free AI face swap tool!

Hot Tools

Notepad++7.3.1

Notepad++7.3.1

Easy-to-use and free code editor

SublimeText3 Chinese version

SublimeText3 Chinese version

Chinese version, very easy to use

Zend Studio 13.0.1

Zend Studio 13.0.1

Powerful PHP integrated development environment

Dreamweaver CS6

Dreamweaver CS6

Visual web development tools

SublimeText3 Mac version

SublimeText3 Mac version

God-level code editing software (SublimeText3)

PHP vs. Flutter: The best choice for mobile development PHP vs. Flutter: The best choice for mobile development May 06, 2024 pm 10:45 PM

PHP and Flutter are popular technologies for mobile development. Flutter excels in cross-platform capabilities, performance and user interface, and is suitable for applications that require high performance, cross-platform and customized UI. PHP is suitable for server-side applications with lower performance and not cross-platform.

How to change page width in wordpress How to change page width in wordpress Apr 16, 2024 am 01:03 AM

You can easily modify your WordPress page width by editing your style.css file: Edit your style.css file and add .site-content { max-width: [your preferred width]; }. Edit [your preferred width] to set the page width. Save changes and clear cache (optional).

In which folder are wordpress articles located? In which folder are wordpress articles located? Apr 16, 2024 am 10:29 AM

WordPress posts are stored in the /wp-content/uploads folder. This folder uses subfolders to categorize different types of uploads, including articles organized by year, month, and article ID. Article files are stored in plain text format (.txt), and the filename usually includes its ID and title.

How to create a product page in wordpress How to create a product page in wordpress Apr 16, 2024 am 12:39 AM

Create a product page in WordPress: 1. Create the product (name, description, pictures); 2. Customize the page template (add title, description, pictures, buttons); 3. Enter product information (stock, size, weight); 4 . Create variations (different colors, sizes); 5. Set visibility (public or hidden); 6. Enable/disable comments; 7. Preview and publish the page.

Where is the wordpress template file? Where is the wordpress template file? Apr 16, 2024 am 11:00 AM

WordPress template files are located in the /wp-content/themes/[theme name]/ directory. They are used to determine the appearance and functionality of the website, including header (header.php), footer (footer.php), main template (index.php), single article (single.php), page (page.php), Archive (archive.php), category (category.php), tag (tag.php), search (search.php) and 404 error page (404.php). By editing and modifying these files, you can customize the appearance of your WordPress website

How to search for authors in WordPress How to search for authors in WordPress Apr 16, 2024 am 01:18 AM

Search for authors in WordPress: 1. Once logged in to your admin panel, navigate to Posts or Pages, enter the author name using the search bar, and select Author in Filters. 2. Other tips: Use wildcards to broaden your search, use operators to combine criteria, or enter author IDs to search for articles.

Which version of wordpress is stable? Which version of wordpress is stable? Apr 16, 2024 am 10:54 AM

The most stable WordPress version is the latest version because it contains the latest security patches, performance enhancements, and introduces new features and improvements. In order to update to the latest version, log into your WordPress dashboard, go to the Updates page and click Update Now.

Does wordpress need to be registered? Does wordpress need to be registered? Apr 16, 2024 pm 12:07 PM

WordPress requires registration. According to my country's "Internet Security Management Measures", websites that provide Internet information services within the country must register with the local provincial Internet Information Office, including WordPress. The registration process includes steps such as selecting a service provider, preparing information, submitting an application, reviewing and publishing, and obtaining a registration number. The benefits of filing include legal compliance, improving credibility, meeting access requirements, ensuring normal access, etc. The filing information must be true and valid, and must be updated regularly after filing.

See all articles