标签：WordPress

使用#jQuery#去除#WordPress#自动生成的段落标记

在使用 WordPress 的过程中，写文我一直喜欢使用 WP 后台的文本模式，手动的一个空行 WP 在浏览时会自动生成段落标记，将上下段落进行分割，排版就显得轻松很多，像我这种懒癌晚期的人，根本不用再去手动添加段落标记和换行符了。
不过， WP 自动添加段落标记有时候也是一件很脑残的事，会影响到我们对原文档的布局设计。于是就有了这样一篇文章，通过 jQuery 来去除特定文章中的空的段落标记。
继续阅读使用#jQuery#去除#WordPress#自动生成的段落标记

#WordPress#开启全站#https#

HTTPS（全称：Hyper Text Transfer Protocol over Secure Socket Layer），是以安全为目标的HTTP通道。

近两年来，HTTPS取代HTTP已经成为大势所趋。早在2014年Google Chromium安全团队提议所有的HTTP协议网站标注为不安全。现在，Chrome浏览器已经开始执行这一标准了。从Chrome56开始，任何网站，如果有输入密码或者信用卡资料的，却没有使用HTTPS，将被Chrome浏览器标识为不安全。

现如今，已经有越来越多的第三方开发平台对开发者提出HTTPS要求，不使用HTTPS协议，很多开发API都无法调用了。而且值得注意的是，现在已经有越来越多的网站开始开启HTTPS协议，HTTP的时代似乎已经开始渐行渐远。开启HTTPS协议已经逐渐成了各网站管理员、博客主的一项必修课了！
继续阅读#WordPress#开启全站#https#

#WordPress#个人博客良心工具推荐

制作一个个人博客、搭建一个网站是一件很劳心劳力的事，没有任何经验、没有积累工具会使我们的运维受到很多影响，作为一位过来人，一位老司机（自诩），想要给新手小白一些建议
一、搭建一个自己的图床
二、压缩图片
继续阅读#WordPress#个人博客良心工具推荐

#WordPress#关闭WordPress的自动更新

我的博客已经在WordPress上运行了天，经历了很多次WordPress的版本升级，每次升级都伴随着很多个性化设置的丢失，需要更新后及时重新设置。

这是一项很繁琐的工作，对于我这样的一个男（懒）人来说，实在是一种折磨，有没有什么办法关闭WordPress的自动更新，实现一劳永逸？？？

为此我特地度娘了一下，找到了一些方法，实验了一个有效的，推给大家瞅瞅。
Andy’s Blog：WordPress关闭自动更新升级功能的方法

方法一：修改wp-config.php文件
在当前WP程序的根目录wp-config.php文件中加入下面的代码，这样就不会自动更新了。

define( ‘AUTOMATIC_UPDATER_DISABLED’, true );

方法二：修改functions.php文件
在当前主题的functions.php文件添加如下代码(可以在服务器找到相关文件进行修改，也可以在后台外观→编辑打开修改)

add_filter( ‘automatic_updater_disabled’, ‘__return_true’ );

这样就能实现关闭WordPress的自动更新啦！

#WordPress#个性化登陆界面（猫头鹰动画）

浏览大神博客的时候无意中发现了这么一个有趣的个性化定制，如图：
添加会遮挡双眼的猫头鹰动画

即当鼠标切换到登陆密码一栏时，那只萌萌的猫头鹰就害羞的遮挡住了双眼。设置具体方法：

1、编辑WordPress根目录下的/wp-login.php文件

在文件最后面的

<?php
login_footer();

break;
} // end action switch

代码之前添加下面js代码：

<script src="https://img.54xavier.cn/jquery.js"></script>
<script>
    $(function() {
        $('#login #user_pass').focus(function() {
            $('#owl-login').addClass('password');
        }).blur(function() {
            $('#owl-login').removeClass('password');
        });
    });
</script>

然后继续在该文件中搜索下面代码：

<div id="login">
		<h1><a href="<?php echo esc_url( $login_header_url ); ?>" title="<?php echo esc_attr( $login_header_title ); ?>" tabindex="-1"><?php bloginfo( 'name' ); ?></a></h1>

全部替换为：

<div id="login">
     <div id="owl-login">
           <div class="hand"></div>
           <div class="hand hand-r"></div>
           <div class="arms">
               <div class="arm"></div>
               <div class="arm arm-r"></div>
           </div>
      </div>

