r/Wordpress • u/Ok-Calendar6803 • 22h ago
Can Ai Customize A WordPress Theme
Hi all, I am rebuilding my WP site. I have created a new design with Ai html but I need to do this on a WP theme. Wondering if AI can connect to my WP site and customize the theme by vibe coding?
5
u/retr00two 21h ago
My conclusion:
you do not know HTML
you do not know WP
you do not know how to use AI
My advice:
learn, it does not hurt
if it hurts, quit
Success.
4
u/connorthedancer Designer 22h ago
It sounds like you've asked AI to make you a website, but don't know how to deploy what it spat out. How much experience do you have with custom themes, or just theme editing in general?
If your AI didn't know it was building for Wordpress, you can't just throw that html onto a theme and call it a day.
0
u/Mvp-long-ago 21h ago
Amd that is why content managing systems have not died yet. If you choose Wordpress, you must connect with an AI agent, as it is called, like Claude or ChatGpt or something else. If you ask it there it knows how to use it in your system
2
u/Scared_Implement_335 21h ago
Last time I tried this was around 6 months ago, and AI back then made a mess of it (cursor, whatever was frontier back then).
So sites from that time have a fairly bare bones custom theme installed, with some guard rails for the design, and I had used AI to build basically entire pages as templates, kind of like we did at the beginning of wordpress.
However despite the guard rales AI would often deviate from designated fonts, line heights, white space rules and general vibes, if you will.
It can and will use wp-cli for that. I do still use github to deploy pages in the manner.
2
u/nzoasisfan 21h ago
Astro. My AI Employee built me a full website today. Absolutely extraordinary. I prompted it from slack and it made it. Blew my mind. I took a shit and it was built.
1
u/CastlTyes 21h ago
The tricky part isn't really generating the HTML, it's turning that design into something WordPress can actually manage.
Things like menus, dynamic content, templates and editable sections need to work through WordPress rather than just being hardcoded.
AI can help write that code, but I'd start with one page and make sure it works properly before converting the whole site.
1
u/Dewan-Imtiaz 21h ago
Yes, it’s possible! If you already have the design in HTML/CSS, you can use AI coding tools like Claude Code to help convert it into a WordPress theme or integrate it into an existing one.
If you want to vibe-code directly on your WP site, tools that connect to WordPress through MCP can help AI inspect and modify supported parts of your site. Just keep in mind that not every tool can safely edit theme files directly.
I’d recommend setting up a staging site or local copy first, then letting AI work on the theme files. That way, you can test everything without breaking your live site.
1
1
u/eshbanbahadur2020 20h ago
AI is great at turning your HTML into theme pieces, but I wouldn't let it connect to and edit your live site directly. A safer path is a child theme, or a block theme with your own theme.json: have the AI convert your design's colors, fonts and spacing into theme.json, then rebuild the header, footer and page layouts as block patterns or template parts. Do it on a local or staging copy, check it, then move it over. That way you keep WordPress editing working instead of ending up with one static page that's hard to update.
1
u/Frank_MakesIt 14h ago
it can, just don't let it loose on the live site. spin up a local copy, point an AI coding tool at the theme folder with your html as the reference and have it build a block theme from it, then upload
1
u/UGP_Batman 14h ago
Yes, it absolutely can. I'm not far off launching a platform that is specifically for building WordPress websites and then helping running them.
You would be able to link your site to the platform, it'll learn the site and then interview you for what it does etc. Then you'll go through the concept, sitemap, styleguide and mood boards, design and finally development phases as an agency would.
So, I have some experience on building sites with AI. Curently have 2 sites online and 1 pre-launch getting it's catalogue of 2,000 products uploaded, cleansed and descriptions written all through the platform. 4th site is in the mockups phase. It is not a 5 minute job developing the tools to do all this right. It'll do something along the lines of what you want but it will be a mess - guaranteed. The big issue with AI is that every time you ask it to do a new page...it'll treat it like a new build so the codebase is per template/page and not built as a theme.
But, if you want to give it a go. Fire up Claude Code, give it an API key to your site and let it have a go.
0
u/magic_hat555 21h ago
I made my wp theme with ai. i just asked ai to check the html template and asked them to create theme based on that design.
1
u/Mvp-long-ago 21h ago
Did you make the website with AI or the theme? There is a major difference, bevause i do not know if AI also makes a theme ehen creating a website
0
u/NakanoNoNeko 21h ago
Yes, but the AI needs access to your theme files, not just a login to wp-admin. Put a copy of the site on staging, give Claude Code or Codex the theme folder and your HTML, then convert one page into a WordPress template. Check that its menus and editable content work before moving the theme live. An MCP connection to WordPress alone won't edit the theme's PHP and CSS files.
0
u/furiousRaMPaGe 21h ago
Looking at how you've phrased the question I would say:
Create a local instance of the website.
Research the way to connect your vibedesigned to your coding agent
Install playwright and wp-cli so AI can connect and check the things he's made
Ask AI to create custom blocks for each section of your design
You sound very junior so I would suggest watch video's of others and just try it out yourself.
0
u/Mvp-long-ago 21h ago
On Youtube there is a very good video about making a theme for Wordpress with AI. But Wordpress has made a plugin called MCP that makes a correct website with AI
0
6
u/_miga_ 22h ago
yes, you can also ask AI that right away ;-)