wordpress知更鸟主题LTS添加阅读时间

马谦马谦马谦

615
文章

17
评论

2018年5月20日13:12:11Wordpress评论308字数 232阅读0分46秒阅读模式

效果

主题版本Begin LTS，有两种方法添加阅读时间，效果如下：

wordpress知更鸟主题LTS添加阅读时间

方法1：通过图标形式放在标题栏

打开主题根目录下的inc/inc.php文件，第505行begin_single_meta函数添加以下内容：

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">';
    // ...
}

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文件末尾添加以下内容：

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');