The Custom Post Background WordPress Plugin
The Custom Post Background plugin for WordPress adds a great deal of visual customization ability to your blog posts and page appearances. It allows you to easily change the background of individual blog posts/pages using CSS or an image URL (with or without a x/y/both repeat).
At the main menu, CPB lists all of your pages/posts and displays any background settings that are set. For any page, clicking on the edit button will open up a sub-menu with fields where you can then make your background customizations.
As you can see, you can change the background with CSS/URL of image to apply to only the background of the post, only on the background of the home/main page, or both pages.
The ”Color” field option allows you to quickly make background changes using the background-color CSS code. You can enter any color (such as “red,” “blue,” “green”) or enter a hex value, like: #A9A7A7. You can also change the whole page background (not just the post background) of any individual post with the ”Display as page background on post page” option.
If you enjoyed this post, make sure you subscribe to my RSS feed!
As of February 18th, 2010: this death star is fully operational.
Hi hope all is well!
I loaded this plugin and I can seem to find this (main menu, CPB lists all of your pages/posts and displays any background settings that are set.)I have not been able to find any way to change the background on a post. I have a word press can anyone help me please?
Hey Jackie,
The above screenshot is actually taken from an older version of custom post background (I will get around to updating that). In v.2, you need to click on ‘Custom Post Background’ under the settings tab in your admin cp. Then you can edit the background of each page individually by clicking the ‘edit’ button to the right of each listed page.
hi there,
Posted this in the wrong section allready…:)
I just discovered your Custom Post Background plugin and wanted to say: this is great!!
Would such a thing also be possible for the headings of the pages/posts?
It would be very nice to choose a heading color that matches or compliments the backgrounds.
Also: i found this script that scales your background images allways 100% in height. Works perft in HTML. Could this work with your plugin aswell?
=========
#background
{
height:100%; position: absolute; z-index: -1; top: 0; right:0;
}
=========
many thanx in advance!
best regards
dick boot
the Netherlands
hmmm, try that again without the
=========
head
style type=”text/css”
#background
{
height:100%; position: absolute; z-index: -1; top: 0; right:0;
}
/style
/head
body
img id=”background” src=”images/back.jpg”/
=========
Hey Dick,
Glad you like the plugin! It was designed by a friend of mine named David Sherret.
I thought you would be able to change the background of titles by inserting a custom CSS style for that element. Unfortunately, I don’t think the option to insert custom CSS via the CSS field in Custom Post Background is working. As long as you have the correct location of the header element it should work so I will let David know and ask him if he could fix it. I will also ask him if he could make the header background color change a menu option — it should be very easy to do.
For now, I guess you will have to stick to altering the header styles manually in your style.css file. You can create a separate header class for each post/page and change the background that way.
I will also ask him if he can integrate that snippet of yours and possibly have it run as a checkbox option. That is an incredibly useful snippet by the way, in fact I was just looking for something like that to use on a site of mine, with an image background that fudges on high resolution monitors. I heard there was a feature coming out in CSS3 that would allow for relative scaling of background images. But for now I guess we have to use things like that.
hi admin,
thanx for the reply. i am sorry to hear that the scaling thing can not be implemented right now…:( but thats how it is i guess…:)
btw, it is not the header background color i want to change but the color of the heading txt itself.
anyway, thanx for the reply and is there a way i can email David Sherret myself?
many thanx!
best regards,
d.
ok, i will say it myself. i’m an idiot…:)
i can change the color of headings in the post itself…duh
The link above to wordpress.org/extend doesn’t lead to version 2.0.0; it leads to 1.2.0. Please correct.
My bad mate, there is only two versions:
Version 1.1.0.0 and Version 1.2.0.0. The latter is the current version. So the link does point to the current version (I will edit that).
@ Dick Boot
Oh, okay. You should be able to change just the heading text color itself with Custom Post Background as well but, like I said, the insert CSS field does not seem to be working currently.
Are you looking to change the header text color for all posts site-wide? If you are going to do that site-wide then the best way to do that would be to edit your templates style.css file. I can tell you how to do that specifically if that is the case. Let me know.
I don’t know if David wants me to give out his personal email to people so I will have to ask him myself. He is a nice guy and will probably add your features pretty soon.
many thanx for your help so far.
Hey guys, Love the plugin! Is it possible to make the bg image clickable and could you add the url via the plugin’s admin page? Let me know!
Am I missing something? I can’t seem to edit the background color until after the post is live… Is there a way to set up the background before others can see it too?
@Dustin
It would not be possible to make the background image clickable. Do you mean in the browser?
@Kathi
Unfortunately you must wait until a post is live before changing the background.
The plugin works fine, but I still have a problem: I have placed a image “only on post page” and it will not fill the whole post area. It’s forced inside the text margins. Is it a css code or something I can use to make it fill the rest of the post area? Thanks!
Hey Chelling,
Give me the URL of the page and I will be glad to tell you what you need to change in the CSS.
Chris
I realized I couldn’t enter the color chart number (example: ffccff) but rather “pink” but how can I get a lighter (or faded) color? is there a chart somewhere on what is a valid entry?
Duh… I wasn’t entering # in front of the hex.
I was about to suggest that, then I read your second comment.
The HTML does not validate.
The plugin always places code into the content area, which is ok for placing an image in the page content area.
But it also puts code there when it tries to define a css style for the body, a background-image, to place an image in the page background.
The code also leads to creating an open paragraph tag to precede the css style tag, which does not get closed.
Could the plugin instead generate a style definition in the file header and place a body background-image there and thus validate correctly?