子比主题美化教程持续更新(24-10-7)

  • 虽然这个功能有些鸡肋,不过是可以避免大部分的快捷键打开网站控制台,要查看你网站的源码还是要费点劲的。
  • 网站管理后台-–》子比主题设置—》自定义代码—》自定义底部 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>
<!--安全 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>
<!--安全 2 不要扒我了结束-->

方法一【按时间重命名】

上传文件时会以年月日时分秒+千位毫秒整数的格式重命名文件,如202206041412432.jpg

代码如下:

//wordpress 上传文件图片按时间重命名重命名
function git_upload_filter($file) {
    $time = date("YmdHis");
    $file['name'] = $time . "" . mt_rand(1, 100) . "." . pathinfo($file['name'], PATHINFO_EXTENSION);
    return $file;
}
add_filter('wp_handle_upload_prefilter', 'git_upload_filter');

方法二【用 MD5 加密生成数字并重命名】

名称规则是由系统自动生成的一个 32 位的 MD5 加密文件名,由于默认生成的 32 位文件名有点长,所以使用substr(md5($name),0,20)截断将其设置为 20 位。

//wordpress 上传文件图片 MD5 加密重命名
function rename_filename($filename) {
    $info = pathinfo($filename);
    $ext = emptyempty($info['extension']) ? '' : '.' . $info['extension'];
    $name = basename($filename, $ext);
    return substr(md5($name), 0, 20) . $ext;
}
add_filter('sanitize_file_name', 'rename_filename', 10);

操作教程

在主题目录下functions.php文件里面最下面,然后把代码复制进去即可。

这个是一个小功能,也是为了留个备忘录,担心下次搬家这个给忘了

添加方法: 后台设置—>外观—>小工具—>添加 Zibll 链接列表(新版),加到标题右侧按钮即可

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

实操教程

1、核心 PHP 代码

  1. 将以下代码放入在主题目录下functions.php文件里面最下面,然后下面的代码复制进去即可。
  2. 实际运行可把代码中的二维码及名称更换成自己的
/**
* WordPress 文章部分内容关注微信公众号后可见
* 项目基于 https://www.ilxtx.com/view-contents-by-following-wechat-official-accounts.html
*/
function lxtx_secret_content($atts, $content=null){
extract(shortcode_atts(array('key'=>null,'keyword'=>null), $atts));
if(isset($_POST['secret_key']) && $_POST['secret_key']==$key){
return '<div class="secret-password">'.$content.'</div>';
} else {
return
'<link rel="stylesheet" href="https://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.css">
<div class="gzhhide">
<div ><img class="gzhcode" align="right" src="https://wwfile.jiuqing97.top/2022/05/96f4442827ba.jpg" width="130" height="130" alt="玖居暗巷"></div>
<div class="gzhtitle">抱歉!隐藏内容,请关注[公众号]输入关键词密码后可见!<i class="fa fa-lock"></i><span></span></div>
<div class="gzh-content">请打开微信扫描右边的二维码回复关键字“<span><b>'.$keyword.'</b></span>”获取密码,也可以微信直接搜索“【玖卿并非名玖卿】”关注微信公众号获取密码。</div>
<div class="gzhbox"><form action="'.get_permalink().'" method="post">
<input id="pwbox" type="password" size="20" name="secret_key">
<button type="submit">立即提取</button></form></div></div>';
}
}
add_shortcode('gzh2v', 'lxtx_secret_content');

2、核心 CSS 前端样式

  • 你只需在网站管理后台—》主题设置—》自定义代码—》自定义 CSS 样式,把下面的 CSS 代码复制粘贴到里面即可。
