Lab Week 11: WordPress Header

WordPress Header Design

Creating a custom header for your WordPress site is a great way to personalize the WordPress template and achieve visual repeption with other tactics. We created the following two designs in Photoshop during week 11 lab.

wordpress header kay tappan
WordPress 2010 Header Design: Kay Tappan
Wordpress Header, Kay Tappan
WordPress 2010 Header Design: Kay Tappan

WordPress Header Size

These headers were designed for the Twenty Ten theme. To create a custom header for WordPress, you must choose a template with this option and then go to Appearance -> Header from the dashboard to get the image specifications. Below is a screen capture from the Twenty Ten custom header area:

wordpress header, kay tappan
From this we can see that in Photoshop, we need to create a file that is 940 x 198 pixels.

For the first header example, above, we used a Shutterstock image as a mock up. It is important to remember that if you are creating actual materials to distribute, it is imperative that you purchase the image and concomitant rights to distribute.

Visit About.com for a tutorial on how to create the faded effect around the image.

The second header above was created for a fictional company, Gainesville Smoothie, Co. Visit PhotoshopEssentials.com for a tutorial on how to place an image in text.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s