Simple Code Embed

Created by David on March 30, 2009. Last modified March 11, 2010.

Embed code, whether HTML or JavaScript, directly in your posts and pages. Ideal for showing YouTube videos!

Download

Download Simple Code Embed (v1.3, 11/03/2010)

Change Log

Version 1.0

  • Initial release

Version 1.1

  • The instructions have been corrected (thanks to John J. Camilleri for pointing it out!)
  • Plugin has been tested with version 2.8 of WordPress.
  • No code changes have been made

Version 1.2

  • Simplification of code

Version 1.3

  • Increased limit of number of code embeds from 5 to 20

Installation

  1. Upload the entire simple-code-embed folder to your wp-content/plugins/ directory.
  2. Activate the plugin through the ‘Plugins’ menu in WordPress.
  3. There is no options screen.

Configuration

As you probably know if you put code directly into your post or page, it is often simply displayed as written rather than actually actioned. So, if you put the embed code of a YouTube video in a post it won’t display the video.

This plugin makes use of the Custom Fields facility when creating/editing posts and pages.

Add a custom field named CODEx, where x is a number between 1 and 20 (this allows you to have up to 5 pieces of embedded code per page or post). In the value field place your embedded code – this can be HTML, XHTML, JavaScript, etc. Server side languages, such as PHP, doesn’t work.

Now, in your post or page simply add a reference to %CODEx% (again where x is the number that you used before).

Here’s an example. I create a custom field named CODEx, where x is between 1 and 20, with a value of…

<object width="425" height="344">
<param name="movie" value="http://www.youtube.com/v/oHg5SJYRHA0&hl=en&fs=1">
</param>
<param name="allowFullScreen" value="true"></param>
<param name="allowscriptaccess" value="always"></param>
<embed src="http://www.youtube.com/v/oHg5SJYRHA0&hl=en&fs=1"
type="application/x-shockwave-flash" allowscriptaccess="always"
allowfullscreen="true" width="425" height="344"></embed>
</object>

Then, where I wish the video to appear in my post I simply add %CODEx% (replacing x with the appropriate number between 1 and 20). Simple!

Problems/Queries

Please report any problems, or suggestions for enhancements, to me either via my contact form or by commenting on the appropriate entries on my blog.

Updates

Updates to this and any other of my WordPress plugins will be published on this blog.

Subscribe to my WordPress category feed.


Share with Delicious Share with Digg Share with Facebook Share with LinkedIn Share with MySpace Share with reddit Share with StumbleUpon Share with Twitter

Comments

  1. Posted by Federico on May 13th, 2009 at 1:59am 

    Don’t work for me, I use WP 2.7.1, and put %CODEx% in the visual editor and nothing, try using HTML editor and nothing… :(

  2. Posted by David on May 13th, 2009 at 7:11am 

    Strange. I assume you’ve placed the code in a custom field which you’ve named CODE1? In which case, it should work. This recent blog entry of my own uses the plugin… http://www.artiss.co.uk/2009/05/you-had-it-wrong-all-along

  3. Posted by Federico on May 13th, 2009 at 7:36pm 

    Yes, I named it CODE1 with the “%” after and before, and nothing, then, when I see your reply without the %, I try again without them… but nothing, I see “CODE1″ in my entry, instead the iframe :(

  4. Posted by Anita on Jun 18th, 2009 at 8:17pm 

    I’ve got the same problem – the page is just blank.

    :-(

  5. Posted by David on Jun 23rd, 2009 at 9:09pm 

    Ok, the issue has now been fixed – the code was working fine, it was my instructions that were wrong. I’ve now correct them, both above and in the README file that accompanies the plugin.

    In a nutshell, you should NOT put percentage signs around your custom field name – only when you specify it in your actual post should you do this.

  6. Posted by Anita on Jun 23rd, 2009 at 9:10pm 

    Works like a dream. Fantastic!

    Thank you,
    Anita

  7. Posted by Sean on Aug 8th, 2009 at 3:57am 

    Is there a way to allow this to work with embedding code in the sidebar?

    Thanks in advance,
    Sean

  8. Posted by David on Aug 11th, 2009 at 9:57pm 

    Any code can be embedded in the sidebar by adding it into the appropriate theme file – usually sidebar.php. Because a blog post or page is dynamically generated from databases, this is why they need a special plugin to add such a facility.

  9. Posted by Bradley Brown on Dec 24th, 2009 at 5:58pm 

    Thank you for this David. I was able to install the plug-in right from the built-in Wordpress MU Plug-in system and activate it system-wide. I’ve tested it and posted the instructions for our users.

  10. Posted by Joe Siegler on Jan 23rd, 2010 at 4:26pm 

    This works on WP 2.91.

  11. Posted by Diego on Feb 4th, 2010 at 8:49pm 

    i´m using 2.91 and atahualpa. i´m trying to embed my blip tv player, but i get nothing… i´ve followed the instructions, so what do you think could be wrong?

    regards

  12. Posted by David on Feb 4th, 2010 at 8:52pm 

    Send me the code and I’ll try it!

  13. Posted by Anthony on Mar 10th, 2010 at 2:04pm 

    Your plugin is working great on several sites I’m working on. Now I have a page that needs EIGHT (8) code embeds … can the current limit of 5 be raised? (please?)

  14. Posted by David on Mar 10th, 2010 at 2:21pm 

    Of course. Meantime, if you open up simple-code-embed.php, you can change the limit on line 14. It currently states <6 – if you change this to <11, then this will give you a 10 per page limit.

Pingbacks & Trackbacks

  1. Pingback created on Aug 10th, 2009 at 1:52pm 

    Animando imágenes con PhotoPeach « Cómo hago
  2. Pingback created on Dec 24th, 2009 at 5:37pm 

    WSD Blogging Server » Blog Archive » Embedding content

Leave a Comment

All these comments are validated before being placed on the site. I will NOT allow any spam to be shown, I do not follow the links myself and obvious self-promotion of your site is not accepted either.

CAPTCHA Image CAPTCHA Audio
Refresh Image