Background Image Twenty Eleven – Full Image and Tiled

Background Image Twenty Eleven vs Twenty Ten theme

With Twenty ten theme or other themes even (I used Inova theme in this Twenty Ten background tutorial), it was great to be able to modify and add background image on Twenty Ten theme.

This time, with Twenty Eleven the default theme of WP 3.2.1, we also can customize the same thing, which is adding background image.

As an important note, as for this background image, I recommend that you don’t use copyrighted images.

With this tutorial, I googled “free background image” and download an image with the size: 32x32px and can be used for non-commercial purpose.

Another image for full background, this time I use my own image which I took with my daughter when we walked around the hills behind my house with size 1680x1260px

As for your preffered images, you can use any images you own or like.

Not different than my old tutorial with TwentyTen theme, in fact, this background image Twenty Eleven tutorial will use the same method, however, I still will make video so it will be more clear for newbies.

I will use a video but using two images, you can choose one of the images, and decided which one you like.

Screenshot of the full image background:

background image twenty eleven

Full background image

Screenshot of the tiled background:

background image twenty eleven

Tiled background

Background Image Twenty Eleven Video

Background Image Twenty Eleven Steps;

1. Prepare the image accordingly (I mean decide full or repeated images). I saved mine on desktop.

2. Login to your dashboard, and navigate to “Appearance” on the top of Admin bar or in the left sidebar of the dashboard, and then choose “Background” option.

3. a. For the small tiled background, after upload the image, tick these options:

Position: left

Repeat: Tile

Attachment: fixed.

3.b. For the full browser image background, after upload your image tick these options

Position: Center

Repeat: No Repeat

Attachment: fixed.

4. Save changes, and refresh your site. Your background image of Twenty Eleven should appear, if not try to clear browser’s cache.

Share the knowledge
Share on Google+0Tweet about this on TwitterShare on Facebook0Pin on Pinterest0Share on Reddit0Email this to someonePrint this page