https://www.amitu.cn/xiaobaitu/tupian/qq.png

https://www.amitu.cn/xiaobaitu/tupian/wechat.png

https://www.amitu.cn/xiaobaitu/tupian/about.png

https://www.amitu.cn/xiaobaitu/tupian/updata.png

21· 防止盗用代码禁止 F12 和打开网页控制台快捷键

虽然这个功能有些鸡肋，不过是可以避免大部分的快捷键打开网站控制台，要查看你网站的源码还是要费点劲的。
网站管理后台-
–》子比主题设置
—》自定义代码
—》自定义底部 HTML 代码，把下面的 css 代码复制粘贴到里面即可。
其他主题的话在你的主题目录下的，footer.php文件中下面添加下面的代码：

自定义HTML代码：


<!--安全 1 开始-->
<script type="text/javascript">
        window.onload = function(){
            document.onkeydown = function (){
                var e = window.event || arguments[0];
                //F12
                if(e.keyCode == 123){
                    return false;
                //Ctrl+Shift+I
                }else if((e.ctrlKey) && (e.shiftKey) && (e.keyCode == 73)){
                    return false;
                //Shift+F10
                }else if((e.shiftKey) && (e.keyCode == 121)){
                    return false;
                //Ctrl+U
                }else if((e.ctrlKey) && (e.keyCode == 85)){
                    return false;
                }
            };
            document.oncontextmenu = function (){
                return false;
            }
        }
    </script>
<!--by：零号资源网-www.0hao.cc-->
<!--安全 1 结束-->
<!--安全 1 开始-->
<script type="text/javascript">
        window.onload = function(){
            document.onkeydown = function (){
                var e = window.event || arguments[0];
                //F12
                if(e.keyCode == 123){
                    return false;
                //Ctrl+Shift+I
                }else if((e.ctrlKey) && (e.shiftKey) && (e.keyCode == 73)){
                    return false;
                //Shift+F10
                }else if((e.shiftKey) && (e.keyCode == 121)){
                    return false;
                //Ctrl+U
                }else if((e.ctrlKey) && (e.keyCode == 85)){
                    return false;
                }
            };
            document.oncontextmenu = function (){
                return false;
            }
        }
    </script>
<!--by：零号资源网-www.0hao.cc-->
<!--安全 1 结束-->
<!--安全 1 开始-->
<script type="text/javascript">
        window.onload = function(){
            document.onkeydown = function (){
                var e = window.event || arguments[0];
                //F12
                if(e.keyCode == 123){
                    return false;
                //Ctrl+Shift+I
                }else if((e.ctrlKey) && (e.shiftKey) && (e.keyCode == 73)){
                    return false;
                //Shift+F10
                }else if((e.shiftKey) && (e.keyCode == 121)){
                    return false;
                //Ctrl+U
                }else if((e.ctrlKey) && (e.keyCode == 85)){
                    return false;
                }
            };
            document.oncontextmenu = function (){
                return false;
            }
        }
    </script>
<!--by：零号资源网-www.0hao.cc-->
<!--安全 1 结束-->

方法二：不要扒我了

网站管理后台-–》子比主题设置—》自定义代码—》自定义底部 HTML 代码，把下面的 css 代码复制粘贴到里面即可。其他主题的话在你的主题目录下的，footer.php文件中下面添加下面的代码：


