Claude to WordPress

Build custom, editable WordPress websites
with Claude and Lay Theme.

Connect Claude to your WordPress website

Lay Theme AI Mode connects the Claude desktop app to your WordPress website. Claude can work with the tools and content available in Lay Theme instead of only giving you code to copy and paste.

Connect Claude to a WordPress website through Lay Theme AI Mode

Connect the Claude desktop app to Lay Theme in the AI Mode settings.

From Claude to an editable website

Describe what you want to build or give Claude a Figma Dev Mode link. Decide which text, images, links and other content should stay editable. Claude can create the Custom Element, its fields and the related code.

Connect Claude to Lay↓
Let Claude build the element↓
Use it in the Gridder↓
Manage the content in WordPress

Claude builds the custom element

AI Mode gives Claude the context it needs to create a tailored element for your design. Build step by step, review the result and continue refining it together with Claude.

Custom WordPress element created with Claude and Lay Theme AI Mode

A Custom Element created with Claude, including its live preview in WordPress.

The content stays editable

The result is not just static AI-generated HTML. Claude can create simple WordPress fields for exactly the content your client should change, while the design and interaction stay intact.

Text, textarea, code, number, URL and email fields for editable WordPress content

Text and textarea fields can also be made multilingual.

Editable file, image and gallery fields created for a custom WordPress element

Image and gallery fields keep the media editable in WordPress.

Editable color and date fields created for a custom WordPress element

Color, date and time fields created for the custom design.

Use it together with the Gridder

Insert the finished Custom Element into the Gridder and continue building the rest of the page with the normal Lay Theme tools. AI Mode is optional: use Claude for the parts that need something more tailored.

Insert a Claude-built Custom Element into the Lay Theme Gridder

Insert the finished element from the Gridder's Custom Elements menu.

Finished custom element on a Lay Theme WordPress website

The Claude-built Artists Index on the finished website.

A real website built with AI Mode

City Advents Zauber was built entirely with Lay Theme AI Mode. It shows how a tailored design and an editable WordPress backend can work together.

city-adventszauber.de
City Advents Zauber website built with Lay Theme AI Mode

City Advents Zauber, built with Lay Theme AI Mode.

More things Claude can do in Lay Theme

Create Custom Views and Custom Fields, turn an existing Gridder layout into an edit form, migrate project content or reuse a finished layout to create more pages. Start with one example, check the result and then scale the workflow.

Resources

Connect Claude to Lay Complete AI Mode Tutorial Figma to WordPress Build a Website with AI Get Lay Theme