我是外贸社群的一员，一位群友遇到了一个需求：她非常了解客户和业务，但在与开发人员沟通时，开发出的页面总让她不满意。相反，她通过AI网站生成的页面却很符合客户需求。于是，她提出了一个问题：能否将这些生成的页面放到WordPress网站中呢？
需求分析
通常情况下，静态页面是不能直接放到WordPress页面里的。不过，借助万能的WordPress插件，我们可以轻松实现这一需求，只需开发一个插件即可。
AI需求分析
我使用的是KIMI，当然，大家也可以选择其他AI工具。
提问
如果我开发一个插件，将静态页面完全上传到WordPress目录，并且可以指定生成的URL，页面不需要主题的头部和顶部，该页面完全由这个单页面组成，这个可以实现吗？
回答
是的，这完全可以通过开发一个WordPress插件来实现。以下是实现这一功能的基本步骤和代码示例：
实现思路
-
创建插件文件夹和主文件：在WordPress的
wp-content/plugins目录下创建一个新的插件文件夹，并在其中创建一个主PHP文件。 -
在插件中注册静态页面：通过WordPress的钩子（hook）和函数，将静态页面文件注册为一个可访问的页面。
-
生成自定义URL：使用WordPress的重写规则（rewrite rules）来指定访问该静态页面的URL。
-
输出静态页面内容：在插件中捕获请求，并直接输出静态页面的内容，而不加载主题模板。
我们只需要按照这个思路进行开发即可。
开发环节
工具准备
推荐使用Cursor工具，建议开通Cursor会员，目前支持支付宝支付，每月20美金。
目录创建
在电脑上创建一个目录，命名为
Page-Pointer-Sylvia（插件名字目录加个人名称）。为什么要加个人名称呢？因为WordPress插件市场中存在大量同名插件，很容易发生冲突，而加上个人名字可以有效规避这个问题。
文件创建与思路整理
-
打开Cursor：选择我们新建的目录。
-
新建文件：在左侧工具窗口中新建一个文件，名称随意，比如
开发思路.txt。将KIMI给出的思路粘贴进去，包括你的提示。 -
设置快捷键：在Mac上，按下
Ctrl + I打开提问窗口。在窗口底部的图示中选择agent，选择Claude 3.5。这里为什么不选择自动或者3.7呢？因为3.5的性能最基础，不会通过长思考添加多余的东西，而是更直接地根据你的问题回答，所以推荐使用3.5版本。
提问与文档生成
在对话窗口中输入以下内容：
请根据以上内容整理这个插件的思路，并生成一个开发文档在根目录，生成为JSON格式，尽量使用最小MVP实现，PHP文件越少越好，代码量越少越好。
意思差不多就行，一般情况下，如果你用中文提问，AI会用中文回答。如果它回复英文，就提醒它后续保持中文对话。
按下回车键后，Cursor会快速生成一个JSON文件。点击上方的对号或下方的“Accept”按钮即可接收文件。
内容检查与改进
第一次生成的开发需求通常会与我们的具体思路存在细微差别，因此需要进行二次改进。例如，生成的路径可能不符合我们的预期，或者我们需要它添加上传压缩包的功能，因为我们的静态页面可能是一个压缩包目录。在这种情况下，我们继续与Cursor沟通，让它梳理思路。AI有时会思考不到位，我们不能认为AI无所不能，它也会犯错或者思路不全面。我们的真实需求并不等于AI知道我们要什么，所以不确定的地方就直接询问它，它就是一个产品加开发的集合体。经过改进后，新的开发需求就可以满足我们的要求了，接下来我们就可以开始开发内容了。
开发与检查
在输入框中按一下空格，空出一个位置，然后按下
@键，选择“开发文档”，让Cursor开始开发。具体代码文件生成后，我们在窗口中再按一下
@，选择两个新文件，然后让Cursor检查一下。检查这两个文件是否存在bug，是否完全按照开发文档实现。这一步是为了确保AI对自己开发出来的东西进行自查，保证代码不出错。一般来说，小插件通常只有1到2个文件，不会出现什么大问题。但如果文件数量超过5到10个，就需要小心了，因为这可能会超出AI的token记忆长度，导致问题不断出现。
插件命名与上传
最后就是插件的命名和作者主页的设置。插件名称可以根据自己的喜好来定，作者主页则是你的个人博客或者项目的网址。完成这些设置后，我们就可以开始压缩并上传插件了，看看是否会出现错误。
测试
测试这一步非常重要，尽量使用一个尚未上线的网站进行测试，因为插件测试过程中可能会导致网站崩溃。一定要在测试完成并确认无误后，再将插件应用到生产环境的网站中。
如果在测试过程中遇到“无法启用插件，因为它引起了一个致命错误（fatal error）”的问题，说明插件出现了问题。这时，我们需要查看网站的错误日志。如果是使用宝塔面板，可以直接进入日志查看；如果是SiteGround，登录后进入Site Tools，选择Statistics，找到Error Log。将错误日志复制到窗口中，AI就会直接进行修改。
遇到的问题及解决
在开发过程中，我们遇到了一些问题，比如AI生成的路径错误，要求重新生成；AI把网页加载的CSS等资源也弄错了，要求以正确的路径加载静态资源。最终，从开始到完成整个插件的开发，总共花费了一个半小时，实际开发时间大约半个小时。
成功上线
后台安装了一下，然后上传测试下速度，优化了加载机制，去除掉额外的加载负担，添加一点点缓存，然后就可以正常访问了，直接在页面指针，上传一个压缩包即可，压缩包的名字就是目录名字，目录必须存在index.html文件。上传完回生成一个地址，访问即可。
插件下载地址：https://pan.baidu.com/s/1coL0HSbEgpaSJGz6rDg2Ww?pwd=igfn
插件访问地址：https://note.jeffer.site/pointer/tubu/
关于AI开发的程序性能
我遇到大量的程序员对于Cursor这样的东西带有偏见，说AI开发出来都是垃圾，影响了一些人的后续使用。我个人的思路是，如果一个人写屎山，不论他用什么编辑器他都会写屎山，性能优化是从架构和写后遇到问题的优化来说的，确实ai写的东西一大后就会屎山，但是我们可以优化它。
另一个角度是，如果我们是行业从业人，比如销售，业务，设计师。我们没有大量的时间去具体学习某种代码，比如PHP，python，go，这样的语言，但我们有具体需求，我们就直接自己写，一些需求其实非常简单，只要能辅助我们业务的，我们就用，至于屎山的问题，我们花钱请别人写的东西也是屎山，我自己写时候，可以直面需求写，开发则要花大量时间沟通，这里面的沟通成本非常巨大。
结语
以上就是一个外贸需求插件的开发全过程。如果你从事外贸工作，自己制作落地页面可能会比较耗时，那么可以直接找几个落地页面链接，甩给Cursor，然后告诉它生成一个几乎相似的页面，用于什么目的。这作为一种初始尝试是非常不错的。
之前出过一期AI开发书签的文章，（AI编程 20分钟Cusor创建一个WordPress网站插件）可以辅助阅读，方式大同小异。
近期更新较少，因为我沉迷于论坛开发，正在折腾xiuno的BBS，所以天天泡在大佬论坛里。如果博友们有事，比如搬家或者一些小的开发需求，可以直接通过微信或者邮件联系我。
回复 obaby 取消回复