WordPress和子比主题模板&网站美化方法教程2024/10/12更新

WordPress和子比主题模板&网站美化方法教程-小白兔技术部落
WordPress和子比主题模板&网站美化方法教程2024/10/12更新
此内容为付费阅读,请付费后查看
兔币0.01
立即购买
您当前未登录!建议登陆后购买,可保存购买订单
安全
可靠
信赖
付费阅读
已售 1

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

WordPress和子比主题模板&网站美化方法教程-觅知博客

自定义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 结束-->

方法 二:不要扒我了

网站管理后台-–》子比主题设置—》自定义代码—》自定义底部 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 不要扒我了结束-->

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

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

自定义 CSS 代码

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

效果演示:

WordPress和子比主题模板&网站美化方法教程-觅知博客

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

<span class="but c-blue radius"><svg class="icon fa-spin" aria-hidden="true"><use xlink:href="#icon-fengche1"></use></svg>申请友链
WordPress和子比主题模板&网站美化方法教程-觅知博客
WordPress和子比主题模板&网站美化方法教程-觅知博客

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

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

效果演示:

WordPress和子比主题模板&网站美化方法教程-觅知博客

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

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://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更新-小白兔技术部落

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

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

1 2 3 4 5 6 7 8

温馨提示:本文最后更新于2024-10-12 21:46:42,某些文章具有时效性,若有错误或已失效,请在下方留言或联系兔子警长
© 版权声明
THE END
喜欢就支持一下吧
点赞8 分享