WordPress – 实现文章添加设置隐藏内容关注公众号可见

  • 狐狸在最初做博客的时候就知道有这么一个功能,只有关注公众号并回复关键字获取验证码后,才能查看到文章中的隐藏内容。但一直没想好怎么用,狐狸今天分享给各位

  • 当然,这个功能是可以通过插件来实现的,但目前的古腾堡编辑器改版之后比较麻烦所以还是喜欢代码版的;所以直接上代码了!
图片[1] - WordPress – 实现文章添加设置隐藏内容关注公众号可见 - 狐狸资源网
图片[2] - WordPress – 实现文章添加设置隐藏内容关注公众号可见 - 狐狸资源网

部署教程

一.核心php代码

  1. 将以下代码放入在主题目录下functions.phpfunc.php文件里面最下面,然后下面的代码复制进去即可。
  2. 实际运行可把代码中的二维码及名称更换成自己的
  3. /**
    * WordPress 文章部分内容关注微信公.众号后可见
    * 狐狸资源网修改美化 www.foxccs.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前端样式

  4. 三.文章内添加简码实现-最核心步骤

    西瓜皮
    抱歉!隐藏内容,请关注[公.众号]输入关键词密码后可见!
    请打开微信扫描右边的二维码回复关键字“公众.号关键词”获取密码,也可以微信直接搜索“【西瓜皮】”关注微信公众号获取密码。

    【gzh2v keyword=”公众.号关键词” key=”设置密码”] 隐藏内容[/gzh2v】

    注意:把上面的【】改成[ ]就可以使用了

  5. 如下图添加即可

    图片[3] - WordPress – 实现文章添加设置隐藏内容关注公众号可见 - 狐狸资源网

    使用方法

    在你的文章编辑器中加入该短代码即可

    [weixingzh keyword=“关键字” key=“验证码”][/weixingzh]

    [weixingzh keyword=“关键字” key=“验证码”][/weixingzh]

    【weixingzh keyword=”关键字” key=”验证码”】【/weixingzh】 注意:把上面的【】改成[ ]就可以使用了

    注意:把上面的【】改成[ ]就可以使用了

    结束

    两款挑一款即可

文章版权声明 1 本网站名称: 西瓜皮
2 本站永久网址:https://www.XGP.me
3 本网站的文章部分内容可能来源于网络,仅供大家学习与参考,如有侵权,请联系站长进行删除处理。
4 本站一切资源不代表本站立场,并不代表本站赞同其观点和对其真实性负责。
5 本站一律禁止以任何方式发布或转载任何违法的相关信息,访客发现请向站长举报
6 本站资源大多存储在云盘,如发现链接失效,请联系站长,邮箱在下方会第一时间处理。
© 版权声明
THE END
喜欢就支持一下吧
点赞9 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容