DEV Community

Steven K
Steven K

Posted on

Live CMS — Edit WordPress Content Directly on the Front-End

#cms #wordpress #plugin #website

What if your content editors could click any text on the live site and just... change it? No admin panel, no guessing which field maps to what, no "preview" button. That's what Live CMS does for WordPress.

This article walks through installation, AI agent skill setup, and the developer workflow for building editable pages.

Chapter 1: Installing Live CMS

Live CMS is a standard WordPress plugin distributed as a zip file.

Requirements

  • WordPress 6.0+
  • PHP 7.4+
  • A theme that calls wp_head() and wp_footer() (most themes do)

Install via Zip

  1. Get the live-cms.zip by this form
  2. In your WordPress admin, go to Plugins → Add New → Upload Plugin
  3. Choose the zip file and click Install Now
  4. Click Activate

That's it. No external dependencies, no API keys, no build step. The plugin is self-contained.

Verify It Works

  1. Log in as an admin or editor
  2. Make sure Users → Profile → "Show Toolbar when viewing site" is enabled
  3. Visit any frontend page
  4. You should see ✏️ Live CMS in the admin toolbar

Nothing shows up? Check that your theme fires wp_head() inside <head> and wp_footer() before </body>. Templates using get_header() / get_footer() already do this. Custom templates need to call them explicitly.

Top comments (0)