Faster WordPress Post Editing

I love the idea of being able to edit my post whenever I want to, and not having to do that by going into wp-admin -> manage -> posts. As shown in the pic above, when the circled pencil is clicked, you will jump straight into your posts content to start editing. Here’s how I did it.

Depending on what wordpress theme you are using, you will usually see something similar to this piece of code in your single post.php and index.php

<div class="PostHead">
 <h1 class="title"><a href="#"></a><a title="Permanent Link to 
 <?php the_title(); ?>" href="< ?php the_permalink() ?>" rel="bookmark">< ?php the_title(); ?></a></h1>
 <p class="PostDate">
   <strong class="day">< ?php the_time('d'); ?></strong>
   <strong class="month">< ?php the_time('M'); ?></strong>
 </p>
  <p class="PostInfo">Posted by < ?php the_author() ?> as <em>< ?php the_category(', ') ?></em></p>
</div>

All you need to do is add a line of code so that:

<p class="PostInfo">Posted by < ?php the_author() ?> as <em>< ?php the_category(', ') ?></em>< ?php edit_post_link('<img src="'.get_bloginfo(template_directory).'/images/pencil.png" alt="Edit Link" />','',''); ?></p>

You can save the pencil.png file here: