Function: shortcode_atts

Shortcode with Content

Here’s a bit of code that will allow you to add a footnote to your post – inline. It’s easy enough to add footnotes manually, sure. But where’s the fun in that?

add_shortcode( 'footnote', 'footnote_shortcode' );
function footnote_shortcode( $atts, $content ) {
	extract(shortcode_atts( array() , $atts));
	global $post;
    update_post_meta( $post->ID, '_footnote', $content, get_post_meta( $post->ID, '_footnote', true ) );
	return ' <a href="#fn_'.$post->ID.'">*</a> ';
}
add_filter( 'the_content', 'append_footnote' ); 
function append_footnote($content) {
	global $post;
	if ( get_post_meta( $post->ID, '_footnote', true ) != '' )
	$content .= '<p id="fn_'.$post->ID.'">* '.get_post_meta( $post->ID, '_footnote', true ) .'</p>';
	
	return $content;
}

A footnote could then be added like this:

The moon is 384,403 km [footnote]238,857 miles[/footnote] from the earth.

There might be a better way to append the footnote to the end – so feel free to investigate and improve.

Shortcode with Attributes

For a variety of reasons, you may not be able to add content directly to the WordPress editor. Maybe it’s funky code that’ll get stripped out, or you want a random quote to show up, or it’s some other kind of dynamic content.

That’s what shortcodes are good for! Here’s a simple one that creates a ‘youtube’ shortcode for embedding videos in your post.

add_shortcode( 'youtube', 'youtube_shortcode' );
function youtube_shortcode( $atts ) {
    extract( shortcode_atts( array('id' => '', 'width' => 480, 'height' => 390) , $atts ) );
    $id = trim($id);
    if (empty($id)) return;
    return '<iframe title="YouTube video player" width="'. $width .'" height="'. $height .'" src="http://www.youtube.com/embed/'. $id .'" frameborder="0" allowfullscreen></iframe>';
}

Used in your post like this: . The width and height attributes will default to 480 and 390 respectively if not specified in the shortcode. Quotes around the attribute value are not required unless your value has a space.