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

  • A+
所属分类:WordPress

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

星光自己也摸索过文章显示当前分类目录的方法,虽然也是成功了,但是不怎么美丽,离我的要求还有一点点的距离,没有达到完美化。在与“简单生活”博客友联过程中看到他的网站显示的效果正是我想要的,随与博主联系获取到了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,扫一扫,加好友。大家一起交流博客建站技术,分享前沿资讯!

发表评论

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

目前评论:33   其中:访客  20   博主  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 沙特阿拉伯

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