BUG作者已修复,更新到最新即可
最近在用VOID主题,不得不说很好看而且开发者也很用心去写这个主题。
但是在用VOID发布版时在Chrome浏览器时会出现点击闪烁,开发者熊猫小A在发布版中解决了这一问题,但是在换用开发版时出现了发布版中没有出现的问题(如下图)
但是这个BUG我也不会修复,毕竟对这一无所知。在看作者GitHub时看到已经有人提交了BUG,作者也回应了,应该不久就修复了。
但是作者修复之前自己不能让它一直BUG下去,于是就想了个其他小办法暂时性让OwO表情不会被遮挡。
于是结合网上的一些js的实例,进行了研究,终于东拼西凑写出来了。
方法:
1.在comments.php里找到
<span class="OwO" aria-label="表情按钮" role="button"></span>
改为
<span class="OwO" aria-label="表情按钮" role="button" id="ccodeanniu" onclick="javascript:but1Onclick();"></span>
2.在这段代码下面找到(51~54行)
<button id="comment-submit-button" type="submit" class="submit btn btn-normal">提交评论</button>
</p>
</form>
</div>
3.在2步骤那段代码下面(54行下)添加
<script>
function but1Onclick()
{//按钮点击事件
var div = document.getElementById("ccodediv");
var h=document.getElementById("ccodeanniu").className;
if(h=='OwO')
{div.style.height ="0px";}
else
{div.style.height ="220px";}}
function getStyle(parm1,parm2) {
return parm1.currentStyle ? parm1.currentStyle[parm2] : getComputedStyle(parm1)[parm2]; //parm1,要改变的元素代替名;parm2,要改变的属性名
}
</script>
4.在2步骤的的 </form>
和 </div>
中间加入
<div id="ccodediv" style="width: 100%;height: 0px;"></div>
5.保存好了。
原理:
当你点击OwO按钮时,会将 <div id="ccodediv">
高度变大,撑开与footer的距离,从而不会被遮住。
当原作者修复后,本文章作废。
老哥有字体加载不出来的问题吗 Google Fonts直接Q了
换字体源或者不用衬线体 ,我也不是很懂
我的wordpress都不知道咋加滑稽好
这个VOID主题里这个表情文件,但是我不知道怎么进行导入。 如果需要的话可以发你。
![C]LP_%Z3XOA(EP77OTG~C{3.png](https://i.loli.net/2019/07/18/5d300e69e0cc359568.png)是这个文件嘛,我wordpress里面好像得要图片,然后一个一个改
噗,原来上面那个文件夹就是,但是我得怎么融合到wp呢
https://files.mebyz.cn/biaoqing.zip这是表情和调用的js,使用方法可以下载原作者的主题包,看看他是怎么调用的
我就说嘛原来加个表情都不方便 直接给挡住了可以的老哥!自己解决了
哈哈,也是在网上东拼西凑的临时方法。