项目 · WordPress 开发者
农业种子公司网站
为一家种子公司打造的定制 WordPress 主题,包含交互式 SVG 地图、由 PostgreSQL 驱动的作物产量分析,以及涵盖区域农业数据的多分类法产品目录。
技术栈
WordPressPHPPostgreSQLBootstrap 5jQuerySCSSACFSVGAJAXNode-sass
项目概述
一个为农业种子公司打造的完全定制化 WordPress 主题。该网站将丰富的产品目录与数据驱动的产量追踪系统相结合,让农户能够通过交互式 SVG 地图和动态数据表格,探索不同地区和年份的作物表现。
核心功能
- 作物产量分析,可从外部 PostgreSQL 数据库按地区、年份和类别筛选历史数据
- 交互式 SVG 地图,支持可点击区域和基于坐标的地理位置查询
- 6 种自定义文章类型——产品、技术、目录、视频、促销和博客文章
- 多级产品分类法,包含组、种类、子种类和促销标签
- 由 AJAX 驱动的动态数据加载,无需刷新页面即可加载产量表格和地图标记
- 自动高亮显示每个地区和年份的最高产量
- 10 多个自定义页面模板,包括首页、产量浏览器和区域联系方式
- 集成 Gutenberg 编辑器,配备自定义区块样式
- 使用 AOS 库的滚动动画和响应式 Bootstrap 5 布局
- Advanced Custom Fields,配合 JSON 同步实现字段组的版本控制
架构
该 WordPress 主题基于 Bootstrap 5 starter 构建,SCSS 通过 Node-sass 编译。产量系统通过 PDO 连接到外部 PostgreSQL 数据库,运行地理空间查询进行区域查找和层级数据聚合。前端交互通过注册为 WordPress action 的 jQuery AJAX 端点处理。