纯代码实现WordPress文章嵌入公众号回复可见模块

今天老白博客给大家分享一个"纯代码免插件实现WordPress文章嵌入公众号回复可见模块",通过添加短代码的方式将公众号的回复功能嵌入其中。这样,读者在阅读文章时,如果想要查看特定部分的内容或回复,就需要进行回复或与公众号互动,才能获得可见权限。详细的设置教程如下:

纯代码实现WordPress文章嵌入公众号回复可见模块插图

1.WordPress添加function功能

(教程转载自:https://www.szfx.top/wordpress/wordpress-to-wechat.html,感谢分享)

注意里面的公众号图片和名字

纯代码实现WordPress文章嵌入公众号回复可见模块插图1

//涨粉功能核心代码-老白博客https://www.xcbtmw.com/29790.html
function secret($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://ae01.alicdn.com/kf/H845a1462df1e415abc0d09fd8d682aa3N.jpg" width="165" height="165" alt="公众号【松子分享】"></div>
<div class="gzhtitle">抱歉!内容已隐藏,输入密码后可见!<i class="fa fa-lock"></i><span></span></div>
<div class="gzh-content">打开微信扫一扫,关注本站公众号,回复“<strong><span><b>'.$keyword.'</b></span></strong>”获取密码。您也可以微信搜索【松子分享】关注获取。</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('ghide', 'secret');

2.CSS美化公众号回复可见模块

在主题自带的自定义css样式功能里添加或者

WordPress后台,依次选择【外观】-【自定义】-【额外CSS】

/*内容隐藏样式老白博客https://www.xcbtmw.com/29790.html*/
.gzhhide .secret-password{background: none repeat scroll 0 0 #efe;border-left: 5px solid #3B8CFF;color: #555;padding: 10px 0 10px 10px;border-radius: 5px;margin-bottom: 15px;overflow:hidden; clear:both;}
.gzhhide .post-secret{font-size: 18px; line-height:20px; color:#3B8CFF; margin:5px;}
.gzhhide form{ margin:15px 0;}
.gzhhide form span{ font-size:18px; font-weight:700;}
.gzhhide .erweima{ margin-left:20px; margin-right:16px;}
.gzhhide input[type=password]{ color: #9ba1a8; padding: 6px; background-color: #f6f6f6; border: 1px solid #e4e6e8; font-size: 12px;-moz-transition: border .25s linear,color .25s linear,background-color .25s linear; -webkit-transition: border .25s linear,color .25s linear,background-color .25s linear; -o-transition: border .25s linear,color .25s linear,background-color .25s linear; transition: border .25s linear,color .25s linear,background-color .25s linear;}
.gzhhide input[type=submit] { background: #F88C00; border: none; border: 2px solid;border-color: #F88C00; border-left: none; border-top: none; padding: 0px;width: 100px; height: 38px; color: #fff; outline: 0;border-radius: 0 0 2px 0; font-size: 16px;}
 
.gzhhide .gzhcode{position:absolute;width:100px;height:100px;right:20px;top:50%;margin-top:-50px}
.gzhhide{background:#fff;border-radius:10px;padding:20px;margin:15px 0;position:relative;box-shadow:0 0 20px #d0d0d0}
.gzhhide .gzhtitle{position:relative;font-size:17px;font-weight:700;color:#6c80a7;padding:6px 140px 0 40px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.gzhhide .gzhtitle .fa{position:absolute;left:0;font-size:35px;top:0}
.gzh-content{padding:20px 140px 15px 0;font-size:14px;color:#777}
.gzhbox{padding:0 140px 10px 0}
.gzhbox input{
    width:24%;
    border:none;
    color:#737373;
    font-size:13px;
height:35px;line-height:35px;background:#f2f2f2;border-radius:4px;
outline:none;float:left;padding:0 10px}
.gzhbox button{margin-left:5%;border:none;background:#3b8cff;color:#fff;padding:5px 10px;font-size:14px;border-radius:5px}
.gzhhide .gzhcode{position:absolute;width:120px;height:120px;right:30px;top:27%;margin-top:-20px}
.gzhbox{padding:0}.gzh-content{width:80%;padding:20px 90px 15px 0}
.gzhhide .gzhcode{width:120px;height:120px}#vivideo{height:200px}
.gzhhide .gzhtitle i {font-style:normal;}

3.添加文章编辑器短代码

为了写文章时快速插入简码,可在文章编辑器上添加简码按钮

同样将其添加到 functions.php,简码标签名“公众号隐藏”可任意修改

//文章编辑器添加简码按钮
function wpsites_add_gzh_quicktags() {
    if (wp_script_is('quicktags')){
?>
    <script type="text/javascript">
    QTags.addButton( 'ghide', ' 公众号隐藏', 'n[ghide keyword="验证码" key="szfx"]隐藏内容[/ghide]', "" );
    </script>
<?php
    }
}
add_action( 'admin_print_footer_scripts', 'wpsites_add_gzh_quicktags' );

说明:

  • 隐藏内容:回复正确验证码后显示的隐藏内容,比如:资源链接;
  • 验证码:提示用户在公众号发送的关键词,每次使用可不一样;
  • 设置的验证码:公众号设置回复的验证码,每次使用可不一样。
  • 如果不嫌麻烦可以一个回复对应一个验证码

4.相关内容

WordPress代码功能还是很强大的,本着有代码则不用插件的原则,老白也写了很多实用的小教程

2023纯代码实现WordPress文章内容评论回复可见

纯代码免插件优化WordPress6.3实现0sql-强化拓展

代码实现WordPress更改/加密后台wp-login.php登录地址

WordPress免插件引用外部视频_iframe自适应16:9代码(B站)

温馨提示:
1.本站大部分内容均收集于网络!若内容若侵犯到您的权益,请发送邮件至:duhaomu@163.com,我们将第一时间处理!
2.资源所需价格并非资源售卖价格,是收集、整理、编辑详情以及本站运营的适当补贴,并且本站不提供任何免费技术支持。
3.所有资源仅限于参考和学习,版权归原作者所有,更多请阅读网站声明

给TA赞赏
共{{data.count}}人
人已赞赏
未整理

cyberpanel面板安装设置CSF防火墙+白名单IP

2023-10-19 9:18:00

未整理

死或生

2023-10-20 0:00:00

0 条回复 A文章作者 M管理员
----《》
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索