1. Custom Field Template Post Code

    Here’s a quick code snippet to show your custom field data within the loop in a post.

    If you’re not familiar with Custom Fields in WordPress, they are a very simple, yet powerful feature of WordPress and the possibilities with them are almost endless. You can create simple text areas like the “mood” bit shown below, or go more in-depth (more…)

  2. WordPress Menus – How to enable & use them

    The Addition of the Menu panel in the WordPress admin panel starting in WordPress version 3.0+ is a great addition to WordPress and really helps to solve quite a few problems.

    Most newer themes have support for Menus via hooks into their templates. However, even templates that don’t have hooks can still use menus.

    How Menus work is that they create area(s) that administrators can add & remove links to pages and custom urls. To create a Menu list, you simply enter your WordPress dashboard, and then under Appearances, find the “Menus” subsection.

    Using Menus as widgets is powerful, but they’re much more powerful when you can also use them in dedicated areas that menus are great for in a WordPress theme. Most notably is the main navigation area usually somewhere within the header of a page.

  3. The Post Thumbnail Feature in WP

    Post Thumbnails in WordPress are a huge time-saving & flexible feature that have been around since version 2.9 that can save you a ton of headache and editing time when you’d like to display photos in articles. Its most commonly used to add a “featured image” to each post like you see in many blogs. Its quite flexible and you can create each image in multiple sizes and ratio constrictions.

    If you’re looking to add post-thumbnail support to your WP Theme, its not hard. You simply need to edit a few theme files to enable it. If you’re using a newer or recently updated theme you may already have Thumbnails enabled and don’t even know it. The easiest way to check and see is to go to the “Add an Image” in edit post or add new post. Once you have uploaded an image, you’ll see this little link at the bottom of the options of the image. Notice the “Use as Featured Image” link in the screenshot. That will make this image the featured image of your post, and the image that will serve as your thumbnail image.

    use as featured image screenshot

    Now, to add support if you don’t have it:

    First, You’ll want to add this to your themes functions.php file

    if ( function_exists( 'add_theme_support' ) ) { 
      add_theme_support( 'post-thumbnails' ); 

    That adds support for post thumbnails to your theme.

    Now you’ll likely want to add some size restrictions/rules. This will have WordPress create different sized images for each additional size you add.
    All you’ll need to do is add lines to your functions.php file

    if ( function_exists( 'add_theme_support' ) ) { 
      add_theme_support( 'post-thumbnails' ); 
      add_image_size( 'normal-post-thumbnail',  280, 200, true ); // We'll use this size for the Loop, for multiple posts on a page
      add_image_size( 'single-post-thumbnail',  600, 9999 ); // We'll use this size for each articles page, as its much larger

    What I’ve added here is a couple lines that tell WordPress to create each of these sizes. The text in the ‘__ ‘ is the name of the size (which I’ll explain a bit further down the page). The numbers (ex: 280, 200) is the width,height in pixels of your image size. The ‘true’ that is optional after that crops the image to make sure to keep the ratio. For example each image will be 280×200 pixels. The system will crop it as best it can which usually is never a problem.

    Once you’ve got your sizes all set, all you need to do is add a couple lines to your Themes Loop files (or index if your theme uses the loop in the index file, and not in its own file. (This is done the same on any additional pages such as the single.php)


    I’ve taken the ‘normal-post-thumbnail’ from the image sizes from functions.php we created above. That says to embed the thumbnail of that size within your theme file where you paste it.
    So for this example we’ll paste it in our loop-index.php file.

    Additional Info/Sources: