原文链接:https://dsx2016.com/?p=1066
公众号:大师兄2016
一.开发插件后台界面
本身自带环境,也可以写代码,从而展示前端页面。
但是有一些过时了,不太适合现在数据驱动开发,使用可以更快更好的迭代。
如上图所示,开发的界面可以应用在插件界面中。
二.设置管理菜单
在插件的中(入口文件)
三.放入资源
通过之后,点击菜单就能加载。
但是会报其他和等资源引用错误,原因是路径找不到。
打包后的文件在,你也可以放在插件目录下别的文件夹
需要手动修改资源引用
根据你自己的站点目录和插件目录来修改对应的路径
查看正常访问下的目录结构
四.使用访问数据库
有没有什么办法,可以在独立于之外的网页访问其数据库。
提供了,顾名思义,我们可以单独开发接口和界面,来查看和设置内容。
参考地址:https://developer.wordpress.org/rest-api/using-the-rest-api/client-libraries/
参考地址:http://wp-api.org/node-wpapi/
使用方式
首先安装插件(通过上传或者插件市场等方式),这一步很重要,解锁
插件地址:https://github.com/WP-API/Basic-Auth
其次在插件的入口文件,如中添加跨域设置,这一步很重要,不然无法访问数据
然后引入库的资源文件,在的中引入的文件
注意前端网页使用引入套件即可,使用安装也行。
文档地址:http://wp-api.org/node-wpapi/installation/#download-the-umd-bundle
在或者其他需要使用的界面文件中,添加代码
详情内容参考文档和代码注释
文档地址:http://wp-api.org/node-wpapi/using-the-client/
更多操作参考官方文档
五.php使用wpdb操作自定义数据库
使用上述优点是,所有的方法都按规范写好了,拿来即用。
但是对于数据库操作,没办法自定义表和插入自定义字段和数据。
所以如果想把插件,如字体数据存入到单独的表中,就需要提供的
官方文档:https://codex.wordpress.org/Class_Reference/wpdb
代码如下,
写好的放在插件目录下,即可。
值得注意的是,因为在插件目录中,也就是在环境中。
无论是写前端界面,还是使用操作数据库,都不需要验证登录,因为本身就处于当前账户状态,共享。
六.在中访问插件中的
可以看到访问的地址为 http://localhost/wordpress/wp-content/plugins/short_code/api/test/index2.php
基本等同于网站的目录结构和文件路径
在中访问该文件即可
文件
使用封装的访问接口
注意的访问一定要设置跨域处理,在的文件中设置
关于搜索网络文档即可
如果没有使用过或者react,那么使用也能很快开发插件界面和交互
Tips
本片文章是《wordpress插件嵌入webFont自定义字体》的下篇,主要讲字体插件的界面编写和数据库设置方式
要把的字体转化精简接口写出来又是另外不止一篇文章了,涉及到flask框架,设计,服务器部署和验证等
哪怕是一个小小的字体插件,也涉及到以下知识体系:
-
三件套等
-
等
-
等
-
产品和设计,最小,任务分解等