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