The Live Edit plugin provides a “slide out” panel to edit the title / content and any Advanced Custom Fields on any template file!
Instead of automatically adding an “edit” button to the page or post, this plugin allow you to specify a “region” (div element) which can be edited. This means you can have multiple “edit regions” within the one template file.
A good example of this is to imagine an archive page where multiple posts are shown. This plugin would allow you to quickly edit any visible post’s fields!
To create an “editable region”, use the live_edit() function. This function is placed inside the tag where attributes can be created. eg:
An edit buton will appear in this div! All HTML inside the div will update refresh after updated!
Field name 1:
This function generates the atributes neccessary for the “edit panel” to work. It accepts 2 parameters:
$fields – An array or string (comma seperated list) of field names to show in the edit panel. To edit the post title use “post_title”, to edit the post content use “post_content”, to edit the post excerpt use “post_excerpt”, for all ACF fields use “$field_name” – (required)
$post_id – A number refering to the post / page to save values against. This can be any $post_id value used in ACF. This includes: “option”, “user_$userID”, ‘$taxonomy_$term’, 123. Defaults to current $post->ID – (optional)
It is always good practise to wrap the live_edit() function in a conditional statement. This allows the plugin to be deativated without crashing your website. eg:
<div class="somthing" >
- Mac Firefox 🙂
- Mac Safari 🙂
- Mac Chrome 🙂
- PC Firefox Not yet
- PC ie7 Not yet
Please Vote and Enjoy
Your votes really make a difference! Thanks.
- Upload ‘live-edit’ to the ‘/wp-content/plugins/’ directory
- Activate the plugin through the ‘Plugins’ menu in WordPress
- Edit your theme templates and create “editable regions” with the live_edit() function
Great Simple and Easy Live Edit Plugin.
Works like a charm! Great work 🙂
I have tried many front-end editors that are available for WordPress but Live Edit is simply the best front-end editor that I have installed. The user interface looks very nice and the slide out panel is absolutely cool. All it takes is for me to add one line of code to a <div> in one of my theme’s PHP file. Simple and it works!!
Contributors & Developers
“Live Edit” is open source software. The following people have contributed to this plugin.
- Security updates
- Fixed bug where the edit button would disappear after update
- Fixed bug preventing the live edit panel to close correctly
- Fixed JS bug preventing AJAX update on multiple saves
- Added support for Advanced Custom Fields version 5
- Refreshed UI
- [Updated] Updated all code to now be compatible with ACF v4 and above. If using v18.104.22.168 or below, please do not use this version, instead continue to use v1.0.4
- Fixed issue where post_content, post_title and post_excerpt were not saving
- Fixed JS bug where the div would not AJAX update after the seccond save
- Fixed compatibility issues with new ACF > 3.5.5
- Fixed bug where fields were not showing with ACF > 3.5.0
- Original Commit