<!--安全 2 不要扒我了开始-->
<script type="text/javascript">
((function() {
    var callbacks = [],
        timeLimit = 50,
        open = false;
    setInterval(loop, 1);
    return {
        addListener: function(fn) {
            callbacks.push(fn);
        },
        cancleListenr: function(fn) {
            callbacks = callbacks.filter(function(v) {
                return v !== fn;
            });
        }
    }
    function loop() {
        var startTime = new Date();
        debugger;
        if (new Date() - startTime > timeLimit) {
            if (!open) {
                callbacks.forEach(function(fn) {
                    fn.call(null);
                });
            }
            open = true;
            window.stop();
            alert('不要扒我了');
            window.location.reload();
        } else {
            open = false;
        }
    }
})()).addListener(function() {
    window.location.reload();
});
</script>
<!--by：零号资源网-www.0hao.cc-->
<!--安全 2 不要扒我了结束-->
<!--安全 2 不要扒我了开始-->
<script type="text/javascript">
((function() {
    var callbacks = [],
        timeLimit = 50,
        open = false;
    setInterval(loop, 1);
    return {
        addListener: function(fn) {
            callbacks.push(fn);
        },
        cancleListenr: function(fn) {
            callbacks = callbacks.filter(function(v) {
                return v !== fn;
            });
        }
    }
    function loop() {
        var startTime = new Date();
        debugger;
        if (new Date() - startTime > timeLimit) {
            if (!open) {
                callbacks.forEach(function(fn) {
                    fn.call(null);
                });
            }
            open = true;
            window.stop();
            alert('不要扒我了');
            window.location.reload();
        } else {
            open = false;
        }
    }
})()).addListener(function() {
    window.location.reload();
});
</script>
<!--by：零号资源网-www.0hao.cc-->
<!--安全 2 不要扒我了结束-->
<!--安全 2 不要扒我了开始-->
<script type="text/javascript">
((function() {
    var callbacks = [],
        timeLimit = 50,
        open = false;
    setInterval(loop, 1);
    return {
        addListener: function(fn) {
            callbacks.push(fn);
        },
        cancleListenr: function(fn) {
            callbacks = callbacks.filter(function(v) {
                return v !== fn;
            });
        }
    }
    function loop() {
        var startTime = new Date();
        debugger;
        if (new Date() - startTime > timeLimit) {
            if (!open) {
                callbacks.forEach(function(fn) {
                    fn.call(null);
                });
            }
            open = true;
            window.stop();
            alert('不要扒我了');
            window.location.reload();
        } else {
            open = false;
        }
    }
})()).addListener(function() {
    window.location.reload();
});
</script>
<!--by：零号资源网-www.0hao.cc-->
<!--安全 2 不要扒我了结束-->

22· 长文章分页按钮美化

wordpress自带的分页按钮是比较丑的很突兀，经过社长一段下面的 CSS 代码优化之后会变得更加美观

子比主题添加路径：网站管理后台-–》子比主题设置—》自定义代码—》自定义 CSS 样式，把下面的 css 代码复制粘贴到里面即可。

自定义 CSS 代码


/*文章分页按钮美化*/
.post-page-numbers{padding: 4px 10px;text-align:center;display: inline; }.post-nav-links{background:0;margin-left: -50px;}
/*文章分页按钮美化*/
.post-page-numbers{padding: 4px 10px;text-align:center;display: inline; }.post-nav-links{background:0;margin-left: -50px;}
/*文章分页按钮美化*/
.post-page-numbers{padding: 4px 10px;text-align:center;display: inline; }.post-nav-links{background:0;margin-left: -50px;}

效果演示：

23· ordPress 上传图片自动重命名无需插件

24· 友情链接右侧申请按钮动态美化

这个是一个小功能，也是为了留个备忘录，担心下次搬家这个给忘了
添加方法： 后台设置—>外观—>小工具—>添加 Zibll 链接列表(新版),加到标题右侧按钮即可


<span class="but c-blue radius"><svg class="icon fa-spin" aria-hidden="true"><use xlink:href="#icon-fengche1"></use></svg>申请友链
<span class="but c-blue radius"><svg class="icon fa-spin" aria-hidden="true"><use xlink:href="#icon-fengche1"></use></svg>申请友链
<span class="but c-blue radius"><svg class="icon fa-spin" aria-hidden="true"><use xlink:href="#icon-fengche1"></use></svg>申请友链

25· 文章添加设置隐藏内容关注公众号可见

26· 友链图片圆角样式

未优化之前友链的图片是方方正正的，不太好看，优化一下之后顺眼很多


/*友链头像圆角*/
<!--by：零号资源网-www.0hao.cc-->
.link-only-img img{border-radius: var(--main-radius);}
.link-img img{border-radius: var(--main-radius);}
/*友链头像圆角*/
<!--by：零号资源网-www.0hao.cc-->
.link-only-img img{border-radius: var(--main-radius);}
.link-img img{border-radius: var(--main-radius);}
/*友链头像圆角*/
<!--by：零号资源网-www.0hao.cc-->
.link-only-img img{border-radius: var(--main-radius);}
.link-img img{border-radius: var(--main-radius);}

