近期有站长反馈说使用ZBlogPHP 免费主题 zbpNana编辑文章时,所添加的上标和下标在编辑器中显示正常,但是在前端页面显示不正常。具体如下:
经了解,原来 ZBlogPHP 所添加的上标和下标都有对应的 CSS 代码,而 zbpNana 和 Blogs 主题没有考虑到上下标问题,所以解决办法很简单,只需要将上标和下标对应的 CSS 代码添加到主题文件 style.css 即可。下面 boke11 2 联盟以 zbpNana 主题为例进行说明,Blogs 主题和其他主题方法差不多。
1、找到并编辑 zb_users\theme\zbpNana\style\style.css 文件,在最后面添加以下上标和下标代码:
sup { vertical-align: super; font-size: smaller; } sub { vertical-align: sub; font-size: smaller; }
2、登录后台点击 [清空缓存并重新编译模板]按钮重新编译主题文件。
3、清空浏览器缓存即可(PS:如还开有 CDN 加速的话,还要刷新这个 style.css 文件才行)。
至此,我们已经成功让 zbpNana 主题正常显示文章中的上标和下标。如果你也遇到这个问题,建议参考本文折腾试试。
到此这篇关于ZBlogPHP免费主题zbpNana和Blogs上下标显示异常咋办?就介绍到这了。智者一切求自己,愚者一切求他人。好听的游戏名字更多相关ZBlogPHP免费主题zbpNana和Blogs上下标显示异常咋办?内容请查看相关栏目,小编编辑不易,再次感谢大家的支持!