WordPress隐藏文章部分内容的三种方法

说到隐藏内容,Wordpress本身有一个自带的加密功能,就在编辑栏邮编“发布”按钮的上班有一个公开度,编辑它就能,设置为输入密码浏览,缺点是整篇文章都看不到任何内容,不人性化,下边讲下几种可以隐藏部分内容的方法。

在主题模板函数 functions.php的<?php下边添加代码实现。

隐藏部分内容,需要输入密码可见


加密是一个很强大的功能,在很多时候都会用到它,比如碰到不和谐的内容,不方便被搜索引擎收录。


方法1

//为部分内容加密
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 ‘ ‘.$content.’
‘;
}
else{
return ‘
输入密码查看加密内容:
‘;
}
}
add_shortcode(‘secret’,’e_secret’);

在需要加密的内容头底加入下边两段代码,把123456可以改成你自己的密码。

[secret key=”123456″]
这里是要加密的内容。
[/secret]


方法2

Partial Lock 解决了WordPress不能加密文章部分内容的问题。WordPress可以对整个文章进行加密,用户在输入正确密码之后就可以查看文章内容,但是在输入密码之前用户不能看到文章的任何内容,这不利于搜索引擎优化(SEO)。Partial Lock只对文章部分内容进行加密,不会影响到用户阅读未加密内容部分,而且未加密部分依然可以被搜索引擎获取到。

Github地址 https://github.com/JKooll/PartialLock

插件下载

使用方法

  1. 进入wordpress后台,打开插件面板,点击安装插件 -> 上传插件,上传成功之后启用插件
  2. 在文章中按照如下格式插入短代码:
[secret key="123" tip="输入密码解锁加密内容"]把要写的内容放入这两个标签中间[/secret]

key: 密码 tip: 提示信息

插件的直接代码实现

首先我们进入仪表盘,然后在左侧导航栏依次点击 外观 -> 主题编辑器 -> 选中你使用的主题 -> functions.php

将下面这段代码放在functions.php这个文件的末尾处:

//Usage: [secret key="密码"]加密内容[/secret]
function e_secret($atts, $content=null) {
	extract(shortcode_atts(array('key' => null, 'tip' => null), $atts));
	if (
		isset($_SESSION[hash('md5', $key)]) ||
		(isset($_POST['e_secret_key']) && $_POST['e_secret_key'] == $key)
	) {
		$_SESSION[hash('md5', $key)] = $key;
		return '<div class="e-secret">' . $content . '</div>';
	} else {
		if (isset($_POST['e_secret_key'])) {
			$tip = '<p class="secret_tip">密码输入错误!</p>' . $tip;
		}
		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>' . '<p class="secret_tip">' . $tip . '</p>';
	}
}
add_shortcode('secret', 'e_secret');

这段代码分为两个部分,e_secret($atts, $content=null)函数实现了加密功能,$atts包含设置的参数,这里我们默认包含两个参数一个是key 用来存储加密密码,另一个是tip,用来存储提示信息,这个提示信息显示在密码输入框的下面,可以添加任意内容,我一般都是填写获取密码的方式。这个函数还会将用户输入过的密码存入session,这样就避免了重复输入,用session的好处就是用户不需要注册账号也可以存储自己输入过的密码,缺点就是换了个浏览器又需要重新输入密码。

上面这段代码第二部分是定义短代码,段代码相当于文章中的一个锚点,将函数和绑定到文章中的特定位置。

下面这段代码就是这个段代码在文章中的使用方法:

[secret key="密码" tip="我是提示信息"]加密内容[/secret]

将要加密的内容用secret短代码包裹起来就可以了。

最后,我们来添加一下CSS代码,装饰一下密码输入框

打开style.css文件。

将下面这段代码加入到styles.css文件中。

.e-secret {
 margin: 20px 0;
 padding: 20px;
 background: #f8f8f8;
}
.e-secret input.euc-y-i[type="password"] {
 float: left;
 background: #fff;
 width: 100%;
 line-height: 36px;
 margin-top: 5px;
 border-radius: 3px;
}
.e-secret input.euc-y-s[type="submit"] {
 float: right;
 margin-top: -47px;
 width: 30%;
 margin-right: 1px;
 border-radius: 0 3px 3px 0;
}
input.euc-y-s[type="submit"]{
	background-color:#3498db;
	color:#fff;
	font-size:21px;
	box-shadow:none;
	-webkit-transition: .4s;
	-moz-transition: .4s;
	-o-transition: .4s;
	transition:.4s;
	-webkit-backface-visibility:hidden;
	position:relative;
	cursor:pointer;
	padding: 13px 20px;
	text-align: center;
	border-radius: 50px;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	border: 0;
	height: auto;
	outline: medium;
	line-height: 20px;
	margin: 0;
}
input.euc-y-s[type="submit"]:hover{
	background-color:#5dade2;
}
input.euc-y-i[type="text"],input.euc-y-i[type="password"]{
	border:1px solid #F2EFEF;
	color:#777;
	display:block;
	background: #FCFCFC;
	font-size:18px;
	transition:all .5s ease 0;
	outline:0;
	box-sizing:border-box;
	-webkit-border-radius:25px;
	-moz-border-radius:25px;
	border-radius:25px;
	padding:5px 16px;
	margin: 0;
	height: auto;
	line-height: 30px;
}
input.euc-y-i[type="text"]:hover,input.euc-y-i[type="password"]:hover{
	border:1px solid #56b4ef;
	box-shadow:0 0 4px #56b4ef;
}