效果演示：

27· 进入网站提醒来源地址和问候语客户端信息 9.16 已修复错位不显示问题

社长已经添加判断代码，添加之后只会在首页显示，其他页面不显示

1.将下面的 PHP 代码加入到主题目录下：themes/zibll/footer.php 文件中。

有两个版本，一个是精简代码版，一个是全 js 代码版，都是一样的，只不过社长有强迫症，代码太多看的很累


<!-- 进入网站提醒来源地址和问候语客户端信息开始精简版 -->
<?php if (is_home ()) : ?> 
<div id="fps" style="z-index:5;position:fixed;bottom:3px;left:3px;color:#2196F3;font-size:10px;">
</div>
<script type="text/javascript" src="https://98dou-cn.vercel.app/jsheji/fangwentishi/fetch.min.js">
</script>
<script src="https://cdn.gmit.vip/layer/3.1.1/layer.js" type="text/javascript"
charset="utf-8">
</script>
<script src="https://98dou-cn.vercel.app/jsheji/fangwentishi/ts.js" type="text/javascript"
charset="utf-8">
</script>
<?php endif; ?>
<!--by：零号资源网-www.0hao.cc-->
<!-- 进入网站提醒来源地址和问候语客户端信息开始 -->
<!-- 进入网站提醒来源地址和问候语客户端信息开始精简版 -->
<?php if (is_home ()) : ?> 
<div id="fps" style="z-index:5;position:fixed;bottom:3px;left:3px;color:#2196F3;font-size:10px;">
</div>
<script type="text/javascript" src="https://98dou-cn.vercel.app/jsheji/fangwentishi/fetch.min.js">
</script>
<script src="https://cdn.gmit.vip/layer/3.1.1/layer.js" type="text/javascript"
charset="utf-8">
</script>
<script src="https://98dou-cn.vercel.app/jsheji/fangwentishi/ts.js" type="text/javascript"
charset="utf-8">
</script>
<?php endif; ?>
<!--by：零号资源网-www.0hao.cc-->
<!-- 进入网站提醒来源地址和问候语客户端信息开始 -->
<!-- 进入网站提醒来源地址和问候语客户端信息开始精简版 -->
<?php if (is_home ()) : ?> 
<div id="fps" style="z-index:5;position:fixed;bottom:3px;left:3px;color:#2196F3;font-size:10px;">
</div>
<script type="text/javascript" src="https://98dou-cn.vercel.app/jsheji/fangwentishi/fetch.min.js">
</script>
<script src="https://cdn.gmit.vip/layer/3.1.1/layer.js" type="text/javascript"
charset="utf-8">
</script>
<script src="https://98dou-cn.vercel.app/jsheji/fangwentishi/ts.js" type="text/javascript"
charset="utf-8">
</script>
<?php endif; ?>
<!--by：零号资源网-www.0hao.cc-->
<!-- 进入网站提醒来源地址和问候语客户端信息开始 -->


