华纳云香港服务器

YIA主题如何实现文章部分内容关注公众号获取密码可见功能?

WordPress主题推荐

前面跟大家分享的『YIA主题如何实现文章部分内容密码可见功能?』一文,可以让WordPress主题YIA具有密码可见功能。如果你有公众号,还可以进一步优化,即是利用公众号的关键词自动回复,实现用户扫码关注公众号并发送指定关键词获取查看密码,输入密码后查看隐藏的文章内容。

1、登录WordPress后台 >> YIA主题设置 >> 自定义代码 >> 在“CSS代码”中添加以下CSS代码(或将代码添加到YIA主题的style.css文件中)。

.post-pw-form{margin:15px 0;padding:5px 15px 0;border-radius:2px;border:1px solid #ddd}
.post-pw-form p{margin:0 0 10px;}
.post-pw-form input[type=password]{width:40%;height:38px;line-height:30px}
.post-pw-form input[type=password],.post-pw-form input[type=submit]{background:#fff;padding:5px;border-radius:2px;border:1px solid #ddd;-webkit-appearance:none}
.post-pw-form input[type=submit]{width:5pc;line-height:25px;cursor:pointer}
.post-pw-form input[type=submit]:hover{background:#26aae1;color:#fff!important;border:1px solid #26aae1;text-decoration:none;}
.post-secret{padding:5px 0}

2、打开yia文件夹内的functions.php文件,添加以下关注公众号可见功能的代码:

// 文章部分内容关注公众号可见
// https://boke112.com/post/12160.html

function e_secret($atts, $content=null){
extract(shortcode_atts(array('key'=>null), $atts));
if(isset($_POST['secret_key']) && $_POST['secret_key']==$key){
return '<div class="secret-password">'.do_shortcode( $content ).'</div>';
} else {
return '
<form class="post-pw-form" action="'.get_permalink().'" method="post">
<div class="gzh-erweima" style="float: right;"><img src="公众号二维码图片URL地址" alt="公众号二维码"></div>
<p>此处内容已被隐藏,请输入密码查看内容。</p>
<p>
<input id="pwbox" type="password" size="20" name="secret_key">
<a class="a2" href="javascript:;"><input type="submit" value="提交" name="Submit"></a>
</p>
<p>微信扫右侧二维码关注公众号并发送: <span style="color:#26aae1"><strong>'.get_the_ID().'</strong></span> 即可获取密码。</p>
</form>';
}
}
add_shortcode('secret','e_secret');

add_action('after_wp_tiny_mce', 'boke_after_wp_tiny_mce');
function boke_after_wp_tiny_mce($mce_settings) {
?>
<script type="text/javascript">
QTags.addButton( 'ygj_secret', '关注公众号可见', '[secret key=\'123456\']', '[/secret]');
</script>
<?php }


说明:

  • 上述第11行代码中的“公众号二维码图片URL地址”记得修改为你的公众号二维码图片URL地址;
  • 上述第17行代码中的’.get_the_ID().’为当前文章的ID,也可以改为固定的关键词,如密码或2024;
  • 上述第27行代码的123456就是默认的密码,可自行修改,也可以在发布文章时修改特定密码。

特别说明:如果你使用的YIA主题已经参考『YIA主题如何实现文章部分内容登录可见功能?』一文添加了登录可见功能,那么上述代码第23~29行代码不需要添加,只需要将27行代码添加到登录可见</script>代码的前面即可。

3、以后发布关注公众号密码可见内容时,只需要进入WordPress后台正常编辑文章,点击切换到“文本”,将光标定位到需要隐藏的内容开头并点击【关注公众号可见】按钮,然后将光标定位到需要隐藏的内容结尾并编辑【/关注公众号可见】按钮,然后修改默认密码123456为自己想要设置的密码,发布文章后还没有输入密码的时候看到的效果如下图所示:

YIA主题如何实现文章部分内容关注公众号获取密码可见功能?-第1张-boke112百科(boke112.com)

打开手机微信扫码关注公众号,发送消息“2024”即可自动获得文章查看密码,然后返回到文章页中输入密码后点击【提交】按钮,如果密码正确则显示隐藏的内容,如果密码不正确则不显示隐藏的内容。

如果想要修改这个密码可见的样式和内容,大家可自行修改第1步的CSS代码和第2步的代码。

本文地址:https://boke112.com/post/12160.html

赞 (4) 打赏
版权声明:本文为原创文章,版权归 boke112百科 所有,欢迎分享本文,转载请保留出处!发布此文是出于传递更多信息之目的,若有来源标注错误或侵犯了您的合法权益,请联系我们,确认后马上更正或删除,谢谢!
wu