效果
主题版本Begin LTS
,有两种方法添加阅读时间,效果如下:
方法1:通过图标形式放在标题栏
打开主题根目录下的inc/inc.php
文件,第505行begin_single_meta
函数添加以下内容:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 |
function begin_single_meta() { echo '<div class="begin-single-meta">'; echo '<span class="my-date"><i class="be be-schedule"></i> '; time_ago( $time_type ='posts' ); echo '</span>'; // 添加阅读时间 $text = trim(strip_tags( get_the_content())); $text_num = mb_strlen($text, 'UTF8'); $read_time = ceil($text_num/400); echo '<span class="my-date"><i class="zm zm-read"></i> '; // 图标来源于阿里图标库 echo $read_time; echo '分钟</span>'; // 添加阅读时间完毕 if ( post_password_required() ) { echo '<span class="comment"><a href="#comments">' . sprintf(__( '密码保护', 'begin' )) . '</a></li>'; } else { echo '<span class="comment">'; // ... } |
关于阅读时间的图标可以参阅wordpress添加菜单栏图标。
方法2:显示在文章最上方
在functions.php
文件末尾添加以下内容:
1 2 3 4 5 6 7 8 |
function lmsim_read_time($content){ $text = trim(strip_tags( get_the_content())); $text_num = mb_strlen($text, 'UTF8'); $read_time = ceil($text_num/400); $content = '<div class="read-time" style="color:#F86B06"><center>本文预计阅读时间 <span>' . $read_time . '</span> 分钟</center></div>' . $content; return $content; } add_filter ( 'the_content', 'lmsim_read_time'); |
评论