2、编辑/wp-admin/css目录下的login.min.css文件

用编辑工具打开该文件后依次选择菜单：文档-自动换行，再将下面的文件粘帖到最后面：

#login #owl-login {
    position: absolute;
    left: 50%;
    margin-left: -111px;
    background-image: url("http://pic.dedewp.com/wp-content/uploads/owl-login.png");
    height: 108px;
    width: 211px;
    margin-top: -79px;
}
#login #owl-login .hand {
    width: 34px;
    height: 34px;
    border-radius: 40px;
    background-color: #472D20;
    transform: scaleY(0.6);
    transition: all 0.3s ease-out 0s;
    position: absolute;
    left: 14px;
    bottom: -8px;
}
#login #owl-login .hand.hand-r {
    left: 170px;
}
#login #owl-login .hand {
    width: 34px;
    height: 34px;
    border-radius: 40px;
    background-color: #472D20;
    transform: scaleY(0.6);
    transition: all 0.3s ease-out 0s;
    position: absolute;
    left: 14px;
    bottom: -8px;
}
#login #owl-login .arms {
    top: 58px;
    position: absolute;
    width: 100%;
    height: 41px;
    overflow: hidden;
}
#login #owl-login.password .hand{
  -webkit-transform: translateX(42px) translateY(-15px) scale(0.7);
  -moz-transform: translateX(42px) translateY(-15px) scale(0.7);
  -o-transform: translateX(42px) translateY(-15px) scale(0.7);
  -ms-transform: translateX(42px) translateY(-15px) scale(0.7);
  transform: translateX(42px) translateY(-15px) scale(0.7);
}
#login #owl-login.password .hand.hand-r {
  -webkit-transform: translateX(-42px) translateY(-15px) scale(0.7);
  -moz-transform: translateX(-42px) translateY(-15px) scale(0.7);
  -o-transform: translateX(-42px) translateY(-15px) scale(0.7);
  -ms-transform: translateX(-42px) translateY(-15px) scale(0.7);
  transform: translateX(-42px) translateY(-15px) scale(0.7);
}
#login #owl-login .arms .arm{
  width: 40px;
  height: 65px;
  position: absolute;
  left: 20px;
  top: 40px;
  background-image: url("http://pic.dedewp.com/wp-content/uploads/owl-login-arm.png");
  -webkit-transition: 0.3s ease-out;
  -moz-transition: 0.3s ease-out;
  -o-transition: 0.3s ease-out;
  -ms-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
  -webkit-transform: rotate(-20deg);
  -moz-transform: rotate(-20deg);
  -o-transform: rotate(-20deg);
  -ms-transform: rotate(-20deg);
  transform: rotate(-20deg);
}
#login #owl-login .arms .arm.arm-r {
  -webkit-transform: rotate(20deg) scaleX(-1);
  -moz-transform: rotate(20deg) scaleX(-1);
  -o-transform: rotate(20deg) scaleX(-1);
  -ms-transform: rotate(20deg) scaleX(-1);
  transform: rotate(20deg) scaleX(-1);
  left: 158px;
}
#login #owl-login.password .arms .arm{
  -webkit-transform: translateY(-40px) translateX(40px);
  -moz-transform: translateY(-40px) translateX(40px);
  -o-transform: translateY(-40px) translateX(40px);
  -ms-transform: translateY(-40px) translateX(40px);
  transform: translateY(-40px) translateX(40px);
}
#login #owl-login.password .arms .arm.arm-r{
  -webkit-transform: translateY(-40px) translateX(-40px) scaleX(-1);
  -moz-transform: translateY(-40px) translateX(-40px) scaleX(-1);
  -o-transform: translateY(-40px) translateX(-40px) scaleX(-1);
  -ms-transform: translateY(-40px) translateX(-40px) scaleX(-1);
  transform: translateY(-40px) translateX(-40px) scaleX(-1);
}
#login_error, .login .message {
    margin-top: 20px;
}

下面是上述代码中所需的两个图片素材，右键另存为下载后上传到自己的服务器替换其中的图片地址。
1、素材一

猫头鹰头

2、素材二

猫头鹰手

由于WordPress自动更新后相关设置会被重置，所以每次更新都需要手动更改以上代码。

推读：WordPress使用必应每日一图作登录页面背景