WordPress.org

Ready to get started?Download WordPress

Forums

Mandigo - Having different header images on different pages (17 posts)

  1. kaboomer
    Member
    Posted 7 years ago #

    Hi:

    I'm trying to set up a site using the Mandigo theme (which I love).

    I've got a custom header image all settled in nicely at the top of the home page. I'd like to have a few other pages based on the main page template, but with different header images.

    I understand the concept of copying that page template, giving it a different name, and then having the new template call a different image, but this theme is messing me up because it has several different color options (at least I think that's what's messing me up). I've looked in "page.php", "header.php" and the color.css files, but can't find where the theme is calling on the header images.

    Any thoughts?
    Thanks!

  2. tactics
    Member
    Posted 7 years ago #

    Until a couple days ago, this was a pain in the ass. Now thanks to a collaboration between Dirk and myself, it's easy as pie.

    Download and install this plugin

    Once it's installed you can specify a style for each individual page that will over-ride the style in the stylesheet. I'm not familiar with the template your using, but it probably has div containing the image you want to change. Let's say it's called "#header".

    Go to the page you want to edit in the wp admin and in the "custom tag" field, enter something like this:

    <style type="text/css" media="Screen">#header { background-image: url(my_image.jpg); }</style>

    That'll do it.

  3. kaboomer
    Member
    Posted 7 years ago #

    Hey, thanks for the quick reply!

    The plug-in link seems to go to this page, though....

    http://wp.uberdose.com/search/wp-content/

    ...and clicking on "Another WordPress Meta Plugin 1.92" just takes me back to the first page, and round and round and round. Am I missing something?
    thanks ~ mb

  4. tactics
    Member
    Posted 7 years ago #

    Yep, you're missing something :)

    Right click the ".phps" link under "downloads" on the following page and save it

    http://wp.uberdose.com/2007/03/23/another-wordpress-meta-plugin-192/

  5. kaboomer
    Member
    Posted 7 years ago #

    hmmm....i wonder if we're somehow talking about different things.

    When I right click on that link, I get an html file on my desktop called "wp-content.html". Double-clicking on it launches a page identical to the one at the URL I mentioned above. Surely, that's not right...

    I'm on a Mac, but that shouldn't make any difference, right?
    thx ~ mb

  6. nakedape
    Member
    Posted 7 years ago #

    go to the page linked in the post before this, and under 'downloads', it says .phps (Use Save As and rename to .php). Option-click on the .phps or hold the left mouse-button or whatever it is that you do with a mac :), and click "save link as...".

    Does that work? If not I could email it to you.

  7. kaboomer
    Member
    Posted 7 years ago #

    Thanks for the help, nakedape.

    No, I know how to "save as"; the issue is that what I am saving doesn't seem to be what tactics says it should be. No matter what I save it as, what I get is an html file. Am I supposed to upload an html file called ".php" to my plug-ins folder?
    I'm so confused....

  8. nakedape
    Member
    Posted 7 years ago #

    No, when I save it, I get a file called another_wordpress_meta_plugin.phps, which, as instructed, must be renamed to *.php and then uploaded.

    But, I tried this in ie7 and in opera9, and when using these browsers I get the same problem that you are experiencing.

    Works fine through firefox. Download it here: http://www.mozilla.com/en-US/firefox/

    Or else, link me your blog and I'll post the content of the .phps file as a comment, which you can then copy and paste into a new php document and name accordingly.

  9. uberdose
    Member
    Posted 7 years ago #

    Sorry for the inconvenience, I consolidated several sites into one yesterday. Is everything working now?

  10. kaboomer
    Member
    Posted 7 years ago #

    Aha!
    Yes, that worked fine for me in Firefox, thanks for the tip.

    Now I can't get the plug-in to show up in the wp admin, but that's probably an issue for the author...

    thanks for your help with the file!
    ~ mb

  11. nakedape
    Member
    Posted 7 years ago #

    You're welcome, glad I could help.. Good luck with your site!
    (Doesn't appear in the plugins page of wp-admin for me either)

  12. uberdose
    Member
    Posted 7 years ago #

    Kaboomer, you copied the .php into your wordpress installation under wp-content/plugins?

  13. nakedape
    Member
    Posted 7 years ago #

    I can't speak for Kaboomer, but that's what I did, and it didn't appear in my plugins page, whereas other plugins have in the past.

  14. uberdose
    Member
    Posted 7 years ago #

    I split the header insertion plugin into a plugin of its own:

    Add Your Own Headers 0.1

    Please give me feedback!

  15. kaboomer
    Member
    Posted 7 years ago #

    Hi uberdose:

    The Add Your Own Headers 0.1 plug installed just fine - thanks!
    Now what to do with it :)....

    So I'm in the Write Page admin panel for the page I want to give the new header to. Below the Page Content box, there are now two fields called "Custom Header" and "Another Custom Header".

    I tried entering the name of my new header image in those fields, but that didn't work.

    Then I tried entering the code that tactics mentioned earlier in this thread:

    <style type="text/css" media="Screen">#header { background-image: url(my_image.jpg); }</style>

    That didn't work either....what should I be putting in my new fields?

    Thanks

  16. tactics
    Member
    Posted 7 years ago #

    OK, the code I posted was just a sample. It needs to be edited to fit your particular template.

    "#header" needs to be changed to whatever the name of the div is in your particular template that contains the background image you want to change.

    "my_image.jpg" needs to be changed to the url of the image you want to appear in that div.

    If this is completely greek to you, then it's a bit beyond the level of support any of us can provide in a forum. Do a Google search for "CSS tutorials"

  17. kaboomer
    Member
    Posted 7 years ago #

    thanks tactics.

    I customized the code to match my particular circumstances, and was apparently able to stop WP from calling my main header image for this particular page (call it Page 2). So I'm halfway there.

    However, when I load Page 2, instead of getting my secondary header image, all I get is a black rectangle. I've doublechecked that the name of my image exactly matches the name I entered in your plug-in code (the name I substituted for "my_image.jpg", and I've uploaded my image in both of the theme folders that contain images, but still can't get it to display.

    Here's the code I'm entering in the Add Your Own Headers Custom Header field:

    <style type="text/css" media="Screen">#headerimg { background-image: url(head2-1024.jpg); }</style>

    Any idea why this wouldn't be working?
    Thanks!

Topic Closed

This topic has been closed to new replies.

About this Topic