宝贝资源网-传递「正能量」提供优质软件、分享所见为君解忧!

WordPress文章隐藏内容输入微信公众号验证码可见教程

宝贝资源网 技术教程 1100
扫码手机访问
0

【摘要】 ...

宝贝资源网 本次为大家分享是的WordPress文章隐藏内容输入微信公众号验证码可见教程

纯代码WordPress文章隐藏内容输入微信公众号验证码可见的教程,WordPress网站如何开启公众号涨粉验证码查看隐藏内容功能,很简单,一串代码即可搞定,该文章内容代码只适合传统编辑器,如果使用的是古腾堡编辑的同学,需要自己手动添加代码来隐藏内容,比较的麻烦!

一、添加代码到function.php 中保存,由于网站编辑问题,将下面代码中所有的 “【” 改成 “[“!

// 文章隐藏内容输入微信公众号验证码可见
function secret($atts, $content=null){
extract(shortcode_atts(array('wxgzh'=>null,'keyword'=>null,'key'=>null,'gzh_img'=>null), $atts));
if(isset($_POST['secret_key']) && $_POST['secret_key']==$key){
return '
'.$content.'
'; } else { return '
抱歉!为防机器采集,此处内容已被隐藏,请输入验证码查看内容
验证码:
请关注“'.$wxgzh.'”官方公众号,回复关键字“'.$keyword.'”,获取验证码。 【注】手机扫描二维码快速关注“'.$wxgzh.'”官方公众号。
'; } } add_shortcode('ghide', 'secret'); //文章编辑器添加按钮 function wpsites_add_gzh_quicktags() { if (wp_script_is('quicktags')){ ?> QTags.addButton( 'ghide', ' 隐藏内容', '\n【ghide wxgzh="宝贝资源网" keyword="关键字" key="888" gzh_img="https://www.qqste.com/uploads/2020/10/10/8f6cda08ff6d370ce01f20fa64be3d80.png"]需要隐藏的内容【/ghide]', "" );

2. 添加 CSS 样式代码

CSS需要添加到你当前主题文件的CSS样式文件里面,一般默认都是在 style.css 里面添加

.post_hide_box, .secret-password{
background: none repeat scroll 0 0 #fcffff;
border: 1px dashed #24b4f0;
color: #123456;
padding: 10px;
border-radius: 9px;
margin: 18px 0px;
overflow:hidden;
clear:both;
}
.post_hide_box .post-secret{
font-size: 18px;
line-height:20px; 
color:#f0503c; 
margin:5px;
}
.post_hide_box form{ margin:15px 5px;}
.post_hide_box form span{ font-size:18px; font-weight:bold;}
.post_hide_box .erweima{ margin: 15px;}
.post_hide_box input[type=password]{
color: #00a0f0;
padding: 5px;
background-color: #fff;
border: 1px solid #24b4f0;
border-radius: 5px;
font-size: 12px;
margin: 0px 5px;
-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;}
.post_hide_box input[type=submit] { 
background: #24b4f0; 
border: none; 
padding: 5px;
width: 88px; 
color: #fff; 
border-radius: 5px; 
font-size: 16px;
font-weight:bold;
}
.details{
color:#123456;
font-size: 16px;
line-height: 30px;
margin: 5px;
padding: 3px;
}
.post_hide_box .details span{color:#e74c3c;}

在编辑文章的时候,切换到文本模式,会出现一个”隐藏内容“按钮,将双引号里的内容替换成自己的公众号信息即可!

由于网站编辑问题,将下面代码中所有的 “【” 改成 “[“!

【ghide wxgzh="宝贝资源网" keyword="关键字" key="888" gzh_img="https://www.qqste.com/uploads/2020/10/10/8f6cda08ff6d370ce01f20fa64be3d80.png"]需要隐藏的内容【/ghide]

三、最后给大家暂时一下这个效果预览图

WordPress文章隐藏内容输入微信公众号验证码可见教程

本文标签:

版权声明:本文为《宝贝资源网》投稿,转载请保留出处。

本文链接:WordPress文章隐藏内容输入微信公众号验证码可见教程 - https://www.qqste.com/html/1891.html

#免责声明#

本站提供的一切资源、教程和内容信息仅限用于学习和研究目的;不得将上述内容用于商业或者非法用途,否则,一切后果请用户自负。本站信息来自网络收集整理,版权争议与本站无关。
同类推荐
评论列表
签到
热门文章
随机推荐
最新评论
技术教程 WordPress文章隐藏内容输入微信公众号验证码可见教程
...
扫描二维码阅读原文
宝贝资源网 January, 01
生成社交图 ×
Welcome

登录您的账号