<!-- 进入网站提醒来源地址和问候语客户端信息开始代码版 -->
<?php if (is_home ()) : ?> 
<div id="fps" style="z-index:5;position:fixed;bottom:3px;left:3px;color:#2196F3;font-size:10px;">
</div>
<script type="text/javascript" src="https://cdn.jsdelivr.net/gh/kaliisra/myblogstatic/kehuduan-js/fetch.min.js">
</script>
<script src="https://cdn.gmit.vip/layer/3.1.1/layer.js" type="text/javascript"
charset="utf-8">
</script>
<script>
  /*网站打开提醒代码开始*/
  $(function() {
    if (
    /*getCookie('msg') !=*/
    1) {
      var t = document.createElement("a");
      t.href = document.referrer;
      var msgTitle = t.hostname;
      var name = t.hostname.split(".")[1];
      if ("" !== document.referrer) {
        switch (name) {
        case 'bing':
          msgTitle = '必应搜索';
          break;
        case 'baidu':
          msgTitle = '百度搜索';
          break;
        case 'so':
          msgTitle = '360 搜索';
          break;
        case 'google':
          msgTitle = '谷歌搜索';
          break;
        case 'sm':
          msgTitle = '神马搜索';
          break;
        case 'sogou':
          msgTitle = '搜狗搜索';
          break;
        default:
          msgTitle = t.hostname;
        };
      };
      var time = (new Date).getHours();
      var msg = '';
      23 < time || time <= 5 ? msg = "你是夜猫子呀？这么晚还不睡觉，明天起的来嘛？": 5 < time && time <= 7 ? msg = "早上好！一日之计在于晨，美好的一天就要开始了！": 7 < time && time <= 11 ? msg = "上午好！工作顺利嘛，不要久坐，多起来走动走动哦！": 11 < time && time <= 14 ? msg = "中午了，工作了一个上午，现在是午餐时间！": 14 < time && time <= 17 ? msg = "午后很容易犯困呢，今天的运动目标完成了吗？": 17 < time && time <= 19 ? msg = "傍晚了！窗外夕阳的景色很美丽呢，最美不过夕阳红~": 19 < time && time <= 21 ? msg = "晚上好，今天过得怎么样？": 21 < time && time <= 23 && (msg = "已经这么晚了呀，早点休息吧，晚安~");
      $.ajax({
        type: "get",
        url: "https://api.gmit.vip/Api/UserInfo/",
        async: true,
        success: function(data) {
          window.info = data;
          layer.msg("Hi~ 来自" + data.data.location + '~<br/>通过 ' + msgTitle + ' 进来的朋友！<br/>使用 ' + data.data.os + "<br/>" + data.data.browser + ' 访问本站！' + '<br/>' + msg);
          var showFPS = (function() {
            var requestAnimationFrame = window.requestAnimationFrame || window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame || window.oRequestAnimationFrame || window.msRequestAnimationFrame ||
            function(callback) {
              window.setTimeout(callback, 1000 / 60);
            };
            var e, pe, pid, fps, last, offset, step, appendFps;
            fps = 0;
            last = Date.now();
            step = function() {
              offset = Date.now() - last;
              fps += 1;
              if (offset >= 1000) {
                last += offset;
                appendFps(fps);
                fps = 0;
              };
              requestAnimationFrame(step);
            };
            appendFps = function(fps) {
              var settings = {
                timeout: 5000,
                logError: true
              };
              //$('#fps').html('<span style="float:left;">' + fps + 'FPS</span><br/><span style="float:left">' + window.info.data.os + '</span><br/><span style="float:left;margin-top:1px;">' + window.info.data.browser + '</span><br/><span style="float:left;margin-top:1px;">' + window.info.data.location + '</span><br/><span style="float:left;margin-top:1px;"></span>');
            };
            step();
          })();
        }
      });
    };
  });
</script>
<?php endif; ?>
<!--by：零号资源网-www.0hao.cc-->
<!-- 进入网站提醒来源地址和问候语客户端信息开始 -->
<!-- 进入网站提醒来源地址和问候语客户端信息开始代码版 -->
<?php if (is_home ()) : ?> 
<div id="fps" style="z-index:5;position:fixed;bottom:3px;left:3px;color:#2196F3;font-size:10px;">
</div>
<script type="text/javascript" src="https://cdn.jsdelivr.net/gh/kaliisra/myblogstatic/kehuduan-js/fetch.min.js">
</script>
<script src="https://cdn.gmit.vip/layer/3.1.1/layer.js" type="text/javascript"
charset="utf-8">
</script>

