最新公告
  • 欢迎您光临泊亦博客,本站秉承服务宗旨 履行“站长”责任,销售只是起点 服务永无止境!立即加入我们
  • WordPress给文章内容添加密码

    WordPress给文章内容添加密码插图前言

    WordPress给文章内容添加密码是我很久就弄好的,一直没有时间写文章进行分享,我们在写文章的过程中可能需要对一些文章进行隐藏或者添加密码,只有密码才能进行阅读文章加密码的那一部分内容。WordPress当然也自带这样的功能,但是样式非常的简洁,所有我就在网上找PHP代码,进行样式的美化,是文章内容加密码更加的美观、大气、符合自己主题的样式以及大众的审美观。虽然不是什么新颖的功能了,但是若是用上了,还是有用的。好啦废话不多说(我还有很多事情要做,哈哈哈),下面分享一下教程吧。

    使用教程

    • 有些CSS代码直接采用子比主题的登陆class类CSS代码样式,若是其他主题采用本文章内容添加密码,请自行右键控制台获取CSS相关样式。
    • WordPress给文章内容添加密码对管理员都生效,若介意请勿使用。

    第一步:添加PHP内容添加密码代码

    • 在主题目录下themes/zibll/functions.php下,添加下面的PHP代码:

    /**

    * WordPress文章内容添加密码
    */
    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”>’.$content.‘</div>
    ;
    }
    else{return ‘<form class=”post-password-form” action=”‘.get_permalink().‘” method=”post” name=”e-secret”>
    <div class=”wiiuii_boy”>
    <div class=”wu-bg”>
    <div class=”wu-bg-d”>
    <div class=”wu-main”>
    <span class=”wu-ico”>
    <svg viewBox=”0 0 24 24″ xmlns=”http://www.w3.org/2000/svg”>
    <rect data-fill=”1″ data-stroke=”1″ height=”12″ rx=”1.5″ stroke-linecap=”round” stroke-linejoin=”round”
    width=”14.67″ x=”5″ y=”10″></rect>
    <path d=”M7.667 10V6.667a4.667 4.667 0 1 1 9.333 0V10M12.333 14.667v2.666″ data-stroke=”1″
    stroke-linecap=”round” stroke-linejoin=”round”></path>
    </svg>
    </span>
    <label for=”pwbox-142″ style=”color:#fff;”>请输入密码查看加密内容</label>
    <div class=”relative line-form mb10 wiiuii_w”><input type=”password” name=”e_secret_key” size=”20″ class=”line-form-input” /></input><i class=”line-form-line”></i><div class=”scale-placeholder”>文章密码</div></div>
    <input type=”submit” class=”euc-y-s wu-button” value=”确定” /></input>
    <h6><a href=”http://www.atwlb.cn/” target=”_blank”>怎么获取密码?</a></h6>
    </div>
    </div>
    </div>
    </div>
    </form>’;}
    }

    add_shortcode(‘secret’,‘e_secret’);

    • 说明:PHP代码的HTML代码内容、链接,可自行修改。

    第二步:添加CSS代码样式

    • 后台主题设置–》自定义CSS代码里面添加下面的代码即可。
    /*文章内容加密样式*/
    .wiiuii_boy{/*max-width: 500px;*/ margin: 0 auto; padding-bottom: 2em;}.wiiuii_boy .wu-bg{height: 300px; background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url(http://atbk.oss-cn-shanghai.aliyuncs.com/image/2021/04/160475b441088e23f5b051e55fbd01eb.jpg);background-size: cover; background-repeat: no-repeat; background-position: center center; border-radius: 8px; cursor: pointer;}.wiiuii_boy .wu-bg-d{height: 100%; align-items: center; place-content: flex-start space-around; display: flex;z-in1dex: 1;}.wiiuii_boy .wu-main{text-align: center;}/*锁*/.wiiuii_boy .wu-ico,.wiiuii_boy .wu-ico svg{height: 4rem; width: 4rem;}.wiiuii_boy .wu-ico{display: flex; margin: 0 auto; opacity: 0.8;}.wiiuii_boy .wu-ico svg{align-self: center; fill: transparent; stroke-width: 1.2px;}.wiiuii_boy .wu-ico svg [data-stroke]{stroke: rgb(255, 255, 255);}/*按钮*/.wiiuii_boy .wu-button{width: 80px; /*background-color: rgb(255, 255, 255);*/ margin:2rem; border-radius: 10px; font-weight: 700 !important; border: 1px solid rgb(255, 255, 255); padding: 0.46875rem 1rem; color: rgb(36, 30, 18) !important; /*font-size: 0.875rem !important;*/}.wiiuii_boy .wu-button:hover{background-color: #fff;}@media screen and (max-width: 980px){.wiiuii_w{width: 70%;margin:0 auto;text-align:center;}}
    • 说明:背景图片是本站的链接,背景图片自己修改一下。

    第三步:文章内容添加密码

    • 由于我不是很会PHP代码,所以无法进行模块化。只能通过代码(简码)来实现。
    • 在编辑文章时,经典编辑器在“文本”模式下添加下面代码。古腾堡编辑器–》添加自定义HTML模块或者简码模块–》添加下面代码。
    [secret key=“123456”]
    文章需要加密的内容
    [/secret]
    • 注意(非常重要):在文章需要解密内容的头上(开始)添加【secret key=”这里是密码”】,在文章需要解密内容的末尾添加【/secret】(为防止代码生效我把[]改成【】,自己改回来)。
    • 古腾堡编辑器正确操作如下图:

    效果

    WordPress给文章内容添加密码插图1

    密码:123456

    [secret key=”123456″]

    效果

    [/secret]

     

     

    泊亦网络
    泊亦 » WordPress给文章内容添加密码

    常见问题FAQ

    免费下载或者VIP会员专享资源能否直接商用?
    本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。更多说明请参考 VIP介绍。
    提示下载完但解压或打开不了?
    最常见的情况是下载不完整: 可对比下载完压缩包的与网盘上的容量,若小于网盘提示的容量则是这个原因。这是浏览器下载的bug,建议用百度网盘软件或迅雷下载。若排除这种情况,可在对应资源底部留言,或 联络我们。
    找不到素材资源介绍文章里的示例图片?
    对于PPT,KEY,Mockups,APP,网页模版等类型的素材,文章内用于介绍的图片通常并不包含在对应可供下载素材包内。这些相关商业图片需另外购买,且本站不负责(也没有办法)找到出处。 同样地一些字体文件也是这种情况,但部分素材会在素材包内有一份字体下载链接清单。

    发表评论

    售后服务:

    • 售后服务范围 1、商业模板使用范围内问题免费咨询
      2、源码安装、模板安装(一般 ¥50-300)服务答疑仅限SVIP用户
      3、单价超过200元的模板免费一次安装,需提供服务器信息。
      付费增值服务 1、提供dedecms模板、WordPress主题、discuz模板优化等服务请详询在线客服
      2、承接 WordPress、DedeCMS、Discuz 等系统建站、仿站、开发、定制等服务
      3、服务器环境配置(一般 ¥50-300)
      4、网站中毒处理(需额外付费,500元/次/质保三个月)
      售后服务时间 周一至周日(法定节假日除外) 9:00-23:00
      免责声明 本站所提供的模板(主题/插件)等资源仅供学习交流,若使用商业用途,请购买正版授权,否则产生的一切后果将由下载用户自行承担,有部分资源为网上收集或仿制而来,若模板侵犯了您的合法权益,请来信通知我们(Email: byy03190@163.com),我们会及时删除,给您带来的不便,我们深表歉意!

    Hi, 如果你对这款模板有疑问,可以跟我联系哦!

    联系作者
    • 4会员总数(位)
    • 65资源总数(个)
    • 0本周发布(个)
    • 0 今日发布(个)
    • 110稳定运行(天)

    提供最优质的资源集合

    立即查看 了解详情