开发一个自动生成关系图的WordPress插件涉及到多个步骤，包括了解WordPress插件架构、设计数据库存储结构、创建用户界面、实现图表生成逻辑以及测试和发布，以下是详细的技术教学：

准备工作

1、环境搭建：确保你有访问WordPress开发环境，包括PHP、MySQL和一个本地WordPress安装。

2、基础工具：准备文本编辑器（如Visual Studio Code）、FTP客户端和浏览器开发者工具。

第一步：规划插件功能

确定你的插件需要具备哪些核心功能：

数据输入：如何获取关系数据（自定义字段、现有内容等）。

存储机制：是否需要在数据库中存储这些关系数据。

图表类型：支持哪些类型的图表（例如流程图、组织图等）。

用户界面：用户如何与插件交互，设置参数并生成图表。

兼容性：考虑不同版本的WordPress和已存在的其他插件。

第二步：创建插件框架

1、创建插件目录：在wpcontent/plugins目录下新建一个目录，命名为你的插件名。

2、主插件文件：在该目录内创建一个PHP文件，这是插件的主文件，它定义了插件的基本信息和初始化函数。

3、设置插件头信息：在主文件中添加注释来定义插件的基本信息，比如名称、描述、版本、作者等。

4、注册插件动作：通过add_action或add_filter将你的功能加入到WordPress的执行流程中。

第三步：设计和创建数据库表

如果需要存储用户的关系数据，你需要设计数据库表来存储这些信息，使用WordPress的数据库API进行操作：

使用$wpdb全局对象来执行查询。

创建表格以存储实体和它们之间的关系。

第四步：创建后台管理界面

1、菜单页：使用add_menu_page函数添加一个顶级菜单。

2、设置页：创建表单允许用户输入数据和调整图表选项。

3、图表生成页：用户可以触发图表生成并查看结果。

第五步：实现图表生成逻辑

1、数据获取：根据用户输入从数据库中获取关系数据。

2、图表库选择：选择一个合适的JavaScript图表库（如Chart.js、D3.js等）集成到你的插件中。

3、数据处理：将获取的数据转换为图表库可以处理的格式。

4、前端渲染：使用Ajax调用后端接口获取数据，并在前端生成图表。

第六步：前端集成和样式

1、引入JS和CSS：确保你的插件能够正确加载所需的JavaScript和CSS文件。

2、前端模板：创建必要的前端模板文件来显示图表和管理界面。

3、样式定制：编写CSS以确保插件在不同主题下的兼容性和视觉效果。

第七步：测试插件

1、单元测试：为关键功能编写单元测试。

2、功能测试：手动测试所有用户界面和功能。

3、兼容性测试：确保插件在不同的WordPress版本和配置下工作正常。

第八步：打包和发布

1、代码审查：检查代码是否有潜在的安全问题或性能瓶颈。

2、文档编写：为用户准备清晰的安装和使用指南。

3、发布：将插件上传至WordPress.org或你的网站供用户下载。

第九步：维护和更新

定期检查并回应用户的反馈和问题。

根据WordPress核心更新进行必要的兼容性调整。

持续改进和增加新功能。

在整个开发过程中，务必遵守WordPress编码标准，保证插件的专业性和可维护性，密切关注用户体验，确保你的插件不仅功能强大，而且易于使用。