扩展PIX主题评论表情
本文是《技术相关(共34篇)》目录的第 34 篇。阅读本文前,建议先阅读本文前3篇文章:
PIX主题是个好主题,就是感觉它的评论表情实在是少。花1个小时把它的评论表情扩展一下。
刚开始我以为它的表情调用的图片,找了几分钟没有找到。后来分析代码,全部藏在了pix/inc/pix-comment.php里的第6行,直接调用的十进制。
参考网络上的十进制代码,修改第6行如下:
刷新缓存后显示如下:
太不好看了,看来需要改CSS。浏览器进入开发者模式,在pix/inc/assets/css/main.css里大概1721行找到了样式代码如下:
.com_smile_show .inner {
padding: 10px;
background: #fff;
display: grid;
justify-content: space-between;
grid-template-columns: repeat(auto-fill, 1.625em);
row-gap: 0.225em;
justify-items: center;
}
最后加一个width:XXXpx或者width:XXX%的宽度,根据自己实际情况进行调整,我加的是width:280%。
.com_smile_show .inner {
padding: 10px;
background: #fff;
display: grid;
justify-content: space-between;
grid-template-columns: repeat(auto-fill, 1.625em);
row-gap: 0.225em;
justify-items: center;
width:280%;
}
刷新缓存,显示正常,搞定!
沉沦
这么多 emoji 图标,选择困难症犯了。我恰恰相反,删除了些图标。
似水流年
@沉沦 你是以简洁为主啊,看主题就能看得出来。😸