p.secret_tip {
	clear: both;
}

下面就可以在文章中加密你的内容了。


隐藏部分内容,需要登录网站可见


这种方式适合VIP会员,会员要注册登录才能访问,而注册需要邀请码,可以出售邀请码,就变成了VIP会员。


方法1

// 添加只允许登录后查看

add_shortcode( ‘members_only’, ‘members_only_shortcode’ );

function members_only_shortcode( $atts, $content = null ) {

if ( is_user_logged_in() && !empty( $content ) && !is_feed() ) {

return $content;

}

$a= ‘要查看更多文章内容,请您先登录/注册‘;

echo $a;

}

在需要加密的内容头底加入下边两段代码,就会提示只有登录后才能访问隐藏内容,你就等着卖VIP赚大钱把。

[members_only]

这里的内容只为已登录的用户显示的

[/members_only]


方法2

下面说说WordPress文章隐藏部分内容会员登陆才可见功能如何实现:
1.打开当前WordPress主题开发functions.php文件,在<?php下面的?>前面添加如下代码:

//WordPress文章隐藏部分内容会员登陆才可见功能
//原文链接: https://www.wpyi.com/huiyuan-denglu-kejian.html
add_shortcode('hide','loginvisible');
function loginvisible($atts,$content=null){
 if(is_user_logged_in() && !is_null($content) && !is_feed())
 return $content;
 return '';
}

2.编辑文章时,使用hide短码包围要隐藏的内容,如:

[hide]
登陆才可以看到的内容
[/hide]


隐藏部分内容,回复可见


这个功能更有粘度,参与性比较强,读者喜欢的内容想看到,就必须发表自己的评论。

操作方法1

下面说说如何实现:WordPress无插件纯代码实现文章隐藏内容评论可见

注意:如果WordPress后台开通了评论审核,那么内容需要评论审核通过后才可以看见!

打开当前WordPress主题开发functions.php文件,在<?php下面的?>前面添加如下代码:

<?php
 function reply_to_read($atts, $content=null) {
        extract(shortcode_atts(array("notice" => '<p class="reply-to-read" style="border-width: 1px 1px 1px 1px;border-color: #F2F2F2;line-height: 150%;"><blockquote><font color="#ff0000"><b>温馨提示</b></font>: 隐藏内容需要<a href="#respond" title="点击进行评论"> 回复评论 </a>后才能查看, 评论后请 <strong><a href="javascript:location.reload()" title="点击刷新"> 刷新 !</a></strong>.</blockquote></p>'), $atts));
        $email = null;
        $user_ID = (int) wp_get_current_user()->ID;
        if ($user_ID > 0) {
            $email = get_userdata($user_ID)->user_email;
            //对博主直接显示内容
            $admin_email = "[email protected]"; //把左面的邮箱换成站长Email邮箱
            if ($email == $admin_email) {
                return $content;
            }
        } else if (isset($_COOKIE['comment_author_email_' . COOKIEHASH])) {
            $email = str_replace('%40', '@', $_COOKIE['comment_author_email_' . COOKIEHASH]);
        } else {
            return $notice;
        }
        if (empty($email)) {
            return $notice;
        }
        global $wpdb;
        $post_id = get_the_ID();
        $query = "SELECT `comment_ID` FROM {$wpdb->comments} WHERE `comment_post_ID`={$post_id} and `comment_approved`='1' and `comment_author_email`='{$email}' LIMIT 1";
        if ($wpdb->get_results($query)) {
            return do_shortcode($content);
        } else {
            return $notice;
        }
    }
    add_shortcode('reply', 'reply_to_read');
?>

注意:  [email protected]   //把左面的邮箱换成站长Email邮箱

使用方法A:编辑文章的时候,使用[reply][/reply]把要评论可见的内容包围起来,如:[reply][/reply]

使用方法B:编辑文章的时候,使用[reply notice=”自定义的提示信息”] 评论可见的内容[/reply] 把要评论可见的内容包围起来[reply notice=”自定义的提示信息”] 评论可见的内容[/reply]

注意:如果WordPress后台开通了评论审核,那么内容需要评论审核通过后才可以看见!

操作方法2

function reply_to_read($atts, $content=null) {

extract(shortcode_atts(array(“notice” => ‘

温馨提示: 此处内容需要评论本文后才能查看.

‘), $atts));

$email = null;

$user_ID = (int) wp_get_current_user()->ID;

if ($user_ID > 0) {

$email = get_userdata($user_ID)->user_email;

//对博主直接显示内容

$admin_email = “[email protected]”; //博主Email

if ($email == $admin_email) {

return $content;

}

} else if (isset($_COOKIE[‘comment_author_email_’ . COOKIEHASH])) {

$email = str_replace(‘%40’, ‘@’, $_COOKIE[‘comment_author_email_’ . COOKIEHASH]);

} else {

return $notice;

}

if (empty($email)) {

return $notice;

}

global $wpdb;

$post_id = get_the_ID();

$query = “SELECT `comment_ID` FROM {$wpdb->comments} WHERE `comment_post_ID`={$post_id} and `comment_approved`=’1′ and `comment_author_email`='{$email}’ LIMIT 1”;

if ($wpdb->get_results($query)) {

return do_shortcode($content);

} else {

return $notice;

}

}

add_shortcode(‘reply’, ‘reply_to_read’);

非常给力吧,赶紧设置一下吧,只要是中间的东西都能被隐藏,包括文字、图片、代码等内容。对于一些资源性质的网站,出售VIP会员是个不错的选择。