Hexweb Live Theme Editor

Custom themes are fast and look exactly as designed, but clients can’t change a headline without a developer. Hexweb Live Theme Editor adds a visual editing layer on top of any theme:

• Click any text on the page and type.
• Replace images and background images from the Media Library.
• Change colours, fonts, sizes and weights per element.
• Recolour the whole site: the plugin scans the theme’s CSS, lists every colour and font, and swaps them everywhere at once.
• Duplicate, move, hide and delete blocks and sections, and copy a section from one page to another.
• Preview and edit at desktop, tablet and mobile sizes; tablet/mobile style changes apply only on those screens.
• Drag and drop blocks into a new order.
• Google Fonts are hosted on your own site (GDPR-friendly).
• Header, footer and navigation edits apply on every page; everything else on the page you’re on.

Lightweight by design: visitors get no editor JavaScript or CSS at all. The editor (about 66 KB) loads only for an administrator in edit mode.

Edits are stored as a separate layer and applied when the page is rendered. Theme files are never modified. Deactivate the plugin and the site is exactly what the theme renders.

Hexweb Live Theme Editor is made by Hexweb (https://hexweb.net/), the WordPress studio of Svetoslav Kodzhamanov. Questions about the plugin: [email protected], or the support forum here on WordPress.org.

Usage

1. Log in as an administrator and open any page.
2. Click “Live Edit” in the admin bar.
3. Click an element to edit it. Ctrl+S saves.
4. Tools → Live Editor shows every edited page, with undo, clear and export/import.

Add ?hxle_off=1 to any URL to see the page without edits (admins only).

External services

This plugin can connect to Google Fonts, but only when you pick a Google font in the editor or in the site-wide font remap.

• What is sent and when: when you save edits that use a Google font, your server requests the font stylesheet and font files from fonts.googleapis.com and fonts.gstatic.com once, and stores them in wp-content/uploads/hxle-fonts/. Only the font family names and weights are sent. Visitors’ browsers then load the fonts from your own site and never contact Google.
• While an administrator is editing, the editor previews fonts by loading them from fonts.googleapis.com in that administrator’s browser.
• If you turn off “Host Google Fonts on this site” in Tools > Live Editor, visitors’ browsers load the fonts from Google directly.

Google Fonts is provided by Google LLC: Terms of Service, Privacy Policy.

No other external service is used. The plugin collects no data and sends nothing about your site or visitors anywhere.