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

😉 阿里云幸运红包,戳我领取

图片[1]-WordPress纯代码实现文章设置隐藏内容公众号可见-懒人资源网

教程

将以下代码放入functions.php

style.css

.post_hide_box,.secret-password{background:none repeat scroll 0 0 #efe;border-left:5px solid #e74c3c;color:#555;padding:10px 0 10px 10px;border-radius:5px;margin-bottom:15px;overflow:hidden;clear:both;}.post_hide_box .post-secret{font-size:18px;line-height:20px;color:#e74c3c;margin:5px;}.post_hide_box form{margin:15px 0;}.post_hide_box form span{font-size:18px;font-weight:700;}.post_hide_box .erweima{margin-left:20px;margin-right:16px;}.post_hide_box 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;}.post_hide_box 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;}.post_hide_box .details span{color:#e74c3c;}.post_hide_box .details
span{color:#e74c3c;}.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;}.gzhhide .gzhtitle{position:relative;font-size:17px;font-weight:700;color:#000000cc;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{position:relative;padding:20px 140px 15px 0;font-size:14px;color:#000000cc;}.gzhbox{position:relative;padding:0 140px 10px 0;}.gzhbox input{width:45%;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{width:20%;margin-left:2%;border:none;background:#3b8cff;color:#fff;padding:5px 0;font-size:14px;border-radius:5px}.gzhhide .gzhcode{position:absolute;width:100px;height:100px;right:20px;top:50%;margin-top:-50px}.gzhbox{padding:0}.gzh-content{padding:20px 90px 15px 0}.gzhhide .gzhcode{width:80px;height:80px}#vivideo{height:200px}.gzhhide .gzhtitle i{font-style:normal;}.hidden-blur-poster{position:absolute;right:0;bottom:0;top:0;left:0;background-position:center;background-repeat:no-repeat;background-size:cover;border-radius:inherit;opacity:.4;}

集成短代码

将以下代码放入 functions.php 中即可 (文本编辑框中添加公众号隐藏简码按钮)

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

旧版的编辑器打开后选择文本形式,就可以看见 “公众号隐藏” 这个


👋 感谢您的观看,对您有用就分享出去吧 !

如您有好的资源/素材,可参与创作者激励计划享投稿分成。分成介绍
投稿成功收录,即可获得 1-10元/篇奖励。(重复内容无奖励)
© 版权声明
THE END
喜欢本站内容,请点【分享】【赞】和【收藏】
点赞8打赏 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容