Wordpress is a great way to build a website because of its flexibility through add-ons and the simple user interface. The banner or header image is one the elements that the interface affects in different ways depending on the theme that is being used. This is an important graphic because it is often the first graphic element that a visitor will see for that website. The following article explains how to modify the default header banner within the Wordpress interface.
Adding your own header image for your Wordpress site
- Login to your Wordpress Dashboard as an Administrator.
- Scroll down the left side of the Dashboard until you find APPEARANCE. Click on HEADER in order to make changes to the default header image.
image dimensions and settings may depend on the theme that you select. For example, take a look at the theme graphic below:
This graphic is fairly large and dominates the page. When you go to modify the header you may often find that the theme provides the information for the header. In the case of the 2011 theme above, you can see the instructions for the header in the dashboard:
When selecting your image, make sure that your header is already trimmed the recommended dimensions (1000 pixels wide x 288 pixels high in the example above), or something close to those dimensions. The Wordpress interface lets you crop the image so that you select parts of a larger image as the header image.
Click on BROWSE
in order to add a custom image. In the example below, a JPG image has been added with the exact dimensions recommended above.
- When you have selected the image, you will see the option to CROP AND PUBLISH. Crop the image as necessary, then click on the button CROP AND PUBLISH to proceed.
You will then see the banner as it would appear in the page, but slightly scaled down. Click on SAVE CHANGES at the bottom left hand side of the screen.
This completes the modification of the header graphic. Click on VISIT SITE in the top menu bar in order to see the website with the changed header.