Custom backgrounds for pages

[Elaine Griffin]

Hello,

I would like to add custom backgrounds to some pages of a site I'm working on. I've never done this, but I think you can add it with some code like this:
<?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>

<?php if (is_page('page1') ):
// page 1 ?>
<style type="text/css">
body {background-color:#000;background-image:url(/images/background.jpg);background-repeat:repeat;}
</style>

<?php elseif (is_page('page2') ):
// page 2?>
<style type="text/css">
body {background-color:#000;background-image:url(/images/background2.jpg);background-repeat:repeat;}
</style>

<?php endif; // end the if, no images for other other categories ?>

Does this go in page.php or the functions file? Either way when I tried to insert it I kept getting syntax errors.
I'm still learning php, obviously! :)!


[Brad Dalton]

PHP generally goes in the child themes functions.php file but not with opening and closing php tags.

These are only needed when pasting PHP code into any of the Genesis hook fields when using the Genesis Simple Hooks plugin.

This is the reason you are getting the errors.

Where did you get this code from?

---

Tutorials for StudioPress Themes.

[Elaine Griffin]

Thank you Brad!

Okay, that's what I thought, but I couldn't seem to get rid of the errors. Will try again.

This was from the WP support forum.

[Brad Dalton]

Easier to use CSS code and grab the post/page i.d from the source code for each or create a custom body class.

---

Tutorials for StudioPress Themes.

[Elaine Griffin]

I think I saw that too. Something along the lines of:

.custom-page .id-4

For example. I can't quite remember. It's been one of those days!

[Brad Dalton]

Grab the body class from your source code which includes the page or post i.d and use it as the selector with the declarations you need.

Example: body class="single single-post postid-37615

So you'd use . postid-37615 { your CSS declarations }

Further reading: http://www.w3schools.com/css/css_background.asp

Or install a plugin http://wordpress.org/extend/plugins/background-per-page/screenshots/

---

Tutorials for StudioPress Themes.

[Elaine Griffin]

Oh, I know how to do that! It's similar to using images in the nav bar. I need to start thinking of these as transferable to other applications. Thanks again Brad!

[Author]

Posts