2018 年 5 月 20 日 – 马谦的博客

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

2018 年 5 月 20 日作者马谦马谦马谦

效果主题版本 Begin 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 ' ';

time_ago( $time_type ='posts' );

echo '';

// 添加阅读时间

$text = trim(strip_tags( get_the_content()));

$text_num = mb_strlen($text, 'UTF8');

$read_time = ceil($text_num/400);

echo ' '; // 图标来源于阿里图标库

echo $read_time;

echo '分钟';

// 添加阅读时间完毕

if ( post_password_required() ) {

echo '<a href="#comments">' . sprintf(__( '密码保护', 'begin' )) . '</a></li>';

} else {

echo '';

// ...

}

关于阅读时间的图标可以 ... 阅读更多

wordpress 知更鸟主题添加菜单图标

2018 年 5 月 20 日2018 年 5 月 20 日作者马谦马谦马谦

知更鸟主题 5.2 及之前的版本使用的图标库为 font awesome，5.2 之后的版本使用阿里图标库的图标。相对来说，选择阿里图标库更好一些，它的图标更全且有国内 cdn，访问速度更快。

添加后的效果：

阿里图标库的使用方法

2018 年 5 月 20 日2018 年 5 月 20 日作者马谦马谦马谦

阿里图标库首页：阿里巴巴矢量图标库，首先进入注册账户，然后创建新项目：进入项目页面后，右上角创建新项目：新弹出的对话框中填入项目名称和字体类前缀：项目创建完成后进入图标库挑选图标：选择需要的图标添加到购物车：选好图标后把购物车里图标添加到项目，购物车在右上角：添加完成后会自 ... 阅读更多

一	二	三	四	五	六	日
	1	2	3	4	5	6
7	8	9	10	11	12	13
14	15	16	17	18	19	20
21	22	23	24	25	26	27
28	29	30	31