Version 1.5

Straight from the lab, we bring you the latest and greatest in front-end editing:

Swap theme images

Currently, there is no easy way to change an image from your theme. You have to either override the image file through FTP or locate the code in your theme and modify it.

Wouldn’t it be nice if you could just double-click on the image you want to change and then just do it, without leaving the page you’re on?

Good news: now you can, with a little bit of tweaking. To make an image editable, you have to make a one-time edit to your theme.

Continue reading…

Version 1.4

Over the last several weeks, there has been a steady stream of improvements going into Front-end Editor, largely as a result of your feedback. I’m happy to see people are using the plugin in interesting ways.

First of, several users requested a way to allow only certain posts to be editable. This is easily done now, with a few lines of code. See examples here.

Secondly, there are two new editable fields: If you’re on a category archive and your theme uses single_cat_title(), you will be able to edit the category title on the spot. The same goes for tags.

Other improvements:

  • added $echo parameter to editable_post_meta()
  • don’t load CSS or JS if the current user can’t edit any of the fields
  • switched from Autogrow to Growfield (fixes IE compatibility)
  • added Georgian translation (thanks to Levani Melikishvili)

Thanks to those who suggested improvements and did beta testing.

Version 1.3

A new release with a lot of small but noticeable improvements:

Two new editable fields

In version 1.3, you can also edit your site’s title and description. You won’t go changing those very often, but it’s nice to know you can. :)

Skinable WYSIWYG editor

The rich text editor now respects image alignment. What’s more, you can make the editor window look however you want. Just add your own CSS into a file named front-end-editor.css and place it in your theme’s directory.

If you’re a JavaScript ninja, you can go even further and tweak it’s behaviour using event triggers baked into the new version. See /inc/editor/editor.js.

Slug updating

When you edit a post, the post’s slug will also be updated, when appropriate. For example, say you have a post titled “My Greatest Post Ever”.

If the slug is the default one -  “my-greatest-post-ever” – and you change the title, the slug will also be updated.

But, if you had previously set the slug to “greatest-post”, it will remain unchanged when you edit the title.

Other improvements

  • option to disable highlighting
  • compatibility with the postThumbs plugin
  • added Polish translation
  • better XHTML markup

Version 1.2

As you might have noticed, a lot of work is going into this plugin:

Version 1.2 adds another editable field – the author description. It works if you have this somewhere in your theme:

the_author_meta('description');

Or, if you’re on an older version of WordPress:

the_author_description();

Besides that, several other improvements have been included:

  • while hovering over editable field, it will be highlighted
  • added experimental wysiwyg autogrow
  • it should generate valid xHTML
  • html code is cleaned up before saving
  • added Portuguese translation

Version 1.1

Version 1.1 adds a few usability improvements:

  • a spinner is displayed while loading and saving data
  • pressing escape while editing will remove the form
  • pressing enter while editing a text input will submit the form

Also, it allows you to edit custom taxonomies, just like you would edit post tags. I recommend the Simple Taxonomies plugin for creating custom taxonomies.

Here is a code example:

<?php the_terms($post->ID, 'mytax'); ?>

To make it work in WP 2.8 *, you have to open wp-includes/category-template.php and find the_terms() function. Then, you have to make it look like this:

function the_terms( $id, $taxonomy, $before = '', $sep = ', ', $after = '' ) {
    $term_list = get_the_term_list( $id, $taxonomy, $before, $sep, $after );
 
    if ( is_wp_error( $term_list ) )
        return false;
 
    echo apply_filters('the_terms', $term_list, $taxonomy, $before, $sep, $after);
}

____
* You don’t have to do this if you’re using WordPress 2.9 or newer (see #10600).

Loading only on certain pages

Here is a foolproof way to make only parts of your site editable:

function front_editor_disable() {
	if ( ! is_single() )
		return true;
}
add_filter('front_end_editor_disable', 'front_editor_disable');

Just add that code in your theme’s functions.php file and you’re good to go: the plugin will work only on single posts.

Feel free to replace is_single() with whatever condition you need.

Version 1.0

The new feature in this release is the possibility of editing a single paragraph in a post, instead of the whole post. If you want to go back to the old behaviour, you can uncheck the new checkbox from the settings page.

Speaking of which, the settings page is now split into two dashboard-like boxes.

Version 0.9

This version adds post meta editable fields. These are a little different from the others. To add a custom field editable meta, you have to add something like this inside The Loop in you WordPress theme:

<?php editable_post_meta($post->ID, 'my_key', 'textarea'); ?>

The first argument is the current post id, the second is the custom field key and the third is the type of field you want (input, textarea or rich).

Version 0.7

This version adds a Settings page under Settings -> Front-end Editor. There you can choose which editable fields are active and which aren’t.

Also, double-clicking should work now for Internet Explorer users.