纯代码实现WordPress文章设置隐藏内容公众号可见

纯代码实现WordPress文章设置隐藏内容公众号可见-钻芒博客

公众号的胃口,需要更多的粉丝才能喂饱它。

网上找了一圈找到了龙笑天下博主写的一篇文章:WordPress 文章部分内容关注微信公众号后可见

可以实现文章设置部分内容隐藏,引流用户到公众号关注并回复关键字。来获取隐藏内容

正好下午看见一个比较看好的样式,就移植过来了

晓鹄博客

纯代码实现WordPress文章设置隐藏内容公众号可见-钻芒博客

龙笑天下

纯代码实现WordPress文章设置隐藏内容公众号可见-钻芒博客

emmmm,然后就一鼓作气(再而衰,三而竭。四又重新做气)移植了过来。完美套用。

捞一下午css捞的头晕… 但还是有错位,自己又修改了一下。ok

最终效果

纯代码实现WordPress文章设置隐藏内容公众号可见-钻芒博客

纯代码实现WordPress文章设置隐藏内容公众号可见-钻芒博客

正文开始

此项目基于龙笑天下博客,教程大部分源自龙笑天下

1 核心代码

将以下代码放入 functions.php 中(钻芒修改版):

注:将代码中二维码链接文字等介绍替换成自己的

/**
* WordPress文章部分内容关注微信公众号后可见
* 钻芒博客移植美化www.zmki.cn 项目基于https://www.ilxtx.com/view-contents-by-following-wechat-official-accounts.html
*/
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">
<link rel="stylesheet" href=" https://a-oss.zmki.cn/20190503/gzhhfxz.css" >
<div class="gzhhide">
<div ><img class="gzhcode" align="right" src="https://a-oss.zmki.cn/2019/03/05/5c7de96bd4328.png" 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');

2 前端 CSS 样式

样式用外链做了,已经集成到上边的代码里。不用再手动添加到 style.css

如果你想要修改css,可以下载下来自行修改。

本项目引用css:https://a-oss.zmki.cn/20190503/gzhhfxz.css

3 集成短代码

为了方便使用,在后台文本编辑器中集成该短代码。将以下代码放入 functions.php 中即可:

由于wordpress会自动转义文章里的代码造成冲突,请复制后删除下面代码中第6行的两个“把我删掉”

// 后台文本编辑框中添加公众号隐藏简码按钮
function lxtx_wpsites_add_gzh_quicktags() {
    if (wp_script_is('quicktags')){
?>
    <script type="text/javascript">
    QTags.addButton( 'gzh2v', ' 公众号隐藏', '\n[把我删掉gzh2v keyword="关键字" key="验证码"]隐藏内容[/gzh2v把我删掉]', "" );</script>
<?php}
}
add_action( 'admin_print_footer_scripts', 'lxtx_wpsites_add_gzh_quicktags' );

4 使用方法

4.1 在文章中使用短代码

纯代码实现WordPress文章设置隐藏内容公众号可见-钻芒博客

4.2 微信公众号

这里以微信公众号为例(QQ 公众号同理),在微信公众号的“自动回复-关键字自动回复”中设置好关键字(对应上面代码中的 keyword)及验证码(对应上面代码中的 key)。

此项目基于龙笑天下博客,教程大部分源自龙笑天下,本文转自钻芒博客

本站终极优化版

纯代码实现WordPress文章设置隐藏内容公众号可见-度崩网-几度崩溃
纯代码实现WordPress文章设置隐藏内容公众号可见-度崩网-几度崩溃

Wordpress代码实现文章内容通过公众号回复关键字获取密码可见,美化优化柒比贰主题编辑器

龙笑天下原文本站转载版

纯代码实现WordPress文章设置隐藏内容公众号可见-度崩网-几度崩溃
纯代码实现WordPress文章设置隐藏内容公众号可见-度崩网-几度崩溃

WordPress 文章部分内容关注微信公众号后可见_龙笑天下

给TA打赏
共{{data.count}}人
人已打赏
建站教程

WordPress 文章部分内容关注微信公众号后可见_龙笑天下

2019-9-6 15:58:45

建站教程

wordpress开发api之钩子大全

2019-9-6 16:29:55

本站所发布的一切源码、模板、应用等文章仅限用于学习和研究目的;不得将上述内容用于商业或者非法用途,否则,一切后果请用户自负。本站信息来自网络,版权争议与本站无关。您必须在下载后的24个小时之内,从您的电脑中彻底删除上述内容。如果您喜欢该程序,请支持正版,购买注册,得到更好的正版服务。如有侵权。本站内容适用于DMCA政策。若您的权利被侵害,请与我们联系处理,站长 QQ: 84087680 或 点击右侧 私信:盾给网 反馈,我们将尽快处理。
⚠️
本站所发布的一切源码、模板、应用等文章仅限用于学习和研究目的;不得将上述内容用于商业或者非法用途,否则,一切后果请用户自负。本站信息来自网络,版权争议与本站无关。您必须在下载后的24个小时之内,从您的电脑中彻底删除上述内容。如果您喜欢该程序,请支持正版,购买注册,得到更好的正版服务。如有侵权。本站内容适用于DMCA政策
若您的权利被侵害,请与我们联系处理,站长 QQ: 84087680 或 点击右侧 私信:盾给网 反馈,我们将尽快处理。
0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索