My Computer Back in Service

If you're new here,  You may want to Subscribe to my RSS Feed or if you prefer ... Subscribe via e-mail. Thanks for visiting!

In the post about Putting Post Preview Back the other day, I had an “*” for the Copy & Paste process to use the code I had shown. The reason being… 

When you copy & paste code sometimes it doesn’t work.

This happens because sometimes you aren’t getting the “real” code. You are getting the “viewing” code instead of the actual characters that the computer reads.

As an example:

When the code calls for…

?>
<div id=’preview’ class=’wrap’>

so the computer knows where the “divider” is and what class the “preview” is and how it works, this is what the computer needs to run the code correctly.

But when you code it for viewing, it looks like this…

?& gt;
& lt;div id=’preview’ class=’wrap’& gt;

to the computer.

Does that sound confusing? Well, that’s what happens to the computer when it tries to read the “view” that we see instead of the “real”code that it needs. It gets confused.

So, the next time you Copy & Paste some code and it doesn’t work right the first time, try Typing the exact code you see in the text. The odds are that the code is right, but you are getting the “view” code instead of the “real” thing.

If you’re like me and prefer having an inline Post Preview, instead of having to go through the extra step of clicking preview>> and having it open in another window. There is a little bit of code you need to add to WordPress on your Host Server.

You have to be comfortable working in the background code of your post.php, but it is fairly simple to do. Go to the wp-admin folder on your server, find your post.php and copy & paste* the code below.

Here’s the steps you will need to know…

• Open up your post.php file from your wp-admin directory.
• Navigate to approximately half way down and find the following line of code:

include('edit-form-advanced.php');

•  Directly underneath that line, add the following code:

?>
<div id='preview' class='wrap'>
<h2 id="preview-post"><?php _e('Post Preview (updated when post is saved)'); ?></h2>
<iframe src="<?php echo clean_url(apply_filters('preview_post_link', add_query_arg('preview', 'true', get_permalink($post->ID)))); ?>" width="100%" height="600" ></iframe>
</div>
<?php

• Save your changes to post.php.

There, Done… Simple, huh?

Now you can view a preview of the post you are working on without going through all those extra steps. (Remember, you Still have to Save and Continue Editing for viewing)

*If Copy & Paste doesn’t work, you may need to actually TYPE the code, but it does work.

Source: Will Lee