Monday, November 9th, 2009...by Costa
How To Use An Image For Your WordPress Theme Background
Festive season is around the corner and I thought it would be a good idea to usher in the mood a little bit early this year. For those who are into Internet marketing, this is the season for selling. The buying mood has started and I am already seeing an increase in sales with my affiliate products since last month. To make things a little merrier amidst all the gloom in the economy, I have added a Christmas image to the background of my Theme here.
To ad an image to your WordPress Theme is as easy as it can be. Just go look for an image around the size of approximately 1600 x 1050 px. You will find lots of it in sites offering free desktop wallpapers. That’s my preference as it will fit most computer screens. Can be smaller or even bigger, it’s up to you. The idea is to have the images on either side of your contents and not hidden behind. It might take some adjustments to get it right. Those with ’slimmer’ content areas will have an easier time.
When you are satisfied with your image, upload it to your Theme’s image folder. Go to your Theme editor and open up your stylesheet. In most Theme, the first line of codes will be the one that declares all core layout. Look for ‘body’ or something similar. Inside the curly brackets you will see ‘background: #xxxxxxx’ (x=color codes) immediately after the color codes add in your image url like this: background:#xxxxxxxx url (images/yourimagefile) no-repeat;
As an example, mine looks like this:
body { background: #66070D url(images/xmas.jpg) no-repeat; color:#555354; font: 60% 'Lucida Grande', Verdana, Arial, Sans-Serif; text-align: center; }
One thing to take note, make your background color as close as possible to that of your image so it can blend in. Use a color picker to determine the color of the image’s very edge so you get a almost similar color. Have fun!
Related Posts - A Dateless WordPress Theme For Niche Blogging Those who subscribes to Court's Internet Marketing School would have learned keyword sniping and how powerful it could be when mastered and used for niche blogging. To complement the tactics...
- How To Make Rounded Corners For Your WordPress Theme A very popular method to make rounded corners for our WordPress Themes is a workaround by using images. It will be quite lengthy to discuss this method here as it...
- Removing Image Border In The K9 WordPress Theme Depending on the kind of images you are posting within your post, image borders sometimes can either make the post stands out or make the whole post look a little...
- How to make a 125px x125px Image Link For Your Blog The 125 x 125 pixel Ads links is the latest trend in selling ads space. The pros and cons can be read at Darren Rowse's post, Are 125 x 125...
- Making A Header Image For The StudioPress Theme Finally had some time and the mood to do some WordPress Theme modding again. As promised earlier, I put the StudioPress Theme to task again, this time using the codes...
thanks for your post.
i wanted to know is this only for upgraded wordpress users ?
i ask because i haven`t seen any themes image folder in my page.
thanks in advance.
It’s in your Theme directory. You will only see it if you log in to your server.
i am logged in but still can not see it:(
at APPEARANCE i have : themes,extras,widgets,edit css,custom header and typekit fonts.when i press themes i can only see the theme`s gallery.
Hi Eni,
You are logged in to your dashboard. NOT your server. You must log in to your server in order to see all the files and folders in your theme.
Are you hosting your own blog or are you using the free WordPress platform? If you are using the free platform, I don’t think they allow you to mod the Themes.
If you are hosting you own site, then you log in to your cpanel with your FTP client, go to public_html where you will see your Wordpress Installation. Go to wp_contents. Open the Themes folder. Look for the folder of your Theme. Open the folder and you should see an image folder inside. That’s the folder you upload your image.
yes i`m using free wordpress themes.i guess that is the reason.
thank you for your help;)