觅站网

【WordPress教程】纯代码实现设置密码访问

作者: 觅站网 发布时间: 2021-01-28 89 人阅读
  • MBXZBHH16721 到期时间:2022年10月07日
  • MBXZBHH16721 到期时间:2022年10月07日
  • ying 到期时间:6.17-Y2TG6
  • ying 到期时间:6.17-Y2TG6
  • 1.首先载入美化的css

    以本站为例,可以直接在后台>自定义代码添加css,其他模板可以自行添加模板文件里的style.css或是其他文件里,代码如下
    提示框代码

     /**tishikuang**/
    #sc_notice{color:#7da33c;background:#ecf2d6 url(../img/sc_notice.png) -1px -1px no-repeat;border:1px solid #aac66d;overflow:hidden;margin:10px 0;padding:15px 15px 15px 35px}
    #sc_warn{color:#ad9948;background:#fff4b9 url(../img/sc_warn.png) -1px -1px no-repeat;border:1px solid #eac946;overflow:hidden;margin:10px 0;padding:15px 15px 15px 35px}
    #sc_error{color:#c66;background:#ffecea url(../img/sc_error.png) -1px -1px no-repeat;border:1px solid #ebb1b1;overflow:hidden;margin:10px 0;padding:15px 15px 15px 35px}
    #sc_tips{color:#777;background:#eaeaea url(../img/sc_tips.png) -1px -1px no-repeat;border:1px solid #ccc;overflow:hidden;margin:10px 0;padding:15px 15px 15px 35px}
    #sc_blue{color:#4d99d2;background:#dbe7f8 url(../img/sc_blue.png) -1px -1px no-repeat;border:1px solid #4d99d2;overflow:hidden;margin:10px 0;padding:15px 15px 15px 35px}.sc_act{margin:10px 0;padding:10px 15px;background:#FFF;border:1px solid #e3e3e3;border-left:3px solid #3dabce}.sc_act:hover{background:#fcfcfc}
    .tm-btn,
    .button,
    input[type="submit"]{color: #fff; background: #fd6639;color : #fff; background-image: none; background-color: #fd6639; color : #fff;padding: 0 25px; font-weight: bold; cursor: pointer; border: none; height: 36px; line-height: 36px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; -webkit-transition: all 0.2s ease-in-out 0s; -moz-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; -ms-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; display: inline-block; margin: 5px;}
    .tm-btn.small,
    .button.small,
    input[type="submit"].small{padding: 5px 10px; height: auto; line-height: 1.8;color: #fff;}
    
    .tm-btn.green,
    .button.green,
    input[type="submit"].green{background: #7cc576;color : #fff;}
    

    以上提供的是本站的一套美化方案,如果你有更好的,可以自己修改,上面的css也不仅仅有单单一个功能,可用于其他

    2.打开主题目录的functions.php文件添加以下代码

    //部分内容输入密码可见
    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 '<div class="e-secret" id="sc_notice"><strong><span style="color: #ff6600;">隐藏内容:</span></strong><br> '.$content.'</div>';
    }
    else{
    return '<div id="sc_warn"><form class="e-secret" action="'.get_permalink().'" method="post" name="e-secret">
    <strong><span style="color: #ff6600;">此部分内容加密,请输入密码查看</span></strong><br><label>密码:</label><input type="password" name="e_secret_key" class="euc-y-i" maxlength="60">
    <input type="submit" class="tm-bin green small" value="提取"><div class="euc-clear"></div> </form></div>';
    }
    }
    add_shortcode('secret','e_secret');
    

    3.文章编辑时引用

    【secret key="密码"】隐藏内容【/secret】
    

     

    1. 本站所有资源来源于用户上传和网络,如有侵权请邮件联系站长!
    2. 分享目的仅供大家学习和交流,请不要用于商业用途!
    3. 如果你也有好源码或者教程,可以到用户中心发布,分享有积分奖励和额外收入!
    4. 本站提供的源码、模板、插件等等其他资源,都不包含技术服务请大家谅解!
    5. 如有链接无法下载、失效或广告,请联系管理员处理!
    6. 本站资源售价只是赞助,收取费用仅维持本站的日常运营所需!
    7. 如遇到加密压缩包,默认解压密码为"mobanxi.com",如遇到无法解压的请联系管理员!
    8. 因为资源和程序源码均为可复制品,所以不支持任何理由的退款兑现,请斟酌后支付下载
    声明如果标题没有注明"已测试"或者"测试可用"等字样的资源源码均未经过站长测试.特别注意没有标注的源码不保证任何可用性

    模板系 » 【WordPress教程】纯代码实现设置密码访问

    发表评论

    建站!你有充足的理由选择我们

    模板系,累计帮助10000+用户成功建站,为草根创业提供助力!
    • 高端专业开发团队

      10年WordPress主题博客和企业建站开发经验,提供最专业主题设计与开发

    • 独一无二视觉冲击

      增强用户体验、提高品牌形象给人留下深刻的印象,每款主题都有自己的灵魂

    • 完善兼容各种设备

      每款主题都提供完善的响应式布局,优化PC、Pad和各种手机端用户体验

    • 免费靠谱售后服务

      免费在线工单或QQ售后,解决主题使用的各种疑惑,你只需用心做站

    • 251会员总数(位)
    • 377资源总数(个)
    • 0本周发布(个)
    • 百度收录
    • 1591稳定运行(天)

    加入VIP免费获取全站资源

    立即查看 了解详情