CSS代码(样式美化):后台 → 子比主题设置 → 自定义代码 → 自定义CSS样式(无需添加<style>标签);
JS代码(动态效果):后台 → 子比主题设置 → 自定义代码 → 自定义javascript代码(无需添加<script>标签);
HTML代码(内容插入):根据需求选择位置,可在“主题设置 → 自定义代码 → 自定义头部/底部代码”添加,或通过“外观 → 小工具 → 自定义HTML”添加到侧边栏、底部等位置,复制代码粘贴后保存即可。
提示:若主题版本为v5.0及以上,自定义代码入口为“主题设置 → 全局&功能 → 自定义代码”。

网站标题/副标题:修改为自己的网站名称(如“XX的个人博客”),副标题可添加一句个性签名(如“分享生活,记录成长”),提升辨识度;
Logo设置:上传自己设计的Logo(建议尺寸120*40px,PNG格式,透明背景),也可使用文字Logo,调整字体、颜色与网站风格匹配;
网站图标(favicon):上传16*16px或32*32px的图标,显示在浏览器标签页,让网站更专业,建议与Logo风格统一。
主色调设置:子比默认主色调为蓝色,可修改为自己喜欢的颜色(如粉色、绿色、橙色),建议选择柔和、不刺眼的颜色,避免影响阅读体验;
辅助色/文本色:根据主色调调整辅助色(按钮、链接颜色)和文本色,确保文本清晰、对比明显(如深色背景配浅色文本);
背景设置:可设置纯色背景、渐变背景,新手不建议设置过于复杂的背景图,避免遮挡文本,影响阅读。
全局字体:选择适合中文阅读的字体(如微软雅黑、思源黑体),避免使用小众字体,防止部分设备无法显示;
字体大小:调整正文字体大小(建议14-16px)、标题字体大小,确保手机端、电脑端阅读均舒适,子比支持响应式字体,可勾选“自适应字体大小”;
行高设置:正文行高建议设置为1.8-2.0,提升文本可读性,避免行高过密或过疏。
进入后台 → 子比主题设置 → 自定义代码 → 自定义javascript代码;
复制下方代码,粘贴到输入框,点击“保存设置”;
可修改代码中“你别走吖 Σ(っ °Д °;)っ”和“(/≧▽≦/)你又回来啦!”,替换为自己喜欢的文案。
//动态标题开始
var OriginTitile = document.title,
titleTime;
document.addEventListener("visibilitychange",
function() {
if (document.hidden) {
document.title = "你别走吖 Σ(っ °Д °;)っ";
clearTimeout(titleTime)
} else {
document.title = "(/≧▽≦/)你又回来啦! " ;
titleTime = setTimeout(function() {
document.title = OriginTitile
},
2000)
}
});进入后台 → 子比主题设置 → 文章&列表 → 文章页 → 版权提示;
清空默认内容,复制下方代码粘贴,点击“保存设置”;
修改代码中的“默语空间”“https://www.81dir.com/”“212899591”等信息,替换为自己的网站名称、网址、联系方式。
<div> <fieldset style=" border: 1.5px dashed #008cff; padding: 10px; border-radius: 5px; line-height: 2em;font-weight: 700;color: var(--key-color);background-color: var(--body-bg-color);"> <legend align="center" style=" margin-bottom: -2px;width: 30%;text-align: center; background-color: #008cff; border-radius: 999px; background-image: linear-gradient(to right, #FFCC99, #FF99CC);border: 1.5px dashed #008cff;"> 版权声明 </legend> <span class="btn-info btn-xs">1</span> 本网站名称:<span style="color: #3333ff"><span style="color: #FF6666; font-size: 18px"><strong>默语空间</strong></span></span><br> <span class="btn-info btn-xs">2</span> 本站永久网址:<font color="#FF6666">https://www.81dir.com/</font><br> <span class="btn-info btn-xs">3</span> 本网站的文章部分内容可能来源于网络,仅供大家学习与参考,如有侵权,请联系站长QQ:<a href="http://wpa.qq.com/msgrd?v=3&uin=212899591&site=qq&menu=yes" target="_blank">212899591</a>进行删除处理。<br> <span class="btn-info btn-xs">4</span> 本站一切资源不代表本站立场,并不代表本站赞同其观点和对其真实性负责。<br> <span class="btn-info btn-xs">5</span> 本站一律禁止以任何方式发布或转载任何违法的相关信息,访客发现请向站长举报<br> <span class="btn-info btn-xs">6</span> 本站资源大多存储在云盘,如发现链接失效,请联系我们我们会第一时间更新。<br> </fieldset> </div>
进入后台 → 子比主题设置 → 自定义代码 → 自定义CSS样式;
复制下方代码,粘贴到输入框,点击“保存设置”;
可修改代码中的“4s”(呼吸动画时长)、“1.1倍”(放大比例),调整效果强度。
/*【用户头像呼吸光环+鼠标悬停旋转放大】开始 */
.avatar{
border-radius: 50%;
animation: light 4s ease-in-out infinite;
transition: all 0.5s ease;
}
/* 呼吸光环效果 */
@keyframes light {
0%{box-shadow: 0 0 10px rgba(0,140,255,0.3);}
50%{box-shadow: 0 0 20px rgba(0,140,255,0.8);}
100%{box-shadow: 0 0 10px rgba(0,140,255,0.3);}
}
/* 鼠标悬停旋转放大 */
.avatar:hover{
transform: rotate(360deg) scale(1.1);
box-shadow: 0 0 25px rgba(0,140,255,0.8);
}
/*【用户头像呼吸光环+鼠标悬停旋转放大】结束 */进入后台 → 子比主题设置 → 自定义代码 → 自定义CSS样式;
复制下方代码,粘贴到输入框,点击“保存设置”;
修改代码中的“#008cff”(滚动条颜色),替换为自己网站的主色调,与整体风格统一。
/*【彩色滚动条样式】开始 */
::-webkit-scrollbar {
width: 7px; /* 滚动条宽度 */
height: 1px; /* 水平滚动条高度 */
}
::-webkit-scrollbar-thumb {
background: #008cff; /* 滚动条滑块颜色 */
border-radius: 5px; /* 滑块圆角 */
}
::-webkit-scrollbar-track {
background: #f5f5f5; /* 滚动条轨道颜色 */
border-radius: 5px; /* 轨道圆角 */
}
/*【彩色滚动条样式】结束 */进入后台 → 子比主题设置 → 自定义代码 → 自定义CSS样式;
复制下方代码,粘贴到输入框,点击“保存设置”即可,无需额外修改。
/*【首页文章列表悬停上浮】开始 */
@media screen and (min-width: 980px){
.tab-content .posts-item:not(article){
transition: all 0.3s ease;
}
.tab-content .posts-item:not(article):hover{
transform: translateY(-5px); /* 上浮距离 */
box-shadow: 0 5px 15px rgba(0,0,0,0.1); /* 阴影效果 */
}
}
/*【首页文章列表悬停上浮】结束 */背景美化:电脑端炫彩夜空、五彩斑斓动态背景(不可与其他背景混用);
界面优化:按钮样式、卡片阴影、字体美化等;
动态效果:鼠标点击特效、页面加载动画等;
功能增强:文章删除时自动删除图片附件(减少服务器占用)。
下载插件压缩包(zibll_Add_ons.zip),解压到电脑桌面;
进入WordPress后台 → 插件 → 安装插件 → 上传插件,选择解压后的压缩包;
安装完成后,点击“启用”插件;
在后台“插件”列表中,找到“MJ美化插件”,点击“配置”,勾选自己喜欢的美化特效,保存设置即可。
美化后网站出错、无法访问:大概率是代码粘贴错误(如遗漏符号、粘贴了多余空格),可通过后台“自定义代码”删除刚添加的代码,或恢复网站备份;
更新主题后,美化效果丢失:若美化代码是通过主题后台“自定义代码”添加的,不会丢失;若修改了主题核心文件,需重新添加修改的内容,建议优先使用后台自定义代码入口;
插件美化与代码美化冲突:关闭冲突的插件特效或删除冲突的代码,保留一种美化方式即可。
//删除文章时删除图片附件 开始
function delete_post_and_attachments($post_id) {
//删除特色图片
$thumbnail_id = get_post_thumbnail_id($post_id);
if ($thumbnail_id) {
wp_delete_attachment($thumbnail_id, true);
}
//删除文章内的图片附件
$attachments = get_children(array('post_parent' => $post_id, 'post_type' => 'attachment', 'post_mime_type' => 'image'));
if ($attachments) {
foreach ($attachments as $attachment) {
wp_delete_attachment($attachment->ID, true);
}
}
}
add_action('before_delete_post', 'delete_post_and_attachments');
//删除文章时删除图片附件 结束