昨天网站刚刚通过备案,下午开始折腾,就把网站更换图标字体为Font awesome 4.7.0。还发了个折腾笔记——https://forme.zhzh.xyz//195.html结果今天突然发现了一个小问题,因为网站之前一直都是用Glyphicons,所以点赞按钮和轮换图左右切换按钮上都是用调用Glyphicons。昨天改了点赞的调用,却忘记改轮换图按钮的调用了,所以赶紧就去换。

调用的地方倒也好找直接在index.php里看到这个功能调用了focusslide.php。于是就找到focusslide.php,这个文件很短,不用搜索,直接在底部找到了原来的调用代码,换成fa的调用。本以为这样就可以了,谁知道打开首页一看,我去,整个图标字体在按钮内部上方。这就很尴尬了。

失败ONCE

我尝试用css控制它的样式,使他居中,结果并没有什么卵用,原因不明。

失败TWICE

接着我贼心不死,尝试直接在元素<i>里面的aria-hidden=”true”后面写居中,又没有效果,原因还是不明。

失败Three times&Four times

这次我换了思路,想直接把这个放大,我用10px的大小,再次尝试了上诉两种写的方法。结果css样式表里面写了字体大小后会改掉所有的字体图标,这显然不行。在元素内写字体图标后还是没什么卵用。这其中还有个插曲,我少打了个标签,导致那一部分乱码。

解决

一筹莫展的时候,我发现其实字体在按钮里还是左右居中的,只是上下没有居中,偏上了而已。我突发奇想,在调用字体前面加个<br/>是不是可以呢?没想到就这么解决了。wordpress的魅力或许就是这样,为了实现一个效果,不断尝试不同的方法。

好了,日常水收工,该睡觉了。😴