This is the personal website of Swedish web developer Pär Thernström. You can contact me directly at par.thernstrom@gmail.com or through Twitter at twitter.com/eskapism/.

Need someting build with/for WordPress? I can help you with anything from full websites to custom plugin development. Contact me for more info.

Simple Front End Edit Buttons

Download the plugin from http://wordpress.org/extend/plugins/simple-front-end-edit-buttons/

This plugin for WordPress adds functions for adding edit buttons on the front end of your website.

By using the icons you can change the order of a post without the need to change the menu_order yourself within WordPress. It’s much easier and faster than having to go to the area.

The edit icons are added automatically to standard pages widget – but only when sorting by page order – and you can manually add the edit icons to any list of pages that you create yourself in your template.

Template Usage

To enable/show the icons use the following code:

<php

// This is how you add the icons manually
// The functions below can be added both at a regular page
// but also in for example a list that you create using a custom loop or similar

// Add icon for editing the post/page
if (function_exists("sfeeb_edit")) { echo sfeeb_edit(); }

// Add buttons for changing the page order
if (function_exists("sfeeb_edit_prio")) { echo sfeeb_edit_prio(); }
?>

Features

  • Add icon for changing the menu order/prio of an page, so you don’t have to enter the admin area an change the menu order manually.
  • Also, you will see the changes take effect immediately. It’s a time saver!
  • Add icon for editing article (uses less space than the usual edit-text)
  • Automatically adds icons for moving page up or down in the standard pages widget
  • Easy add new pages. Click the plus-sign when your’re at a page and then this plugin makes sure that the new page gets a correct menu_order and places the new page after the previous page.

Screenshots

It will look something like this:

And like this:

Yeah, like this too:

And like this if you add the funky edit icons yourself:

Very fancy indeed.

3 kommentarer till “Simple Front End Edit Buttons”

  1. Jens Törnell skriver:

    I write in english to add more value for your readers.

    Front end is the future. I still wait for someone to code a great TinyMCE front end editor.

    Ha det gott!

    /Jens

  2. Why wait for a TinyMCE front end editor and not starting with ALOHA?

    I think this is even cooler:

    http://aloha-editor.com/
    https://github.com/Jotschi/Aloha-Editor-Wordpress-Plugin

  3. Jens Törnell skriver:

    Aloha was very cool to look at. Hopefully it works good too.

    TinyMCE has a long history and had the time to remove many bugs.

Skriv ett svar