555 – How I’m Using AI with WordPress

WordPress Resource: Your Website Engineer with Dustin Hartzler

Announcements

• WordCamp US 2025 is in Portland next week

WordPress Updates

• Making use of AI to get my website work done.
• Start at loveable.dev and create a free account.
• Use the five tokens a day to “vibe” code your way to beautiful projects
• Use the ideas in Loveable to create in WordPress
• Power move: use screenshots from Loveable and Cursor to build WordPress block compatible sections.
• Be Specific in Cursor! Tell Cursor to give you code that won’t break in the editor and can update the visuals with CSS
• Paste the CSS into the Site Editor CSS area for quick checks to make sure it works, then move it to a more permanent spot once you are happy with the look
• The best way I’ve found is to tell Cursor to create a new template HTML file and then it can write the code in the HTML template. Then you can refresh your local environment to immediately see your changes.

Things that I’ve done in the last two weeks:

• Created a card on the home page that highlights an upcoming cruise for next summer for my wife’s business
• Created a partner page that highlights some of the sponsors and links to their upcoming webinars
• Formatted WordPress details block FAQs to be more elegant with custom icons to open/close them
• Built a complete sales landing page for easy duplication for every course

Other AI Tools I’ve been using:

• ChatGPT
• Claude
• Ollie

Thank You!

Thank You!

Thank you to those who use my affiliate links. As you know I make a small commission when someone uses my link and I want to say thank you to the following people. For all my recommended resources, go to my Resources Page

View on YourWebsiteEngineer.com