/** 纯代码实现 WordPress 文章设置隐藏内容公众号可见*/
/** 本代码由觅知博客版权所有,玖居暗巷转载分享*/
.post_hide_box, .secret-password{background: none repeat scroll 0 0 #efe;border-left: 5px solid #e74c3c;color: #555;padding: 10px 0 10px 10px;border-radius: 5px;margin-bottom: 15px;overflow:hidden; clear:both;}
.post_hide_box .post-secret{font-size: 18px; line-height:20px; color:#e74c3c; margin:5px;}
.post_hide_box form{ margin:15px 0;}
.post_hide_box form span{ font-size:18px; font-weight:700;}
.post_hide_box .erweima{ margin-left:20px; margin-right:16px;}
.post_hide_box input[type=password]{ color: #9ba1a8; padding: 6px; background-color: #f6f6f6; border: 1px solid #e4e6e8; font-size: 12px;-moz-transition: border .25s linear,color .25s linear,background-color .25s linear; -webkit-transition: border .25s linear,color .25s linear,background-color .25s linear; -o-transition: border .25s linear,color .25s linear,background-color .25s linear; transition: border .25s linear,color .25s linear,background-color .25s linear;}
.post_hide_box input[type=submit] { background: #F88C00; border: none; border: 2px solid;border-color: #F88C00; border-left: none; border-top: none; padding: 0px;width: 100px; height: 38px; color: #fff; outline: 0;border-radius: 0 0 2px 0; font-size: 16px;}
.post_hide_box .details span{color:#e74c3c;}
.post_hide_box .details
span{color:#e74c3c;}
.gzhhide .gzhcode{position:absolute;width:100px;height:100px;right:20px;top:50%;margin-top:-50px}
.gzhhide{background:#fff;border-radius:10px;padding:20px;margin:15px 0;position:relative;box-shadow:0 0 20px #d0d0d0}
.gzhhide .gzhtitle{position:relative;font-size:17px;font-weight:700;color:#6c80a7;padding:6px 140px 0 40px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.gzhhide .gzhtitle .fa{position:absolute;left:0;font-size:35px;top:0}
.gzh-content{padding:20px 140px 15px 0;font-size:14px;color:#777}
.gzhbox{padding:0 140px 10px 0}
.gzhbox input{
width:45%;
border:none;
color:#737373;
font-size:13px;
height:35px;line-height:35px;background:#f2f2f2;border-radius:4px;
outline:none;float:left;padding:0 10px}
.gzhbox button{width:20%;margin-left:15%;
border:none;background:#3b8cff;color:#fff;padding:5px 0;font-size:14px;border-radius:5px}
.gzhhide .gzhcode{position:absolute;width:100px;height:100px;right:20px;top:50%;margin-top:-50px}
.gzhbox{padding:0}.gzh-content{padding:20px 90px 15px 0}
.gzhhide .gzhcode{width:80px;height:80px}#vivideo{height:200px}
.gzhhide .gzhtitle i {font-style:normal;}

3、文章内添加简码实现-最核心步骤

[gzh2v keyword="公众号关键词" key="设置密码"] 隐藏内容[/gzh2v]

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

/*友链头像圆角*/
.link-only-img img{border-radius: var(--main-radius);}
.link-img img{border-radius: var(--main-radius);}

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

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; ?>
<!-- 进入网站提醒来源地址和问候语客户端信息开始 -->
<!-- 进入网站提醒来源地址和问候语客户端信息开始代码版 -->
<?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; ?>
<!-- 进入网站提醒来源地址和问候语客户端信息开始 -->

推荐理由:

  • 现在百度越来越注重图片的优化效果,网站优化不可避免的需要给图片添加 ALT 属性,
  • 在搜索排名中如何使用 alt 属性进行 SEO 优化:因为在 alt 属性中可以写文字,当因为图片的路径有错误而导致网页中的图片无法显示出来的时候,alt 中的文字就会显示出来,正是因为如此,我们可以在 alt 属性中写一些和文章主题或者网站主题相关的文字,这样就可以增加搜索引擎抓取的机率,有利于我们网站的排名。

教程开始

只需要在主题目录下functions.php文件里面最下面,然后下面的代码复制进去即可。

/** 图自动加 alt 和 title 标签属性 */
function image_alt_tag($content){
    global $post;preg_match_all('/<img (.*?)\/>/', $content, $images);
    if(!is_null($images)) {foreach($images[1] as $index => $value)
    {$new_img = str_replace('<img', '<img alt="'.get_the_title().'-'.get_bloginfo('name').'" title="'.get_the_title().'-'.get_bloginfo('name').'"', $images[0][$index]);
    $content = str_replace($images[0][$index], $new_img, $content);}}
    return $content;
}
add_filter('the_content', 'image_alt_tag', 99999);
/** 自动给图片添加 alt 和 title 标签 */

1 2 3 4 5 6 7

温馨提示:本文最后更新于2024-10-07 14:07:19已超过193天没有更新,某些文章具有时效性,若有错误或已失效,请在下方留言或联系官方客服
© 版权声明
THE END
喜欢就支持一下吧
点赞675赏给作者喝一杯奶茶吧~ 分享
评论 共2条

请登录后发表评论