<script>
  /*网站打开提醒代码开始*/
  $(function() {
    if (
    /*getCookie('msg') !=*/
    1) {
      var t = document.createElement("a");
      t.href = document.referrer;
      var msgTitle = t.hostname;
      var name = t.hostname.split(".")[1];
      if ("" !== document.referrer) {
        switch (name) {
        case 'bing':
          msgTitle = '必应搜索';
          break;
        case 'baidu':
          msgTitle = '百度搜索';
          break;
        case 'so':
          msgTitle = '360 搜索';
          break;
        case 'google':
          msgTitle = '谷歌搜索';
          break;
        case 'sm':
          msgTitle = '神马搜索';
          break;
        case 'sogou':
          msgTitle = '搜狗搜索';
          break;
        default:
          msgTitle = t.hostname;
        };
      };
      var time = (new Date).getHours();
      var msg = '';
      23 < time || time <= 5 ? msg = "你是夜猫子呀？这么晚还不睡觉，明天起的来嘛？": 5 < time && time <= 7 ? msg = "早上好！一日之计在于晨，美好的一天就要开始了！": 7 < time && time <= 11 ? msg = "上午好！工作顺利嘛，不要久坐，多起来走动走动哦！": 11 < time && time <= 14 ? msg = "中午了，工作了一个上午，现在是午餐时间！": 14 < time && time <= 17 ? msg = "午后很容易犯困呢，今天的运动目标完成了吗？": 17 < time && time <= 19 ? msg = "傍晚了！窗外夕阳的景色很美丽呢，最美不过夕阳红~": 19 < time && time <= 21 ? msg = "晚上好，今天过得怎么样？": 21 < time && time <= 23 && (msg = "已经这么晚了呀，早点休息吧，晚安~");
      $.ajax({
        type: "get",
        url: "https://api.gmit.vip/Api/UserInfo/",
        async: true,
        success: function(data) {
          window.info = data;
          layer.msg("Hi~ 来自" + data.data.location + '~<br/>通过 ' + msgTitle + ' 进来的朋友！<br/>使用 ' + data.data.os + "<br/>" + data.data.browser + ' 访问本站！' + '<br/>' + msg);
          var showFPS = (function() {
            var requestAnimationFrame = window.requestAnimationFrame || window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame || window.oRequestAnimationFrame || window.msRequestAnimationFrame ||
            function(callback) {
              window.setTimeout(callback, 1000 / 60);
            };
            var e, pe, pid, fps, last, offset, step, appendFps;
            fps = 0;
            last = Date.now();
            step = function() {
              offset = Date.now() - last;
              fps += 1;
              if (offset >= 1000) {
                last += offset;
                appendFps(fps);
                fps = 0;
              };
              requestAnimationFrame(step);
            };
            appendFps = function(fps) {
              var settings = {
                timeout: 5000,
                logError: true
              };
              //$('#fps').html('<span style="float:left;">' + fps + 'FPS</span><br/><span style="float:left">' + window.info.data.os + '</span><br/><span style="float:left;margin-top:1px;">' + window.info.data.browser + '</span><br/><span style="float:left;margin-top:1px;">' + window.info.data.location + '</span><br/><span style="float:left;margin-top:1px;"></span>');
            };
            step();
          })();
        }
      });
    };
  });
</script>
<?php endif; ?>
<!--by：零号资源网-www.0hao.cc-->
<!-- 进入网站提醒来源地址和问候语客户端信息开始 -->
<!-- 进入网站提醒来源地址和问候语客户端信息开始代码版 -->
<?php if (is_home ()) : ?> 
<div id="fps" style="z-index:5;position:fixed;bottom:3px;left:3px;color:#2196F3;font-size:10px;">
</div>
<script type="text/javascript" src="https://cdn.jsdelivr.net/gh/kaliisra/myblogstatic/kehuduan-js/fetch.min.js">
</script>
<script src="https://cdn.gmit.vip/layer/3.1.1/layer.js" type="text/javascript"
charset="utf-8">
</script>

