Wordpress design question.

by cvaughn

Posted: 13 years ago 8 replies

WEB DESIGN

I need to know if I can use a program like Artisteer and say take a picture of a church and make that the background for my theme. If not Artisteer are there any programs out there that will work for this? Can I use a different background for each page?

#design #question #wordpress

Esteem Ladder 13 years ago

Artisteer is braindead easy to do that. You can actually add that to just about any theme with the right css, but for ease - Artisteer rocks!
- [ 1 ] Thanks
{{ DiscussionBoard.errors[3493312].message }}
christopher jon 13 years ago

Not sure why you'd need a program when...

body {
background: url(mybackground.jpg) top center no-repeat;
}

...will do the job.
- Thanks
- 3 replies
{{ DiscussionBoard.errors[3494080].message }}
- WCRocket 13 years ago
  
  Originally Posted by christopher jon
  
  Not sure why you'd need a program when...
  
  body {
  background: url(mybackground.jpg) top center no-repeat;
  }
  
  ...will do the job.
  
  Also keep your file size under 100kb. If you want everyone to enjoy the background, you may want to have a image resolution of 1920x1200.
  
  Thanks
  
  1 reply
  
  {{ DiscussionBoard.errors[3496023].message }}
  
  missm2m 13 years ago
  
  christopher,
  
  thanks for that. just one thing. where is that line of code? in which file? this is just what i was looking for too! thanks
  
  Thanks
  
  {{ DiscussionBoard.errors[3496305].message }}
- cvaughn 13 years ago
  
  So i guess the better question is once my background has been modified in photoshop, what to do to get it onto my wordpress theme. Check this out cityofswainsboro.org. This is on Woo Fresh News... what about just colors like frankkern.com
  
  Thanks
  
  {{ DiscussionBoard.errors[3496687].message }}
- webdelux 13 years ago
  
  body {
  background: url(mybackground.jpg) top center no-repeat;
  }
  
  ...will do the job.
  
  I agree. Dont forget to upload the photo to the server though...
  
  Thanks
  
  Signature
  Fueled by Advertising Experts.
  
  {{ DiscussionBoard.errors[3502432].message }}
Trisha 13 years ago

You can do this without a program. Since you want to change your background image per post or page, it'll take some php and a custom field, but its easy...

1. Look in your themes files for header.php

Find the line that says:
<link rel="stylesheet" type="text/css" media="all" href="<?php bloginfo( 'stylesheet_url' ); ?>" />

Paste the following just below that line:

<?php if (is_page() || is_single()) {
$background = get_post_meta($post->ID, 'background', true); // custom field function
if ($background) { ?>
<style type="text/css">
body{ background: url(<?php bloginfo('template_url'); ?>/images/backgrounds/<?php echo $background; ?>) repeat; }
</style>
<?php }
} ?>

2. Create a new directory called 'backgrounds' in your theme and upload your images there.

3. Create a custom field in each page or post
Name: background
Value: Name of the image you've uploaded (image_name.jpg)

In 3.1 they've hidden custom fields. If you dont see it in your editor, click the 'screen options' tab and check the 'custom fields' box, it will show up.

It works for both pages and single posts. Ive tested it here: http://drlab.digitalrenewal.com/test-theme/ you can see that the about page, and the hello world posts both have different backgrounds.

I understand that this might be a little complicated. If you need my help getting this set up, pm me and I'll do it for you.

Best of Luck!
Trisha
- Thanks
- 1 reply
{{ DiscussionBoard.errors[3497258].message }}
- Trisha 13 years ago
  
  darn editor, it was close though.
  Its stripping that php code, so thats not gonna work.
  
  figured it out that code should work.
  PM me or email digitalrenewal@gmail.com like I said, I dont mind setting it up for you. Just a couple lines of code.
  
  [ 1 ] Thanks
  
  {{ DiscussionBoard.errors[3497287].message }}