Create a GeneratePress Header and Footer with AI
A custom site header and footer built with GP Premium's Elements module, with your menu links carried over and a one-click way back.
Prerequisites
A connected WordPress site running GeneratePress with GP Premium (the Elements module) and the WPVibe plugin active.
My site runs GeneratePress with GP Premium. Build me a custom site header and footer using GP's Elements module. Header: my site name [site name] on the left and menu links to [Home, About, Services, Contact] on the right, on a [#hex color] background with readable text. Footer: [footer text, for example: a copyright line with the current year and a one-line tagline], centered, on the same background color. Before you build anything, read my site's existing menu and include any links from it that I did not list, tell me exactly what will replace my current theme header and footer, confirm every menu link is included in the new header, and wait for my go-ahead. Then publish the two Elements (they only render once published), verify both appear on the homepage and on one inner page, and give me those page links plus the Elements admin screen link so I can tweak them later. Also tell me exactly how to undo this if I change my mind.
Skip pasting the full prompt. Drop this into your AI on a site that already has WPVibe:
Run the “Create a GeneratePress Header and Footer with AI” recipe from the WPVibe cookbook on my connected site.
GeneratePress ships a deliberately plain header and footer, and the official way to replace them is GP Premium’s Elements module, a genuinely powerful theme builder that most site owners never learn. It is easy to see why: an Element needs the right element type, the right block type, and display conditions before it renders anything at all, and if one of those is missing it fails silently. You publish it, nothing happens, and you give up.
The AI wires all of that correctly: it creates the two Elements, sets the settings that make them function, builds the header and footer from GenerateBlocks with your colors, and carries your menu links into the new header. That last part matters, because a site header Element replaces the theme header including its menu, which is the classic way this goes wrong by hand. Before anything is built, the AI tells you exactly what will be replaced and waits for your go-ahead, and Elements only render once published, so publishing is part of the recipe rather than a surprise.
Paste the prompt with your site name, menu links, and colors, and approve the plan when it looks right. Undoing is one click: delete the two Elements from Appearance, then Elements, and the theme’s own header and footer, menu included, come straight back. Your menu itself is never touched, only hidden while the custom header is live.
Outcome
A published custom header and footer rendering site-wide via two GP Elements, with your menu links intact and an instant undo (delete the two Elements and the theme's originals return).