WP Background Tile Plugin

Date: 3rd February 2009 at 12:47 am | Filed under: plugins, wordpress | Author: Sam Burdge | Tags: , , , ,

The WP Background Tile Plugin for WordPress applies a tiled background image to your blog.  It is as simple as this:

  • Create a background image
  • Upload it
  • Apply it as the background via the WP Background Tile options page

Applying a repeat pattern to the background of a webpage is easily done using css:

body {background-image: url(example.jpg);}

However, if you're not into writing code, or don't know where to insert the css into your wordpress theme, then you will find this plugin much easier. It can also be an easy way of testing out lots of background images before deciding on one you are happy with.

INSTALLATION:

  1. Download the plugin from the link at the bottom of this page
  2. Upload the wp-background-tile folder to your wp-content/plugins folder.
  3. Activate the plugin from the Plugins page in WordPress.

USAGE:

  1. Upload your background image via 'Media => Add New' in Wordpress (or via FTP)
  2. Go to 'Settings => WP Background Tile' in WordPress
  3. Paste or type in the URL of your background image (explained in more detail below)
  4. Press 'Submit'

CREATING A BACKGROUND TILE:

A background tile is an image which is repeated in both directions over the background of a webpage. Look closely at the background of my site and you will notice the green background is not a matte colour, but a subtle texture. Right click on the background of my site and choose 'View Background Image' (Firefox) or 'Save Background As' (IE) and have a look at the image. You will notice that it is small (16 x 16 pixels), as you don't need much of the pattern to make it tile. Stripes and other geometric patterns can work well for a subtle effect.

Tip: Check out the free online Stripe Generator tool, it's a really easy way to create striped background tiles.

Background tiles can also be used for larger images such as a logo repeat. An example of this is www.mrdupes.com. To achieve this type of result using photoshop the 'offset' filter can be very useful.

GETTING THE URL OF A FILE YOU HAVE UPLOADED WITH WORDPRESS:

  1. Go to 'Posts => Add New'
  2. Click on the 'Add Media' button (a little star type icon next to 'Upload/Insert')
  3. Click on the 'Media Library' tab
  4. Click on the word 'Show' next to the file you want the url for
  5. Under 'Link URL' click on the button 'File URL'
  6. The file url should now be in the 'Link URL' text box so you can copy it.

DOWNLOAD PLUGIN:


13 Responses to “WP Background Tile Plugin”

  • Comment by pressitfor.me
    Date: February 3rd, 2009 at 4:25 am

    WP Background Tile Plugin | Sam Burdge…

    The WP Background Tile Plugin for WordPress applies a tiled background image to your blog. It is as simple as this:

    * Create a background image
    * Upload it
    * Apply it as the background via the WP Background Tile options page

    Get the plug…

  • Comment by baron
    Date: February 3rd, 2009 at 4:57 pm

    hi. Thanks for plugin

    perfect.

    Regards

  • Comment by WordPress Plugin Releases for 02/04 | Weblog Tools Collection
    Date: February 4th, 2009 at 3:18 pm

    [...] WP Background Tile [...]

  • Comment by Satranç
    Date: February 4th, 2009 at 6:32 pm

    Hi,
    This is a nice idea. Thanks for plugin.
    But I want to ask a question.
    Why did you create a table? Can we save tha background image as an option?
    Thanks.

  • Comment by WordPress Plugin Releases for 02/04 | MBConsulting.se
    Date: February 11th, 2009 at 7:17 pm

    [...] WP Background Tile [...]

  • Comment by beauty blog
    Date: February 19th, 2009 at 2:14 pm

    can you make a plugin like this to show post in a magazine like layout.

    http://perishablepress.com/press/2008/08/04/two-column-horizontal-sequence-wordpress-post-order/

  • Comment by Sam Burdge
    Date: February 19th, 2009 at 2:31 pm

    Hi beauty blog,

    I have a plugin which does exactly that! Here’s the link:

    http://www.samburdge.co.uk/wordpress/wp-post-columns-plugin-2

  • Comment by dogday
    Date: March 4th, 2009 at 6:19 pm

    I have this nice plugin running in my blog, but it isnt XHTML compliant, I think because of the ‘&’ signs used to pass varibles.

    Could you replace ‘&’ signs with ‘&’ to correct this?.

    I have tried, but my knoledge about php isnt enought to find where is called the function.

    Thanks in advance.

  • Comment by Sam Burdge
    Date: March 5th, 2009 at 2:03 pm

    Hi dogday
    The plugin doesn’t use any & symbol, this error must be coming from your theme! Also, if your theme already uses a background image then the plugin may not work.
    Sam

  • Comment by technofunk
    Date: March 12th, 2009 at 12:33 am

    great plugin.

    one question; what if i dont want this tiled? just a single image. non repeating.

  • Comment by Charles
    Date: September 21st, 2009 at 12:15 am

    Hi,

    I tried it on my site (see comment header) and it tiled only the upper half of the page. I have WP 2.7.1. on that particular site.

    Is this a bug or am I doing something wrong?

    Thanks,
    Charles

  • Comment by KiraSherrine
    Date: October 23rd, 2009 at 6:24 pm

    Hi,

    what part would you input the tile file?

    Also my nav tags (about, contact, …)
    and Sidebar Tags (category, archives)
    are all jpegs … I am looking for ways to input it into the php but cannot find any help on that…any help?

    Kira

  • Comment by bpositive
    Date: November 9th, 2009 at 1:32 pm

    Hi. Great Plugin :-)

    How do i get it to center a larger picture?

    Thanks

Leave a Comment