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

2019年1月21日09:10:05 37 11.7K 1095字阅读3分39秒

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

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

效果图及修改方法如下:

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

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

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

// 文章信息
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>';
}
继续阅读
weinxin
星光博客 站长语录
星光博客,欢迎各位来访!这是我的QQ,扫一扫,加好友。大家一起交流博客建站技术,分享前沿资讯!
删除xmlrpc.php防DDOS攻击 WordPress

删除xmlrpc.php防DDOS攻击

WordPress删除xmlrpc.php防DDOS攻击 可能很多WordPress用户都不知道这个xmlrpc.php是什么,简单地说就是Wordpress 为手机等客户端提供的接口文件,早期的Wo...
手动开启WordPress站点维护模式 WordPress

手动开启WordPress站点维护模式

手动开启WordPress站点维护模式 在更新程序或插件中,WordPress前端会显示处于维护模式,如果想临时启用维护模式,让用户知道你的站点在维护中,可以通过下面的代码实现。 将下面代码添加到当前...
知更鸟主题小功能之一:文章添加宽图 WordPress

知更鸟主题小功能之一:文章添加宽图

知更鸟主题小功能之一:文章添加宽图 1、进入文章编辑器,打开“短代码”,找到“综合功能”后选择“添加宽图”。 2、在代码中间位置点击下,插入“媒体文件”。 3、把文章标题复制到“说明”里面。 4、添加...
匿名

发表评论

匿名网友 填写信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

评论:37   其中:访客  23   博主  14
    • 明月登楼 明月登楼 3 来自天朝的朋友 谷歌浏览器 Windows 7 河南省南阳市新野县 联通

      不错,很酷的感觉!

        • BG4PGR BG4PGR  站长 来自天朝的朋友 火狐浏览器 Windows 10 中国 移动

          @ 明月登楼 谢谢明月登楼大佬的赞赏,回复不及时有点晚了

        • Jane博客 Jane博客 2 来自天朝的朋友 谷歌浏览器 Windows 10 贵州省贵阳市 联通

          先收藏,用得上

            • BG4PGR BG4PGR  站长 来自天朝的朋友 火狐浏览器 Windows 10 中国 移动

              @ Jane博客 李老师,知更鸟主题被你爆改了,很有特点!

            • 绿软吧 绿软吧 2 来自天朝的朋友 谷歌浏览器 Windows 7 福建省厦门市 电信

              感谢博主的经验分享

                • BG4PGR BG4PGR  站长 来自天朝的朋友 火狐浏览器 Windows 10 中国 移动

                  @ 绿软吧 欢迎来访!贵站好像打不开了

                    • 绿软吧 绿软吧 2 来自天朝的朋友 谷歌浏览器 Windows 7 福建省厦门市 电信

                      @ BG4PGR :mrgreen: 一直在本地测试

                        • BG4PGR BG4PGR  站长 来自天朝的朋友 火狐浏览器 Windows 10 中国 移动

                          @ 绿软吧 本地测试有公网IP,还是穿透?

                            • 绿软吧 绿软吧 2 来自天朝的朋友 谷歌浏览器 Windows 7 福建省泉州市 电信

                              @ BG4PGR 本地架设环境测试主题插件而已

                              • BG4PGR BG4PGR  站长 来自天朝的朋友 火狐浏览器 Windows 10 中国 移动

                                @ 绿软吧 本地架设测试,不错!你是怎么解决本地环境下不加端口号直接能访问你的网站的?

                                • 绿软吧 绿软吧 2 来自天朝的朋友 谷歌浏览器 Windows 7 福建省泉州市 电信

                                  @ BG4PGR 我是本地测试的主题+插件,localhost
                                  而不是域名绑定测试的,看看主题给个建议 :mrgreen:
                                  整站一个压缩插件

                                  • BG4PGR BG4PGR  站长 来自天朝的朋友 火狐浏览器 Windows 10 中国 移动

                                    @ 绿软吧 主题看着不错!但栏目内容很空,都填充起来会好看很多。

                                    • 绿软吧 绿软吧 2 来自天朝的朋友 谷歌浏览器 Windows 7 福建省泉州市 电信

                                      @ BG4PGR 还没填充内容,填充起来看着就不怪
                                      只是先把栏目先框架起来,看下整体效果,后台都能隐藏没文章的栏目

                              • 绅士福利 绅士福利 1 来自天朝的朋友 谷歌浏览器 Windows 10 广东省深圳市 电信

                                收藏了哈~

                                • 137博客 137博客 2 Saudi Arabia 谷歌浏览器 Windows 7 沙特阿拉伯

                                  好文章支持一下,博客十年,欢迎回访我的博客

                                  • 北寒 北寒 1 来自天朝的朋友 谷歌浏览器 Windows 7 上海市 联通漕河泾IDC机房

                                    就我上面原来的分类怎么去掉呢 有点小白了哈

                                      • 北寒 北寒 1 来自天朝的朋友 谷歌浏览器 Windows 7 上海市 联通漕河泾IDC机房

                                        @ 北寒 收到 谢谢 已设置OK 感谢

                                      • ヽ 柒柒 ヽ 柒柒 0 来自天朝的朋友 谷歌浏览器 Windows 7 福建省宁德市 电信

                                        大佬,你们导航条菜单前面的图标是怎么设置的呀, 我也是知更鸟, 可是不会设置。

                                          • 星光 星光  站长 来自天朝的朋友 谷歌浏览器  YAL-AL10 Build/HUAWEIYAL-AL10 山东省青岛市 联通

                                            @ ヽ 柒柒 正版主题使用阿里云图标就可以了。有教程的你站内搜索下