Jon Bishop » WordPress Hack http://www.jonbishop.com Social Media, WordPress and Web Development Tue, 10 Jan 2012 21:55:57 +0000 en hourly 1 http://wordpress.org/?v=3.3.1 Creating A Video Section On Your WordPress Blog http://www.jonbishop.com/2009/10/creating-a-video-section-on-your-wordpress-blog/ http://www.jonbishop.com/2009/10/creating-a-video-section-on-your-wordpress-blog/#comments Mon, 05 Oct 2009 19:40:35 +0000 Jon Bishop http://www.jonbishop.com/?p=1490 Awhile back I decided to start posting videos on my blog. Once I had a few videos up I began to rethink my approach. Ultimately I wanted to prevent videos from showing up where normal posts are displayed and instead display my most recent video in the sidebar.

To do this, I would need to:

  • Suppress all video posts from being displayed with other posts
  • Create an archive of all video posts
  • Resize and place my most recent video in the sidebar

The first step was pretty easy. I just created a new category called “Video Post” and assigned it to all of my video posts. This would become a fairly intuitive list of videos people could access at their will.

Next I wanted to remove all video posts from being displayed among other posts on the home page. However, I still wanted my videos to be displayed in RSS feeds as well as archives and search pages. To do this, I just modified the default WordPress query used to pull the most recent posts by placing the following code before “The Loop”.

//Hide a category from the home page
  1. global $wp_query;
  2. query_posts(
  3.  array_merge(
  4.   array('cat' => -66),
  5.   $wp_query->query
  6.  )
  7. );

Be sure to change ‘-66′ to the id of whatever category you are trying to hide. How do I find the category IDs?

Also, if you are not sure where the WordPress Loop begins, it is usually located inside of index.php in your theme folder and starts with:

//Beginning of the WordPress Loop located in index.php of theme
  1. if ( have_posts() ) : while ( have_posts() ) : the_post();

The last step is to display my most recent video in the sidebar. To do this I decided my best course of action was to save the embed code of my videos into a custom field as well as within the content of the post. This would allow me to easily pull the embed code and I would still be able to add text along with my video within the content.

Create custom field for embed code

In the example below I used the custom field ‘embed’ in my posts. Just paste this code in your sidebar where you would like your video to be displayed.

//Display resized most recent video along with link to previous video
  1. ID, $key, true);
  2.   if ($custom_field) {
  3.    // Set values
  4.    $width = 'width="'.$width.'"';
  5.    $height = 'height="'.$height.'"';
  6.    $custom_field = preg_replace( '/width="[^"]+"/' , $width , $custom_field );
  7.    $custom_field = preg_replace( '/height="[^"]+"/' , $height , $custom_field );
  8.    echo '
  9. <li id="recent-videos" class="widget widget_recent_videos">
  10. <h3>Videos</h3>
  11. ';
  12.    ?&gt;
  13. <ul>
  14.  <li style="text-align: center;"><strong><a href="&lt;?=get_permalink(); ?&gt;">ID); ?&gt;</a></strong>
  15. <ul>
  16.  <li>Next Video: <a href="&lt;?=get_permalink(); ?&gt;">ID); ?&gt;</a></li>
  17. </ul>
  18. </li>
  19. </ul>
  20. </li>

You will notice I also included a link to my last video however you can remove this or replace it with a link to your video archive. This code should work with most video embed codes. Be sure to change the width and height so everything fits nicely into your sidebar.

And that’s it. Now all you need to do when adding a new video post is:

  1. Assign the post to your video category
  2. Paste your embed code into the content and your ‘embed’ custom field
  3. And Publish Your Post!
]]> http://www.jonbishop.com/2009/10/creating-a-video-section-on-your-wordpress-blog/feed/ 8