WordPress文章添加设置隐藏内容关注公众号可见教程

这个功能就是只有关注公众号并回复关键字获取验证码后,才能查看到文章中的隐藏内容。

图片[1]-WordPress文章添加设置隐藏内容关注公众号可见教程-99源码屋
效果图

教程开始:

  • 1. 将以下代码放入在主题目录下functions.php文件里面最下面,然后下面的代码复制进去即可。

实际运行可把代码中的二维码及名称更换成自己的

/**
* WordPress 文章部分内容关注微信公众号后可见
*/
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://zhoudadatool.gitee.io/mizhi/98dou/98doutc/wp-content/uploads/2021/08/gzh.png" width="130" height="130" alt="99源码屋博客"></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 代码复制粘贴到里面即可。

------本页内容已结束,喜欢请分享------

感谢您的来访,获取更多精彩文章请收藏本站。

© 版权声明
THE END
喜欢就支持一下吧
点赞13 分享
评论 抢沙发

请登录后发表评论

服务支持

用心做更好的精品源码站,服务各个行业,让大家快速创建属于自己的网站 。

2000+
优质源码
8年+
开发经验
1200
注册用户
7*24
随时响应