我自己运营的询盘网站大部分都是用 WordPress 搭建的，对这一套软件生态我已经用的很熟了。
在平时工作过程中，也会发现有些使用其他技术栈搭建的网站，觉得某个部分的页面效果做得很不错，或者是某个内容区块的交互做得很有特色。
于是便想着迁移到 WordPress 网站上去，后续自己在做同类内容区块时，便可以采用这种效果来展示对应的内容。
但问题是现在很多用全栈框架开发出来的网站，做出来的效果没办法使用类似 Elementor 这种可视化编辑器做出来。
要么功能受限需要安装第三方插件，要么因为 js 引入缘故根本没办法实现那种的交互效果。
就拿一个非常常见的“表格”场景举例。
WordPress 整个生态系统提供的表格功能非常原始，无非就是几行几列的数据呈现，即便安装了 Elementor Pro 这样的可视化编辑器之后，其表格功能也没有很大的改善。
当你需要对页面的表格数据进行筛选、排序或者条件展示时，原生的功能根本没办法实现。
碰到这种情况时，基本就只有两种选择了，花钱购买专门的功能性插件（且这类插件还不一定能实现这些功能），或者放弃这种功能效果。
而这种垂直类插件一般都比较贵，动辄一两百美金确实是一笔不少的支出，而且还得按年持续续费。
所以有段时间，为了在自己的 WordPress 网站上低成本的捣鼓出这些功能，我开始尝试着让 AI 帮我写这类功能效果的代码，然后我再嵌入到网站上去。
实现出来的逻辑其实比较简单。
先把你的参考样例梳理出来，过程中可以整理好该样例的截图、交互效果，然后将对应背景整理起来。
然后把上一步搜集到的资料同步给 AI，并将页面链接同步过去供模型后续学习。
做完上面两步之后，后续就可以提出具体要求了，比如我想在 WordPress 网站上实现这种效果，就需要 AI 帮我写出对应的 HTML 代码。
后面我再通过 WordPress 系统提供的「HTML 模块」将其这部分功能嵌入到页面上去，变相实现了我想要的效果。
成功实现过一次之后，你会发现 AI 在处理这类页面效果的代码生成时，真的做的是又好又快。
有兴趣的朋友可以参考这个逻辑去尝试一下，走完一遍之后会有不少惊喜的。
像我最近就在利用这套逻辑来开发产品的定制器，也就是把产品生产各个阶段的各个要素选项集成到一个或者多个页面上去，供 B 端业务户线上定制他们所需要的产品。
类似这样的功能，过去可能需要利用纯代码的方式去实现，或者用专门的功能插件去实现，而现在你只需要提出需求，剩下的 AI 会帮你做好。