<script>
  /*网站打开提醒代码开始*/
  $(function() {
    if (
    /*getCookie('msg') !=*/
    1) {
      var t = document.createElement("a");
      t.href = document.referrer;
      var msgTitle = t.hostname;
      var name = t.hostname.split(".")[1];
      if ("" !== document.referrer) {
        switch (name) {
        case 'bing':
          msgTitle = '必应搜索';
          break;
        case 'baidu':
          msgTitle = '百度搜索';
          break;
        case 'so':
          msgTitle = '360 搜索';
          break;
        case 'google':
          msgTitle = '谷歌搜索';
          break;
        case 'sm':
          msgTitle = '神马搜索';
          break;
        case 'sogou':
          msgTitle = '搜狗搜索';
          break;
        default:
          msgTitle = t.hostname;
        };
      };
      var time = (new Date).getHours();
      var msg = '';
      23 < time || time <= 5 ? msg = "你是夜猫子呀？这么晚还不睡觉，明天起的来嘛？": 5 < time && time <= 7 ? msg = "早上好！一日之计在于晨，美好的一天就要开始了！": 7 < time && time <= 11 ? msg = "上午好！工作顺利嘛，不要久坐，多起来走动走动哦！": 11 < time && time <= 14 ? msg = "中午了，工作了一个上午，现在是午餐时间！": 14 < time && time <= 17 ? msg = "午后很容易犯困呢，今天的运动目标完成了吗？": 17 < time && time <= 19 ? msg = "傍晚了！窗外夕阳的景色很美丽呢，最美不过夕阳红~": 19 < time && time <= 21 ? msg = "晚上好，今天过得怎么样？": 21 < time && time <= 23 && (msg = "已经这么晚了呀，早点休息吧，晚安~");
      $.ajax({
        type: "get",
        url: "https://api.gmit.vip/Api/UserInfo/",
        async: true,
        success: function(data) {
          window.info = data;
          layer.msg("Hi~ 来自" + data.data.location + '~<br/>通过 ' + msgTitle + ' 进来的朋友！<br/>使用 ' + data.data.os + "<br/>" + data.data.browser + ' 访问本站！' + '<br/>' + msg);
          var showFPS = (function() {
            var requestAnimationFrame = window.requestAnimationFrame || window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame || window.oRequestAnimationFrame || window.msRequestAnimationFrame ||
            function(callback) {
              window.setTimeout(callback, 1000 / 60);
            };
            var e, pe, pid, fps, last, offset, step, appendFps;
            fps = 0;
            last = Date.now();
            step = function() {
              offset = Date.now() - last;
              fps += 1;
              if (offset >= 1000) {
                last += offset;
                appendFps(fps);
                fps = 0;
              };
              requestAnimationFrame(step);
            };
            appendFps = function(fps) {
              var settings = {
                timeout: 5000,
                logError: true
              };
              //$('#fps').html('<span style="float:left;">' + fps + 'FPS</span><br/><span style="float:left">' + window.info.data.os + '</span><br/><span style="float:left;margin-top:1px;">' + window.info.data.browser + '</span><br/><span style="float:left;margin-top:1px;">' + window.info.data.location + '</span><br/><span style="float:left;margin-top:1px;"></span>');
            };
            step();
          })();
        }
      });
    };
  });
</script>
<?php endif; ?>
<!--by：零号资源网-www.0hao.cc-->
<!-- 进入网站提醒来源地址和问候语客户端信息开始 -->

效果预览：

图片[6]-WordPress和子比主题模板&网站美化方法教程2024/10/12更新-小白兔技术部落

28· 自动给图片添加 alt 和 title 标签

29· 网站常用的一些懒加载 loading 加载动态图

30· 搭建侧边栏添加好看的 ip 签名档标签小工具

1、先搭建属于自己的 IP 天气签名档，然后进行第二步
2、在后台—》外观—》小工具—》 —》自定义 HTML —》选择你需要放的位置添加下面代码即可。


<img src="域名+img.php" width="100%" />
<img src="域名+img.php" width="100%" />
<img src="域名+img.php" width="100%" />

温馨提示：本文最后更新于2024-10-12 21:46:42，某些文章具有时效性，若有错误或已失效，请在下方留言或联系兔子警长。

文章版权声明 1 本网站名称：小白兔技术部落
2 本站永久网址：https://www.amitu.cn
3 本网站的文章部分内容可能来源于网络，仅供大家学习与参考，如有侵权，请联系站长 QQ1738220177进行删除处理。
4 本站一切资源不代表本站立场，并不代表本站赞同其观点和对其真实性负责。
5 本站一律禁止以任何方式发布或转载任何违法的相关信息，访客发现请向站长举报
6 本站资源大多存储在云盘，如发现链接失效，请联系我们我们会第一时间更新。

------本页内容已结束，喜欢请分享------