![图片[1]-子比主题美化合集-小钙论坛-网盘资源分享](https://aagay.cn/wp-content/uploads/2022/12/image-9-1024x134.png)
效果
![图片[3]-子比主题美化合集-小钙论坛-网盘资源分享](https://aagay.cn/wp-content/uploads/2025/03/微信截图_20250302211308.jpg)
教程
（以子比主题最新版为例）在后台主题设置—>自定义代码—>自定义javascript代码把下面的代码添加到里面即可实现。
//<a href="https://www.atbkw.cn/tag/%e5%8a%a8%e6%80%81%e6%a0%87%e9%a2%98"><b style="color:#0388d1">动态标题</b></a>
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)
}
});注：代码中“你别走吖 Σ(っ °Д °;)っ”和“(/≧▽≦/)你又回来啦！”可自行修改成自己喜欢的标题文字。
- 如果你的网站主题设置没有自定义javascript代码这个框的话，若有自定义头部HTML代码的话，把下面的代码添加到里面也可实现。
- 或者在首页文件位于“</hesd>”标签之前添加下面的代码也可以。
<script type="text/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)
}
});
</script>注：代码中“你别走吖 Σ(っ °Д °;)っ”和“(/≧▽≦/)你又回来啦！”可自行修改成自己喜欢的标题文字。
效果
![图片[4]-子比主题美化合集-小钙论坛-网盘资源分享](https://aagay.cn/wp-content/uploads/2022/12/image-1.png)
教程
在子比主题设置—>文章&列表—>文章页—>版权提示内容处添加以下代码
<div>
<!--网站声明代码start-->
<div>
<fieldset
style="
border: 1px dashed #008cff;
padding: 10px;
border-radius: 5px;
line-height: 2em;
color: #6d6d6d;
"
>
<legend
align="center"
style="
width: 30%;
text-align: center;
background-color: #008cff;
border-radius: 5px;
background-image: linear-gradient(to right, #FFCC99, #FF99CC); text-align:center;"
"
>
文章版权声明
</legend>
1、本网站名称：<span style="color: #3333ff"
><span style="color: #FF6666; font-size: 18px"
><strong>傲天</strong></span
></span
><br />
2、本站永久网址：<font color="#FF6666">http://xxxx.cn</font
><br />
3、本网站的文章部分内容可能来源于网络，仅供大家学习与参考，如有侵权，请联系站长QQ123456进行删除处理。<br />
4、本站一切资源不代表本站立场，并不代表本站赞同其观点和对其真实性负责。<br />
5、本站一律禁止以任何方式发布或转载任何违法的相关信息，访客发现请向站长举报<br />
6、本站资源大多存储在云盘，如发现链接失效，请联系我们我们会第一时间更新。<br />
</fieldset>
</div>
<!--网站声明代码end--><br />
</div>前言
并不是每一个站长都有条件使用大容量服务器，更多WordPress的博主/站长使用的主机空间或是服务器容量不是特别的大，这时候为节省服务器空间我们可以尽量减少文件的数量，尽可能的删除一些没用的媒体文件，今天给大家带来一篇WordPress教程，主要是教大家如何在删除文章时自动删除文章内的图片附件，已节省服务器空间更方便管理wordpress图片附件。
效果
自行测试
教程
将下面WordPress代码复制粘贴到自己主题的functions.php里即可
//删除文章时删除图片附件
function delete_post_and_attachments($post_ID) {
global $wpdb;
//删除特色图片
$thumbnails = $wpdb->get_results( "SELECT * FROM $wpdb->postmeta WHERE meta_key = '_thumbnail_id' AND post_id = $post_ID" );
foreach ( $thumbnails as $thumbnail ) {
wp_delete_attachment( $thumbnail->meta_value, true );
}
//删除图片附件
$attachments = $wpdb->get_results( "SELECT * FROM $wpdb->posts WHERE post_parent = $post_ID AND post_type = 'attachment'" );
foreach ( $attachments as $attachment ) {
wp_delete_attachment( $attachment->ID, true );
}
$wpdb->query( "DELETE FROM $wpdb->postmeta WHERE meta_key = '_thumbnail_id' AND post_id = $post_ID" );
}
add_action('before_delete_post', 'delete_post_and_attachments');前言
关于这个网站复制自动添加版权和原文地址的这个功能之前我也有研究过，网站百度也有很多，但是基本上都是失效的，要么能用也只是在文字内复制之后会自动添加，但是代码质量的就不会自动添加，对于如果不懂 javascript 代码的朋友来说是很头疼的，因此社长也研究了优化一版，分享给大家使用。
效果
![图片[2]-子比主题美化合集-小钙论坛-网盘资源分享](https://aagay.cn/wp-content/uploads/2025/03/image.png)
教程
a329033053效果
![图片[6]-子比主题美化合集-小钙论坛-网盘资源分享](https://aagay.cn/wp-content/uploads/2022/12/image-2-1024x528.png)
教程
把下面背景图代码放到主题下的css里面，我是子比主题就放到后台的css里面就可以了,把下面代码的图片链接改成你需要的背景图就行了。
/*背景色*/body {background: -webkit-linear-gradient(0deg,#ffdee9c4 0%,#b5fffc8f 100%); background-color: #FFDEE9;}![图片[7]-子比主题美化合集-小钙论坛-网盘资源分享](https://aagay.cn/wp-content/uploads/2022/12/微信截图_20250302211608.jpg)
前言
对于很多个人博客、个人站长都采用WordPress来快速搭建网站，在使用WordPress的过程中少不了遇到一些问题。小编也通过WordPress搭建了一个个人博客，由于使用的廉价空间，容量并不大。最近发现空间容量告急，就查了一下相关文件占比，原来上传的附件图片占据了绝大部分容量，并且上传的单个文件被重复创建了多个，百度了一下原来是WordPress升级引起的。
WordPress 从4.4 版本开始增加了Responsive Image即响应式图片的功能，它目的是让图片能适应手机、平板等不同屏幕。当用户在WordPress中上传图片的时候，WordPress会自动将图片按比例剪裁为多个小尺寸的图片。
教程
比如说我这里上传的图片像素大小为 1113×667 ，它自动给裁剪成了150×90，300×180，768×460，1024×614 四张缩略图。
- 第一步
由于WordPress预置这些参数并直接在安装时就写入数据库，单纯通过在后台设置-媒体-图像大小 下将所有数值改为0，WordPress仍会创建一个固定宽度为768的文件。
- 第二步
有没有彻底禁用缩略图的办法了？
答案是：有。那就开启WordPress上帝模式（全局选项设置）
- 通过
http://你的域名/wp-admin/options.php访问即可进入了WordPress的全部设置页面。 - 在此页面找到
medium_large_size_w选项，将其设置为0即可。记得点保存按钮！（此页面很长，使劲往下拉才看到到）
前言
分享一共文字效果代码看起来还不错，可以用于网站底部用，喜欢的拿走
效果
代码
<div id="chakhsu"></div>
<script>
var chakhsu = function (r) {
function t() {
return b[Math.floor(Math.random() * b.length)]
}
function e() {
return String.fromCharCode(94 * Math.random() + 33)
}
function n(r) {
for (var n = document.createDocumentFragment(), i = 0; r > i; i++) {
var l = document.createElement("span");
l.textContent = e(), l.style.color = t(), n.appendChild(l)
}
return n
}
function i() {
var t = o[c.skillI];
c.step ? c.step-- : (c.step = g, c.prefixP < l.length ? (c.prefixP >= 0 && (c.text += l[c.prefixP]), c.prefixP++) : "forward" === c.direction ? c.skillP < t.length ? (c.text += t[c.skillP], c.skillP++) : c.delay ? c.delay-- : (c.direction = "backward", c.delay = a) : c.skillP > 0 ? (c.text = c.text.slice(0, -1), c.skillP--) : (c.skillI = (c.skillI + 1) % o.length, c.direction = "forward")), r.textContent = c.text, r.appendChild(n(c.prefixP < l.length ? Math.min(s, s + c.prefixP) : Math.min(s, t.length - c.skillP))), setTimeout(i, d)
}
/*以下内容自定义修改*/
var l = "小钙，",
o = ["xiaogay.cn。", ].map(function (r) {
return r + ""
}), a = 2, g = 1, s = 5, d = 75,
b = ["rgb(110,64,170)", "rgb(150,61,179)", "rgb(191,60,175)", "rgb(228,65,157)", "rgb(254,75,131)", "rgb(255,94,99)", "rgb(255,120,71)", "rgb(251,150,51)", "rgb(226,183,47)", "rgb(198,214,60)", "rgb(175,240,91)", "rgb(127,246,88)", "rgb(82,246,103)", "rgb(48,239,130)", "rgb(29,223,163)", "rgb(26,199,194)", "rgb(35,171,216)", "rgb(54,140,225)", "rgb(76,110,219)", "rgb(96,84,200)"],
c = {text: "", prefixP: -s, skillI: 0, skillP: 0, direction: "forward", delay: a, step: g};
i()
};
chakhsu(document.getElementById('chakhsu'));
</script>
<div>
暂无评论内容