WP导航主题WebStack Pro魔改优化教程(四):自定义网址内容页的Tag标签到任意位置

技术文摘4年前 (2021)更新 8KMM
8.7K 0 0

 今日主题: 自定义网址内容页的Tag标签到任意位置

声明:本篇有违“魔改”这个标题;修改之前做好笔记或备份。

在原WebStackPro的版本中, 内容页中的Tag标签块紧帖着简介, 挤在一起,不符合用户习惯。

WP导航主题WebStack Pro魔改优化教程(四):自定义网址内容页的Tag标签到任意位置

想要把它的位置改成这样:

放在起眼的地方, 详细介绍文末。

效果:

WP导航主题WebStack Pro魔改优化教程(四):自定义网址内容页的Tag标签到任意位置

修改方法:

第一步:

找到并打开content-site.php文件。

第二步:

搜索位置:”the_terms( get_the_ID()”, 大概在第84行。

把以下代码选中,并且剪切。 放到你认为放到的位置。

<?php the_terms( get_the_ID(), 'sitetag',__('标签:','i_theme').'<span class="mr-1">', '<i class="iconfont icon-wailian text-ss"></i></span> <span class="mr-1">', '<i class="iconfont icon-wailian text-ss"></i></span>' ); ?>

如果想在前面加上tag样式, 可以在前面加上

<i class="site-tag iconfont icon-tag icon-lg mr-1" style="color:red;"></i>

完整代码如下:

<i class="site-tag iconfont icon-tag icon-lg mr-1" style="color:red;"></i>

<?php the_terms( get_the_ID(), 'sitetag',__('标签:','i_theme').'<span class="mr-1">', '<i class="iconfont icon-wailian text-ss"></i></span> <span class="mr-1">', '<i class="iconfont icon-wailian text-ss"></i></span>' ); ?>

WP导航主题WebStack Pro魔改优化教程(四):自定义网址内容页的Tag标签到任意位置

 

保存, 然后就可以看效果了。

wordpress程序如何优化?数据库如何优化? 将在后续的章节中实践。

Webstack Pro 魔改起航!每日一篇修改教程, 记录修改点滴!

 

 

© 版权声明

相关文章

文章目录

    暂无评论

    暂无评论...