WordPress给文章内容添加需密码查看框[WP教程]

前言

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

效果

食用教程

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

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

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

•   此处内容已隐藏，请评论后刷新页面查看.

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

  第二步：添加CSS代码样式

  • 后台主题设置–》自定义CSS代码里面添加下面的代码即可。

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

• 由于我不是很会PHP代码，所以无法进行模块化。只能通过代码（简码）来实现。
• 在编辑文章时，经典编辑器在“文本”模式下添加下面代码。古腾堡编辑器–》添加自定义HTML模块或者简码模块–》添加下面代码。

[secret key="123456"]
文章需要加密的内容
[/secret]

• 注意（非常重要）：在文章需要解密内容的头上（开始）添加【secret key=”这里是密码”】，在文章需要解密内容的末尾添加【/secret】（为防止代码生效我把[]改成【】,自己改回来）。
• 古腾堡编辑器正确操作如下图：