WordPress增加文章密码保护功用

由于现在增加的许多功用放在新的修改器上或许无法运用，所以本来想着等WordPress更新新版本正式启用“古腾堡”修改器之后再更新主题批改相关的文章的。但是一则鉴于“古腾堡”修改器用着的确别扭，将来或许还会运用老版修改器，再则这个功用将来几天或许会用到（部分文章内容不想被阅读器录入），所以说仍是决议更新了。

WordPress文章暗码保护功用网上有许多相关的代码，但是没找到暗码输入错误时提示的代码，所以终究仍是自己对源代码做了些简单批改，便成了下面这幅姿态。下面说一下详细批改的路子：、

functions.php 文件批改

将以下代码增加到主题的 functions.php 文件中去即可。

// 输入暗码检查文章内容
function password_protected_post($atts, $content=null){
    extract(shortcode_atts(array(\'key\'=>null), $atts));
    if(isset($_POST[\'password_key\']) && $_POST[\'password_key\']==$key){
        return \'
\'.$content.\'
\';
    }elseif(isset($_POST[\'password_key\']) && $_POST[\'password_key\']!=$key){
        return \'
            
                alert(\"暗码错误，请仔细核对暗码后重试！！！\");
                window.location.href=\"\'.get_permalink().\'\";
                \';
	
    }else{
        return \'
            
                
                
             \';
    }
}
add_shortcode(\'pwd_protected_post\',\'password_protected_post\');
// 输入暗码检查文章内容快捷按钮
function appthemes_add_pwd_protected_post() {
    if (wp_script_is(\'quicktags\')){
?>
    
        QTags.addButton( \'pwd_protected_post\', \'文章暗码保护\', \'【pwd_protected_post key=\"保护暗码\"]\',\'[/pwd_protected_post】\' );
    
<?php
    } 
}
add_action(\'admin_print_footer_scripts\', \'appthemes_add_pwd_protected_post\' );

增加完结后在文章修改器“文本”修改形式下应该会呈现一个“文章暗码保护”的按钮，选中需求保护的文字点击该按钮即可中止暗码保护，别的留心设置保护的暗码（key）。当然，你也能够经过下面这段短代码直接修改中止暗码保护：

【pwd_protected_post key=\"保护暗码\"][/pwd_protected_post】

留心将代码中的“【】”批改为“[]”.

CSS样式文件批改

本来增加完上述代码后即可完结暗码保护，但是默许的样式真实是有些丑，大致是下面这个姿态：

将下面这段代码仿制到你主题的样式文件中去，普通为 style.css 文件，DUX 主题的话为 main.css 文件即可。

/** 输入暗码检查文章内容 */
.password_protected_post_content{
    margin: 20px 0;
    padding: 20px;
    background: #f8f8f8;
}

.password_protected_post_form{
    margin: 20px 0;
    height:52px;
    font-size:24px;
    text-align: center;	
}

.password_protected_post_form [type=\"password\"]{
    float: left;
    width: 70%;
    height: 100%;
    display: block;
    padding: 5px 16px;
    line-height: 36px;
    color: #777;	
    background: #FCFCFC;
    border: 3px solid #f3f3f3;
    border-right: 0px;
    border-radius: 3px 0 0 3px;
    box-sizing: border-box;
}

.password_protected_post_form [type=\"submit\"]{
    float: right;
    width: 30%;
    height: 100%;
    display: block;
    padding: 5px 16px;
    line-height: 36px;
    color: #fff;
    background: #3498db;
    border: 3px solid #3498db;
    border-left: 0px;
    border-radius: 0 3px 3px 0;
    box-sizing: border-box;
    cursor: pointer;
}

@media (max-width:560px){
    .password_protected_post_form{
        height:36px;
        font-size:14px;
        text-align: center;
    }
    .password_protected_post_form [type=\"password\"]{
        padding: 3px 9px;
        line-height: 24px;
    }
    .password_protected_post_form [type=\"submit\"]{
        padding: 3px 9px;
        line-height: 24px;
    }
}

增加完结后前端大致显现为如下这般：

输入暗码后检查的躲藏内容样式如下：

样式不算太漂亮。当然，你也能够根据自己爱好再从头调整下样式。