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

2019年1月21日09:10:05 35 9.1K 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,扫一扫,加好友。大家一起交流博客建站技术,分享前沿资讯!
知更鸟主题小功能之一:文章添加宽图 WordPress

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

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

漂亮的音乐播放器插件Aplayer

Aplayer是一款HTML5的WordPress音乐播放器,界面仿照网易云音乐外链播放器,每个音乐需要填写音乐名称、作者、音乐封面、还有外链地址,添加成功后在音乐列表右侧复制短代码到文章需要显示的位...
知更鸟主题添加设置导航菜单方法 WordPress

知更鸟主题添加设置导航菜单方法

主题支持四个菜单(主要菜单、顶部菜单、移动端菜单和移动端页脚菜单),菜单操作使用方法: 进入WP后台→外观→菜单,点击创建新菜单。 首先输入一个菜单名称,并保存菜单。 菜单支持添加单篇文章、分类、标签...
匿名

发表评论

匿名网友 填写信息

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

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

      不错,很酷的感觉!

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

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

        • Jane博客 Jane博客 1 来自天朝的朋友 谷歌浏览器 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 感谢