文章最后更新时间:
最初的时候有这么一个功能,只有关注公众号并回复关键字获取验证码后,才能查看到文章中的隐藏内容。但目前的古腾堡编辑器改版之后比较麻烦,所以直接上代码
1、第一版
抱歉!隐藏内容,请关注[公.众号]输入关键词密码后可见!
请打开微信扫描右边的二维码回复关键字“1030”获取密码,也可以微信直接搜索“【如烟云】”关注微信公众号获取密码。
部署教程
核心php代码
- 将以下代码放入在主题目录下
functions.php
或func.php
文件里面最下面,然后下面的代码复制进去即可。 - 记得把代码中的二维码及名称更换成自己的
/**
* WordPress 文章部分内容关注微信公.众号后可见
* 如烟笔记 blog.iosru.com
*/
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="微信公.众号二维码图片地址" width="130" height="130" alt="如烟云"></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');
核心css前端样式
你只需在网站管理后台—>主题设置—>自定义代码—>自定义 CSS 样式,把下面的 CSS 代码复制粘贴到里面即可。
文章内添加简码实现-最核心步骤
抱歉!隐藏内容,请关注[公.众号]输入关键词密码后可见!
请打开微信扫描右边的二维码回复关键字“公众.号关键词”获取密码,也可以微信直接搜索“【如烟云】”关注微信公众号获取密码。
在微信公众号的“自动回复-关键字自动回复”中设置好关键字(对应上面代码中的 keyword)及验证码(对应上面代码中的 key)
© 版权声明
本站收集的资源仅供内部学习研究软件设计思想和原理使用,学习研究后请自觉删除,请勿传播,因未及时删除所造成的任何后果责任自负。
如果用于其他用途,请购买正版支持作者,谢谢!若您认为「RuYan」发布的内容若侵犯到您的权益,请联系站长邮箱:axspring@qq.com 进行删除处理。
本站资源大多存储在云盘,如发现链接失效,请联系我们,我们会第一时间更新。THE END
暂无评论内容