wordpress知更鸟主题文章底部添加个性图标和分类目录

星光自己也摸索过文章显示当前分类目录的方法,虽然也是成功了,但是不怎么美丽,离我的要求还有一点点的距离,没有达到完美化。在与“简单生活”博客友联过程中看到他的网站显示的效果正是我想要的,随与博主联系获取到了CSS代码,在此记录下,以便日后更新主题时再次使用。

效果图及修改方法如下:

 

1、第一处修改后,效果只在 文章 形式 为“标准”模式下才能显示添加的小图标

查找 wp-content/themes/begin/inc 路径找到文件 post-meta.php 文件将  //文章信息

wordpress知更鸟主题文章底部添加个性图标和分类目录

// 文章信息
function begin_entry_meta() {
if ( ! is_single() ) :
echo '<span class="date">';
time_ago( $time_type ='post' );
echo '</span>';
}

 

替换为

// 文章信息
function begin_entry_meta() {
if ( ! is_single() ) :
echo '<span class="date"><i class="zm zm-rili1"></i> ';
time_ago( $time_type ='post' );
echo '</span>';
echo '<span class="format-cat"><i class="zm zm-fenlei5"></i> ';
zm_category();
echo '</span>';
}

 

其中:“zm zm-rili1”跟“zm zm-fenlei5”两处图标,根据网站使用的图标库情况自行修改,本站采用阿里云图标库。

2、第二处修改后,文章 形式 在“日志、视频、软件、链接”模式下都可以显示小图标。将 //日志信息

// 日志信息
function begin_format_meta() {
echo '<span class="date">';
time_ago( $time_type ='post' );
echo '</span>';
echo '<span class="format-cat"><i class="be be-folder"></i> ';
zm_category();
echo '</span>';
}

 

修改为

// 日志信息

function begin_format_meta() {
echo '<span class="date"><i class="zm zm-rili1"></i> ';
time_ago( $time_type ='post' );
echo '</span>';
echo '<span class="format-cat"><i class="zm zm-fenlei5"></i> ';
zm_category();
echo '</span>';
}

 

赞赏

微信赞赏支付宝赞赏

WordPress教程

WordPress解决升级时提示:另一更新正在进行问题

2019-12-12 12:32:09

WordPress教程

wordpress知更鸟主题小工具中 1 2 3 序号修改颜色

2019-12-12 12:52:08

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
有新消息 消息中心
搜索