Here it is:

<?php
 include ('wp-blog-header.php');
 $newPages = array(
 'Page 1' => 'Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.',
 'Page 2' => 'Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.',
 'Page 3' => 'Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.',
 'Page 4' => 'Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.'
 );
 foreach($newPages as $pagename => $content) :

 $postarr = array(
 'post_title'         =>     $pagename,
 'post_content'         =>     $content,
 'post_status'        =>    'publish', // can be changed to 'draft', 'publish', 'pending', or 'future'
 'post_author'        =>    1, // post author 1 is admin, can be changed to the ID of the post author
 'post_type'            =>    'page', // can also use 'post' here.
// 'post_parent'            =>    '22', // (completely optional) you can assign a parent ID to create child pages.
 );
 wp_insert_post($postarr); ?>
 <p>Added <?php echo $pagename?>.</p>
 <?php endforeach; ?>

And here’s how it works:

1. the include wp_blog_header() is pulling in the file wp_blog_header.php, which gets all the important data from your WordPress blog, allowing you to access the database (very important).
2. the $newpages variable is storing an array that is created in the next 4 lines.
3. The foreach cycles through the array, assigning $pagename to the left side of the = and $content to the right, so whatever you put to the left side of the = will be your page title, whatever you put to the right side will be your content (simple enough).
4. The function wp_insert_post() is called, passing the parameter of the array that was created in step 2.

That’s it, your new pages have been added. Be very careful not to reload the page, or navigate to this page again, or it will duplicate the pages, which can be quite frustrating to straighten out. But that’s it. It really is that easy. You can also see my comments in blue.

I might make a plugin that you can drop into a site to enable users to frame out a site with the pages needed and whatnot. Maybe I’ll make that my next project, anyway, hopefully you found it useful, if you’d like to download the php file, you can get it below:

insertposts.php

Put this file in your root directory (so like: http://geekoutwith.me/insertposts.php). If you put it somewhere else, you’ll have to change the path of the include for wp-blog-header.php

And that will pull in a stylesheet for the iPhone, mine looks like this:

#content-right {
display: none;
}
#pagewrapper {
	width: 640px;
}

So, in an iPhone at this moment, my site looks like this:

It really is that easy. I hope to share more about CSS Media Queries in the future.

How to Embed MP3 Audio Files In Web Pages With Google or Yahoo! Flash Player

Using this method, you can paste the embed code into your post or page. In the next post, I’ll go into some detail about a neat way to use this method in your WordPress theme.

Shortcode to show thumbnails.

Here’s how it works.

1. Upload a bunch of images to a specific post, title the images whatever you like.
2. Click “Save All Changes”. And Close. With this shortcode, there’s no need to “Insert Into Posts”. That will just waste time.
3. Add the shortcode [showposts] to the content. It will drop in the thumbnails where you add the shortcode. The thumbnails will show in floated list format, side by side, with a 10px margin on the right and bottom (see the screenshot at the bottom).

// [showthumbs]
function showthumbs_func($atts, $content = null) { ?>
 <style type="text/css" media="screen">
 ul.photo-thumbs {
 margin: 0;
 padding: 0;
 }
 li.thumb {
 list-style: none;
 margin: 0;
 padding: 0;
 float: left;
 line-height: 0;
 margin-right: 10px;
 margin-bottom: 10px;
 }
 li.thumb.clr {
 clear: both;
 float: none;
 margin: 0;
 }
 </style>
 <?php
 extract(shortcode_atts(array(
 "showthumbs" => ''
 ), $atts));
 global $post;
 $pics = get_children( 'numberposts=-1&post_type=attachment&post_mime_type=image&post_parent='.$post->ID );
 $return='<ul class="photo-thumbs">';
 foreach($pics as $pic) :
 $image = wp_get_attachment_image_src($pic->ID, 'large');
 $return.='<li class="thumb"><a rel="slideshow" href="'. $image[0].'">'.wp_get_attachment_image($pic->ID, array(75,75)).'</a></li>';
 endforeach;
 $return.='<li class="thumb clr"></li></ul>';
 return $return;
}
add_shortcode("showthumbs", "showthumbs_func");

All you have to do to make this work is drop it in your WordPress functions.php file, located at root/wp-content/themes/your-theme/functions.php – if one doesn’t exist. Create one and wrap the code above in PHP tags.

I’m using colorbox to create a slideshow between them, all you have to do to accomplish this is install colorbox, and add this line to your head:

<script type="text/javascript">
 jQuery(document).ready(function() {
  jQuery("a[rel='slideshow']").colorbox({preload: true, slideshowSpeed: '2500', slideshow:true});
 });
</script>

Screenshot:

If you want to see this as a plug-in, leave a comment and let me know. I’ll do it. For real.

If this helps you, then good. I put a WordPress Textmate bundle I use for work on my If you use Textmate, just download, then double click to install. It’s not very big yet…but I’ll update it as I add functionality…or you can if you like.

WordPress Textmate Bundle (Version 0.5)

Misc Snippets (by tab trigger)

