Changing the look of your WordPress site

With WordPress you can change the look of your site very quickly by choosing a new theme. To change your site's theme:

  1. Log in to your WordPress site.
  2. Click the Appearance menu item on the left.
  3. Click the theme you want to use. This will immediately display a preview of your site.
  4. Click the Activate link in the upper-right of the preview screen to make the change for your entire site. To cancel, click the [x] button in the upper-left of the preview screen.

Modifying the Twenty Eleven theme

Modifying the Twenty Ten theme

Modifying the Twenty Eleven theme

Changing the header

Uploading a custom header image
  1. Click the [Arrow] to the right of the Appearance section title to expand the available options.
  2. Click Header.
  3. Under "Choose an image from your computer" click the [Browse] button to locate on your computer your custom image.
  4. Click the [Upload] button.
    1. Images not sized 1000 x 288 pixels will be taken to a screen where they can be cropped to the proper dimensions. The selection rectangle can be moved by clicking within the bounds of the rectangle and dragging it to a new location. The selection rectangle can be resized by clicking and dragging any of the white squares around the edge of the rectangle.
    2. When finished click the [Crop and Publish] button.
Using a default header image
  1. Click the [Arrow] to the right of the Appearance section title to expand the available options.
  2. Click Header.
  3. Click on one of the stock images under Default Images.
  4. Click the [Save Changes] button.
Randomizing the header image
  1. Click the [Arrow] to the right of the Appearance section title to expand the available options.
  2. Click Header.
  3. Click the button next to Random: Show a different image on each page (next to the Uploaded Images for a random uploaded image or next to the Default Images Label for a random stock photo).
Changing the header text color
  1. Click the [Arrow] to the right of the Appearance section title to expand the available options.
  2. Click Header.
  3. Select the text color you would like to use by pressing the [Select a Color] button or by entering the hexadecimal number equivalent of the desired color in the text field.
  4. Click the [Save Changes] button.
Displaying or hiding the header text
  1. Click the [Arrow] to the right of the Appearance section title to expand the available options.
  2. Click Header.
  3. Next to the Display Text label, check either the Yes or No option.
Resetting the header text color
  1. Click the [Arrow] to the right of the Appearance section title to expand the available options.
  2. Click the Header.
  3. Click the [Restore Original Header Text] button.
Removing a header image
  1. Click the [Arrow] to the right of the Appearance section title to expand the available options.
  2. Click Header.
  3. Clicking the [Remove Header Image] button will remove the current header image and leave the space blank.

Changing the background

Setting a picture as the background
  1. Click the [Arrow] to the right of the Appearance section title to expand the available options.
  2. Click Background.
  3. Click the [Browse] button and select the picture you want to set as your background.
  4. Click the [Upload] button.
Changing the display options of a background image
  1. Click the [Arrow] to the right of the Appearance section title to expand the available options.
  2. Click Background.
  3. Once an image has been uploaded for the background, a new menu of options will appear under the title Display Options:
    • Change the orientation of the image to either Left, Center, or Right by clicking on the options’ respective circles next to Position.
    • Set the image to "tile" (make adjoining copies across the screen) by selecting one of the options next to Repeat.
    • Set the image to scroll with the web page by selecting the Scroll option next to Attachment or set the image remain static by selecting the Fixed option also next to Attachment.
  4. Click the [Save Changes] button.
Changing the background color

Note that the chosen color can also fill the area not covered by a background picture.

  1. Click the [Arrow] to the right of the Appearance section title to expand the available options.
  2. Click Background.
  3. Choose a color by either clicking the Select a Color link or by entering the hexadecimal number equivalent of the desired color in the white text field (both next to Color).
  4. Click the [Save Changes] button.

Modifying the theme options

Changing the color scheme
  1. Click the [Arrow] to the right of the Appearance section title to expand the available options.
  2. Click Theme Options.
  3. Select the color scheme you would like to use.
  4. Click the [Save Changes] button.
Changing the link color
  1. Click the [Arrow] to the right of the Appearance section title to expand the available options.
  2. Click Theme Options.
  3. Select the link color you would like to use by pressing the [Select a Color] button or by entering the hexadecimal number equivalent of the desired color in the text field.
  4. Click the [Save Changes] button.
Changing the default layout
  1. Click the [Arrow] to the right of the Appearance section title to expand the available options.
  2. Click Theme Options.
  3. Select the default layout you would like to use from the three choices (note that the larger column is for page/post content while the smaller sidebar is used for widgets).
  4. Click the [Save Changes] button.

Modifying the Twenty Ten theme

Changing the header image

Uploading a custom header image
  1. Click the [Arrow] to the right of the Appearance section title to expand the available options.
  2. Click Header.
  3. Under "Choose an image from your computer," click the [Browse] button to locate an image on your computer.
  4. Click the [Upload] button.
    1. Images not sized 940 x 198 pixels will be taken to a screen where they can be cropped to the proper dimensions. The selection rectangle can be moved by clicking within the bounds of the rectangle and dragging it to a new location. The selection rectangle can be resized by clicking and dragging any of the white squares around its edge.
    2. When the rectangle surrounds that part of the image that you want as your header, click the [Crop and Publish] button.
Using a default header image
  1. Click the [Arrow] to the right of the Appearance section title to expand the available options.
  2. Click Header.
  3. Click one of the stock images under Default Images.
  4. Click the [Save Changes] button.
Removing or restoring a header image
  1. Click the [Arrow] to the right of the Appearance section title to expand the available options.
  2. Click Header.
  3. Click the [Remove Header Image] button to remove the current header image and leave the space blank.
  4. Click the [Restore Original Header Image] button to change the header image back to the theme’s default header image.

Changing the background

Setting a picture as the background
  1. Click the [Arrow] to the right of the Appearance section title to expand the available options.
  2. Click Background.
  3. Click the [Browse] button and select the picture you want to set as your background.
  4. Click the [Upload] button.
Changing the display options of a background image
  1. Click the [Arrow] to the right of the Appearance section title to expand the available options.
  2. Click Background.
  3. Once an image has been uploaded for the background, a new menu of options will appear under the title Display Options:
    • Change the orientation of the image to either Left, Center, or Right by clicking the appropriate circle next to Position.
    • Set the image to "tile" (make adjoining copies across the screen) by selecting one of the options next to Repeat.
    • Set the image to scroll with the web page by selecting the Scroll option next to Attachment, or set the image to remain static by selecting the Fixed option.
  4. Click the [Save Changes] button.
Changing the background color

Note that the chosen color can also fill the area not covered by a background picture.

  1. Click the [Arrow] to the right of the Appearance section title to expand the available options.
  2. Click Background.
  3. Choose a color by either clicking the Select a Color link or by entering the hexadecimal number equivalent of the desired color in the white text field (both next to Color).
  4. Click the [Save Changes] button.