• Skip to main content
  • Skip to primary sidebar
  • Skip to footer

Foliovision

  • Weblog
    • FV Player
    • WordPress
    • Video of the Week
    • Case Studies
    • Business
  • About
    • Testimonials
    • Meet the Team
    • We Support
    • Careers
    • Contact
    • Pricing
  • Products
  • Support
    • FV Player Docs
    • Pro Support
  • Login
  • Basket is empty

Front End Editing

If you’ve picked up an older WordPress theme, you might just be missing a key feature included in most recent themes. And this feature is essential to CMS nirvana.

Front end editing.

What’s front end editing?

Front end editing is being able to navigate the site from the front end – like an end user – and just click a button, edit your post and go back to the front end.

Here’s what it looks like on this weblog (you won’t see it as you are not logged in and are unlikely to be in the future unless you work for Foliovision):

front end editing wordpress
front end editing wordpress

Here it is actually at the bottom of a post.

I prefer the edit button at the top of a post actually.

To add it to your posts and pages, you have to open up the following file in your WordPress template:  page.php.

The full path is: /wp-content/themes/yourtheme/page.php

Here is the code you need to paste in:

<p><?php // the edit link 
				edit_post_link(__('Edit','drunkey-love'),'','');
				// end of edit link
				?></p>

You should paste it at the top of your page.php file.

Here’s what my finished page.php looks like for a new site: 

<?php get_header(); ?>

<div id="content">

<?php include(TEMPLATEPATH."/sidebar.php");?>

<div id="contentmiddle">

	<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
	<h1><?php the_title(); ?></h1>
	
			<p><?php // the edit link 
				edit_post_link(__('Edit','drunkey-love'),'','');
				// end of edit link
				?></p>
	
	
	<?php the_content(__('Read more'));?>
	<!--
	<?php trackback_rdf(); ?>
	-->

	<?php endwhile; else: ?>

	<p><?php _e('Sorry, no posts matched your criteria.'); ?></p><?php endif; ?>
	</div>
		
</div>

<!-- The main column ends  -->

<?php get_footer(); ?>

With this code, if you are logged in you can now navigate to any page and edit on the spot. Your clients can too.

Everyone is happy.

For those who are not happy editing PHP (me until recently), here’s a zipped version of page.php which you can try replacing in your your theme directory /wp-content/themes/yourtheme/ .  It will  probably work.

Reader Interactions

Comments

  1. Srini 10 September 2008 at 10:08 pm

    Did not work for me. Nothing happened.

    I am using the Studiopress theme on Wordpress 2.6.2.

    Thanks for your help.

    Reply
  2. Avatar photoalec 11 September 2008 at 2:45 am

    Hello Srini,

    We haven’t tested this on 2.6.2 as we have decided to stay with an older version of Wordpress semi-permanently.

    We don’t have the time to be checking for plugin updates and writing plugin updates ever two months – i.e. the constantly breaking internal API’s that Matt and co. have been playing with over the last year.

    Let me know if you do get the technique to work, so I can post an update here.

    Thanks.

    Reply

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

Click here to Subscribe without commenting

Primary Sidebar

How to Hack a WordPress Theme

  1. StudioPress Tutorials
  2. WordPress Plugins
  3. Shared.css Framework
  4. WordPress How To Guides
    1. How to Hack a WordPress Theme
      1. How to create and hide template identifiers
      2. Front End Editing
    2. How to alter WordPress comment email
    3. How to reorder pages
    4. How to create your own filled-in extension
    5. Lost your password in WordPress?
    6. How to Comment Code in WordPress Templates
  5. WordPress Plugin Reviews

Footer

Our Plugins

  • FV WordPress Flowplayer
  • FV Thoughtful Comments
  • FV Simpler SEO
  • FV Antispam
  • FV Gravatar Cache
  • FV Testimonials

Free Tools

  • Pandoc Online
  • Article spinner
  • WordPress Password Finder
  • Delete LinkedIn Account
  • Responsive Design Calculator
Foliovision logo
All materials © 2026 Foliovision s.r.o. | Panská 12 - 81101 Bratislava - Slovakia | info@foliovision.com
  • This Site Uses Cookies
  • Privacy Policy
  • Terms of Service
  • Site Map
  • Contact
  • Tel. ‭+421 2/5292 0086‬