• theloop – the loop with tab stops at appropriate places
• bloginfo – the template tag bloginfo with tab stop to fill in parameter
• wig_sidebar – Dynamic sidebar with tab stop inside if statement – tab twice to ignore.
• themeinfo – Stylesheet header with tab stops (CSS)
• wt_get_depth – spits out the function wt_get_depth, which can be used to determine where you are in relation to the root…powerful little function.
• page_template – page template with appropriate tab stops.
• onpage – includes conditional to check if user is on a specific page. Best used in nav menu.
• is_page – if statement that checks to see if a specific page is being used.

Template Tag snippets

• get_sidebar – template tag get_sidebar(); with open and close PHP brackets.
• the_excerpt – the_excerpt();
• the_title – the_title();
• the_content – template tag, the content
• the_permalink – template tag, the_permalink();

Also, Here’s how you can get to the snippets, in case you want to make changes or see them before using them:

From the menu, Bundles > Bundle Editor > Edit Snippets

Snippets are very easy to modify from this window.

So, here’s how it works.

Step 1: The Custom Field (from the Add New Post page)

The first thing you have to do in order to set this up is to add a custom field. To do so, go to the bottom of the page, and in the “Custom Field” section, click the “Enter New“. In the “Name” field, enter your name (no, not your actual name, the name for the field). This can be anything you like. This name will serve as the “key” to the custom field (covered later). For my example, I’m going to name the custom field “mp3″. For the value, I will use the path to my mp3, for example: http://mysite.com/mysongsfolder/mp3-i-want-to-play.mp3.

Step 2: The Code

With your favorite text editor (mine is Textmate), open the single.php file, and insert the custom field code you’ll need. You can read about custom fields in the WordPress codex, but here’s a quick example of how you can use the custom field in your theme:

<?php echo get_post_meta($post->ID, $key, true); ?>

Now to explain some stuff.

• echo is tells the value to print (to spit out on the page).
• $post->ID is using the ID of the post that your in.
• $key is the name of the custom field (in my example, it will be mp3)
• true tells WordPress that there actually is something in the custom field, in order for anything to appear, it needs to be “true”.

This code will spit out exactly what is in your “value” field. If that’s what we wanted to accomplish, we’d be done. But if we left it like this, all we’d get is:

http://mysite.com/mysongsfolder/mp3-i-want-to-play.mpg

And that would look dumb and not do anything. We want action!

Let’s take the embed code for the Google reader player and make it do something.

The google embed looks like this:

<embed type="application/x-shockwave-flash"
src="http://www.google.com/reader/ui/3247397568-audio-player.swf?audioUrl=MP3_FILE_URL"
width="400" height="27" allowscriptaccess="never" quality="best" bgcolor="#ffffff"
wmode="window" flashvars="playerMode=embedded" />

In this example, the “MP3_FILE_URL” will be replaced with our custom field code. Like so:

<embed type="application/x-shockwave-flash"
src="http://www.google.com/reader/ui/3247397568-audio-player.swf?audioUrl=<?php echo get_post_meta($post->ID, 'mp3', true); ?>"
width="400" height="27" allowscriptaccess="never" quality="best" bgcolor="#ffffff"
wmode="window" flashvars="playerMode=embedded" />

There are a few things to note here:

• The $key has been replaced by whatever you added in the custom fields area for “Name”, wrapped in single quotes.
• Be sure that echo is include, otherwise the value won’t show up.

The only problem with this method is that if you don’t enter anything for the custom field “mp3″, no mp3 will be embedded. That said, we’re going to do two things to make this work better:

1. We’re going to create a variable so that we don’t have to keep typing <?php echo get_post_meta(…); ?> over and over again.
2. We’re going to check to see if something is actually in the field using the PHP function empty().

And here’s how that’s done:

<?php
$mp3 = get_post_meta($post->ID, 'mp3', true);
if (!empty($mp3)) : ?>
 <embed type="application/x-shockwave-flash"
 src="http://www.google.com/reader/ui/3247397568-audio-player.swf?audioUrl=<?php echo $mp3; ?>"
 width="400" height="27" allowscriptaccess="never" quality="best" bgcolor="#ffffff"
 wmode="window" flashvars="playerMode=embedded" />
<?php endif; ?>

What’s going on here?

1. Line 2 is setting the variable $mp3 to the value of the custom field.
2. Line 3 is checking to see if the value of ‘mp3′ is NOT empty (that’s what the exclamation point stands for). Then closing the PHP brackets to allow for HTML code.
3. Line 5 is printing (or spitting out) the exact value of ‘mp3′ into the embed code.
4. Line 8 is starting up the PHP code again, and ending the if statement started in Line 3.

What all this does is tells WordPress, “Hey, if something’s in the custom field “mp3″, spit that out into the embed code, if not, don’t even mess with the embed code because we don’t need it.

And that’s how you do it. You can put this code above or below the_content(); but it needs to be in the loop.

How to Embed MP3 Audio Files In Web Pages With Google or Yahoo! Flash Player

Using this method, you can paste the embed code into your post or page. In the next post, I’ll go into some detail about a neat way to use this method in your WordPress theme.