网站内容添加(使用教程第一步：添加PHP内容添加密码代码第二步：文章内容)

　　网站内容添加(使用教程第一步：添加PHP内容添加密码代码第二步：文章内容)

　　前言

　　WordPress 长期为文章 内容添加密码。一直没时间写文章分享。我们在写文章的过程中可能需要隐藏一些文章或者添加密码，只有密码才能读取文章plus密码的部分。当然WordPress也自带这样的功能，但是风格很简洁，于是在网上搜索了PHP代码来美化风格，而且文章content加密码更漂亮，大气，符合风格我的主题和公众。美学。虽然它不是一个新功能，但如果使用它仍然很有用。好了，废话不多说（我还有很多事情要做，哈哈哈），下面分享教程。

　　教程第一步：添加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 '

'.$content.'

';

}

else{return '

请输入密码查看加密内容

文章密码

怎么获取密码？

';}

}

add_shortcode('secret','e_secret');

　　第 2 步：添加 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;}}

　　第三步：文章content 添加密码

　　[secret key="123456"]

文章需要加密的内容

[/secret]

　　效果

　　密码：123456

　　[秘钥=”123456″]

　　效果

　　[/秘密]

　　文章内容转载：星宇的小屋，代码由星宇提供