博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
WordPress文章部分隐藏内容 输入密码可见
阅读量:5110 次
发布时间:2019-06-13

本文共 1376 字,大约阅读时间需要 4 分钟。

偶然看到一个动态图的WP站,所有的车牌必须输入密码才可见。觉得蛮好玩的,就搜寻网络找到此功能的代码,这里就是直接分享给各位站长朋友!相信一些类型站的配合这个功能绝对是一款神器!比如你可以把你要一些关键内容隐藏掉,如下载地址之类的!然后设置好查看密码。然后把查看密码丢到公众号上,轻轻松松做到吸粉!但是这个功能还是有消耗服务器资源的!大家自己斟酌使用!

网上找到的样式代码有一个CSS溢出的问题,现在已经给大家修复了!下面先看功能效果图吧!

实现方法:

将下面的代码放入主题的函数模板(functions.php)

/* Name: 部分内容输入(短代码) * 屌丝青年网(www.dsqnw.com) */function e_secret($atts, $content=null){ extract(shortcode_atts(array('key'=>null), $atts)); if(isset($_POST['e_secret_key']) && $_POST['e_secret_key']==$key){ return ' 
'.$content.'
'; } else{ return '
'; } } add_shortcode('secret','e_secret');

将下面的样式代码放入自己的主题CSS中(style.css)

/*e-secret*/.e-secret { margin: 20px 0; padding: 20px; background: #f8f8f8; overflow: auto; } .e-secret input.euc-y-i[type="password"] { float: left; background: #fff; width: 100%; line-height: 36px; margin-top: 5px; border-radius: 3px; } .e-secret input.euc-y-s[type="submit"] { float: right; margin-top: -47px; width: 30%; margin-right: 1px; border-radius: 0 3px 3px 0; } input.euc-y-s[type="submit"]{ background-color:#FF0016;color:#fff;font-size:21px;box-shadow:none;-webkit-transition: .4s;-moz-transition: .4s;-o-transition: .4s;transition:.4s;-webkit-backface-visibility:hidden;position:relative;cursor:pointer;padding: 13px 20px;text-align: center;border-radius: 50px;-webkit-box-

转载于:https://www.cnblogs.com/lucas107/p/8450423.html

你可能感兴趣的文章
万能的SQLHelper帮助类
查看>>
tmux的简单快捷键
查看>>
[Swift]LeetCode922.按奇偶排序数组 II | Sort Array By Parity II
查看>>
Html5 离线页面缓存
查看>>
《绿色·精简·性感·迷你版》易语言,小到不可想象
查看>>
Android打包key密码丢失找回
查看>>
VC6.0调试技巧(一)(转)
查看>>
类库与框架,强类型与弱类型的闲聊
查看>>
webView添加头视图
查看>>
php match_model的简单使用
查看>>
在NT中直接访问物理内存
查看>>
Intel HEX 文件格式
查看>>
SIP服务器性能测试工具SIPp使用指导(转)
查看>>
回调没用,加上iframe提交表单
查看>>
(安卓)一般安卓开始界面 Loding 跳转 实例 ---亲测!
查看>>
Mysql 索引优化 - 1
查看>>
LeetCode(3) || Median of Two Sorted Arrays
查看>>
大话文本检测经典模型:EAST
查看>>
待整理
查看>>
一次动态sql查询订单数据的设计
查看>>