Setting up your Showcase 2

Showcase 2 uses the built-in WordPress Header function which lets you upload an image, crop it, and then display it throughout your site. I’ve coded this theme to let you use this feature for anyone wanting to display their choice of header on every page.

To access this feature, you can go to the Appearance >> Header menu panel in your WordPress admin:

wp-header

When you click on the Header menu link, you should see a page that looks like this:

wp-header2

Depending on the theme, the dimensions might be a bit different, but more on that in a moment.

Adding Your Image

  1. First, make sure you have an image you want to use and that it’s currently on your computer
  2. Using the Browse button, look for the picture you want to use from your computer, select it, then click Upload

If all goes well, you should now see your image in the window with a cropping line that you can drag around the image to choose the best composition for your custom header.

wp-header3-crop

When you are happy with the cropped positioning, click Crop and Publish and then you should then see this:

wp-header3-published

Changing Your Image or Restoring a Default Image

If you want to change your image, you can click the “Remove Header Image” and then Browse for a new one. If you want to restore the original (if there was one), you would simply click “Restore Original Header Image” on the page and then don’t forget to click Save Changes.

Image Size

The default size for this theme is currently 960 x 300 pixels, but you can change it if you want. I recommend you maintain the 960 pixels in width so you can get a full width image to match the width of the page content, but the height can be anything you want.

To make the change, you have to open this file into your favorite html editor or Notepad:

IMPORTANT: Always make a full backup first before you change anything!

/wp-content/themes/pixel-linear/functions.php

Look about halfway down the page and find this:

define( ‘HEADER_IMAGE_WIDTH’, apply_filters( ‘linear_header_image_width’, 960 ) );
define( ‘HEADER_IMAGE_HEIGHT’, apply_filters( ‘linear_header_image_height’, 300 ) );

Change the width and/or height to your preference, click Save, and then upload your functions.php file to the correct location. Check the Custom Header feature in your WordPress admin and see if your new dimensions show up.

By | 2010-09-25T02:14:52+00:00 September 25th, 2010|Blog|0 Comments

About the Author:

Leave a Reply