前两天在贴吧看到一位小伙伴需要这个功能,现在将代码分享给大家。利用的是WordPress的短代码功能,做得比较简单,没有使用AJAX加载。
实现
将一下代码放入主题的函数模板(functions.php)
/* Name: 部分内容输入密码可见(短代码)
* 作者:
https://www.51yhyh.com/
*/
function e_secret($atts, $content=null){
extract(shortcode_atts(array('key'=>null), $atts));
if(isset($_POST['e_secret_key']) && $_POST['e_secret_key']==$key){
return '<div class="e-secret">'.$content.'</div>';
}
else{
return '<form class="e-secret" action="'.get_permalink().'" method="post" name="e-secret"><label>输入密码查看加密内容:</label><input type="password" name="e_secret_key" class="euc-y-i" maxlength="50"><input type="submit" class="euc-y-s" value="确定"><div class="euc-clear"></div></form>';
}
}
add_shortcode('secret','e_secret');
前端样式可以参考我的,也可以根据自己的主题自己设计。在文章中使用短代码secret调用,示例:
[secret key="密码"]加密内容[/secret]