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

2019年1月21日09:10:05 18 2,159

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

效果图及修改方法如下:

Begin主题目录查找路径 wp-content/themes/begin/inc 找到文件 post-meta.php 文件将:

if ( ! is_single() ) :
echo '<span class="date">';
time_ago( $time_type ='post' );
echo '</span>';

替换为:

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”两处个性图标,根据网站使用的图标库情况自行修改,本站采用的是阿里云矢量图标库。

weinxin
星光博客 站长语录
星光博客,欢迎各位来访!这是我的QQ,扫一扫,加好友。大家一起交流博客建站技术,分享前沿资讯!

发表评论

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

目前评论:18   其中:访客  11   博主  7

    • 张波博客 张波博客 3 来自天朝的朋友 谷歌浏览器 Windows 10 江苏省宿迁市 电信

      很个性了。。。

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

          @张波博客 个性时代就是要玩点突出的 :lol:

        • MAY网络营销 MAY网络营销 2 来自天朝的朋友 谷歌浏览器 Windows 10 上海市 联通

          很喜欢你添加的那个日期图标。

            • BG4PGR BG4PGR  博主 来自天朝的朋友 谷歌浏览器  EDI-AL10 Build/HUAWEIEDISON-AL10 山东省潍坊市 联通

              @MAY网络营销 喜欢!就用行动表示吧

            • nice nice 1 来自天朝的朋友 谷歌浏览器 Windows 10 广东省东莞市 (南城区)电信

              这个可以有!

              • 头条 头条 0 来自天朝的朋友 谷歌浏览器 Windows 7 广西贺州市 联通

                文章不错非常喜欢

                • 小四 小四 3 来自天朝的朋友 谷歌浏览器 Windows 10 山西省大同市 联通

                  我用上了,但是只有月和日,没有年啊

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

                      @小四 可能主题版本不同,显示会不一样

                    • 小四 小四 3 来自天朝的朋友 谷歌浏览器 Windows 10 山西省大同市 联通

                      在inc/inc.php 里面找到的

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

                          @小四 找到就好,折腾起来…… :mrgreen:

                            • 小四 小四 3 来自天朝的朋友 谷歌浏览器 Windows 10 山西省大同市 联通

                              @BG4PGR 折腾太多也没意思,审美最重要

                          • 台庄资讯 台庄资讯 1 来自天朝的朋友 谷歌浏览器 Windows 10 山东省滨州市 移动

                            不能修改太多了,一更新主题就太麻烦了 :!:

                              • BG4PGR BG4PGR  博主 来自天朝的朋友 谷歌浏览器  EDI-AL10 Build/HUAWEIEDISON-AL10 山东省青岛市 联通

                                @台庄资讯 我现在学聪明了,呵呵。要修改的地方全部重新复制CSS,并集中起来。再更新主题时复制粘贴搞定!

                              • 小四 小四 3 来自天朝的朋友 谷歌浏览器 Windows 10 河南省安阳市 移动

                                我文章采用日志格式,那个日期图标就没了

                                  • BG4PGR BG4PGR  博主 来自天朝的朋友 火狐浏览器 Windows 7 山东省潍坊市 联通

                                    @小四 刚刚理解有误,这个只能文章在标准模式下才会显示

                                  • 丘八阅读网 丘八阅读网 0 来自天朝的朋友 火狐浏览器 Windows 7 江西省九江市 电信

                                    文章不错,非常喜欢

                                    • 锋言锋语 锋言锋语 0 来自天朝的朋友 谷歌浏览器 Windows 10 福建省泉州市安溪县 电信

                                      照着改了一下,移动端显示得不怎么好看,所以放弃了!

                                        • BG4PGR BG4PGR  博主 来自天朝的朋友 火狐浏览器 Windows 10 山东省潍坊市寿光市 联通

                                          @锋言锋语 移动端以简洁为主