WPJAM Modal：一个实现了海报 / 打赏 / 分享 / 搜索的全能弹窗 WordPress 插件
我之前做的 WordPress 插件，更多涉及的是管理功能，比如用户管理，分类管理这些插件等等，这些主要这些功能比较纯粹，然后 WPJAM Basic 已经实现了 WordPress 后台的各种底层类库和交互组件，只要功能需求就能快速做好。😁
但是最近在更新 Autumn Pro 5.0 的功能的时候，也开始有所涉猎 WordPress 的前端开发。😳 我就把一些常用的前端功能整理成统一的插件，一是方便日后更新，也是方便其他主题的集成。
全能弹窗 WordPress 插件
今天就来介绍这批插件中的第一个，一个全能的 WordPress 弹窗插件，也可以叫模态框插件，目前已经实现了海报 / 打赏 / 分享 / 搜索弹窗，接下来还会实现登录 / 公告等弹窗，也提供弹窗接口，只要简单几行代码也可以实现你自己的弹窗。
插件激活之后，在后台「WPJAM」菜单下就又会有「页面弹窗」的子菜单，当然如果已经使用 Autumn Pro 主题，这个在菜单在「Autumn」菜单下，总之不在「WPJAM」菜单，就是在主题设置菜单下，点击进去就进入弹窗的设置页面了：
文章海报弹窗
如上图所示，文章海报弹窗，需要你设置 logo 和标语，然后选择自动插入（Autumn Pro 主题已经通过代码插入，上面的自动插入选项也会没有），就可以在页面上显示「生成海报」按钮：
当然其他主题你也可以自己通过 wpjam_get_poster_button($args=[]) 来手工插入，这里 $args 的默认值是：['title'=>'生成海报', 'class'=>'poster-button', 'icon'=>'ri-image-line']，你也可以自定义修改它：
总之最后在页面上出现「生成海报」按钮，点击它之后就会生成海报弹窗：
样式还是可以的，当然你也自己改一下 CSS，去调整海报的样式，这里再多说两句，海报是通过 HTML2Canvas 生成图片的，这样做好处，就是无需在服务端去生成海报图片了，能够显著降低服务端的消耗，同时海报上的二维码也是使用 jQuery.qrcode 前端 jQuery 插件实现，也不是服务端生成的图片，更进一步降低服务器的消耗，本来这些功能就应该在前端实现的嘛，现在的浏览器能力也是越来越强了。
文章打赏弹窗
我们继续看会最上面的设置图，文章打赏弹窗需要设置「打赏标题 / 标语和收款码」这三个选项，之后就会出现「打赏作者」的按钮：
wpjam_get_donate_button($args=[])，$args 的默认值是：['title'=>'打赏作者', 'class'=>'donate-button', 'icon'=>'ri-money-cny-circle-line']。
点击之后的弹窗如下：
文章分享弹窗
文章分享弹窗没有设置选项，它的自定义调用函数是 wpjam_get_share_button($args=[])，$args 的默认值是：['title'=>'分享', 'class'=>'share-button', 'icon'=>'ri-share-forward-2-fill']。
点击生成的分享按钮之后弹窗如下：
文章搜索弹窗
最后一个是文章搜索弹窗，通过它可以在后台设置常用搜索词：
搜索按钮不能自动插入，它只能通过 wpjam_get_search_button($args=[]) 函数手动插入，$args 的默认值是：['title'=>'', 'class'=>'search-button', 'icon'=>'ri-search-line']。
比如 Autumn 的搜索按钮就如下：
点击它之后就可以进行文章搜索：
除了显示搜索框和后台设置的热门搜索之外，还显示当前用户的搜索历史，是不是有种大站才有搜索的感觉，哈哈。
WPJAM 全能弹窗插件
WPJAM Modal 插件是 WordPress 果酱知识星球福利插件，加入「WordPress果酱」知识星球（长按下图二维码）即可下载。如果你已经是 Autumn Pro 的用户，你什么都不用做，已经拥有了。
