子比主题美化 – 评论小工具添加动漫人物背景

效果图

教程开始
1.安装php拓展Fileinfo(api调用时需要)
2.将下面代码放入WordPress后台-子比主题设置-全局-自定义代码-自定义css代码中

.posts-mini {
    background-size: cover;
    margin-bottom: 5px;
    padding: 15px;
}

将下面代码添加到自定义代码中的自定义JavaScript代码中

var postsMiniElements = document.querySelectorAll('.posts-mini');

postsMiniElements.forEach(function(element) {
    var randomBase64 = btoa(Math.random().toString(36).substr(2, 9));
    var url = '/wp-content/themes/zibll/img/moxing/cebian/tfapi.php?kid=' + randomBase64;
    element.style.backgroundImage = 'url(' + url + ')';
});