首页 zblog正文

ZBlogPHP免费主题zbpNana和Blogs上下标显示异常咋办?

Admin zblog 2021-01-21 15:01:54 407

近期有站长反馈说使用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 主题正常显示文章中的上标和下标。如果你也遇到这个问题,建议参考本文折腾试试。

© 编程脚本学习网