Appearance 104

Custom Background and Custom Header

In this WordPress video tutorial we’ll learn how to use WordPress’ custom backgrounds and custom headers, two other relatively new WordPress features. These two features can be great for making quick changes to a WordPress site to provide a fresh feel to an old website. Note that custom backgrounds and custom headers are reliant on WordPress themes, and not all WordPress themes support custom custom backgrounds or custom headers.

WordPress Tutorial Transcript

Hello and welcome to LifeGuard. In this video, we’ll be looking at how to create Custom Backgrounds as well as Custom Headers. You can access these pages by clicking ‘Background’ or ‘Header’ in the sidebar under the Appearance menu.

Like the Custom Menus which we explored in the previous video, a Custom Background and a Custom Header won’t be found in every theme as they are both advanced features that must be enabled. If your theme does support a Custom Background or a Custom Header, you can use these features to further customize your site.

With the Custom Background, you can set the background color or set the background image. To set a background image, choose an image from your computer and upload it. You will then be presented with a preview and you can further customize the background by setting the repeat options and the positioning.

If you wish to set the background color, simply enter in a HEX number or use the Select a Color dialogue. If you have a non-repeating background image, the color you set will show through where the image does not.

Customizing the header is very similar to customizing the background image. The current header will be displayed. If you wish to add your own, choose the file, and upload—much like we did with the background. The theme will tell you what size the image needs to be for it to be used as is. If the image you upload does not fit within those constraints, you will be presented with a crop dialogue. If you wish to get rid of the header image, click on Remove Header Image.