Adding a background image to your WordPress posts
I have been asked several times how to add a background image to your WordPress post. Well it is actually not very difficult and if used correctly it can add a great deal of style to your blog.1) We are going to start by opening up your WordPress admin. panel and going to Presentation - Theme editor - Single Post, you should now be looking at the single.php file. Scroll down on this page until you find:
<?php the_content; ?>
Wrap this in a div tag like this:
<div id=?post_bg?><?php the_content; ?></div>
2) Now lets go to Presentation - Theme editor - Stylesheet and add:
#post_bg {
background: url(’images/post_bg.gif’) no-repeat;
}
Make sure that the background url is pointing to the destination of your background image. If you have a small image and would like to display it lets say on the right side of the post, you can use:
#post_bg {
background: url(’images/post_bg.gif’) no-repeat;
align: right;
}
Instead of post_bg you can name this anything you like as long as it remains the same across all pages.
3) Alternatively, if you would also like to display this background on the posts shown on your blogs homepage, you can open Presentation - Theme editor - Main Index Template. Now scroll down and find:
<?php the_content; ?>
and wrap it the same as we did before, like this:
<div id=?post_bg?><?php the_content; ?></div>
With these few simple changes we have now added a stylish background image to all posts throughout your blog. I would also like to note that some themes already have a style set for the blog posts, in which case you would simply just add the background url to the existing css.
wordpress, wordpress tutorials, background image, blog post
October 7th, 2008 at 1:20 am
Подскажите шооблончег под Wordpress 2.6.2, чтобы был похож на ваш http://www.bloggingpointers.com.
Заранее благодарю)
April 14th, 2009 at 1:31 pm
Да уж. В этом блоге хоть комментаторы нормальные.. А то пишут обычно в комментарии ерунду всякую.
April 16th, 2009 at 1:36 pm
Отлично написано. Позитива конечно не хватает, но читал на одном дыхании
April 16th, 2009 at 4:53 pm
Очень понравилось, даже не ожидала.
April 17th, 2009 at 4:30 am
Очень познавательно. Спасибо.