A lot of people have asked us how to add a custom header image to a page using the Mumrik Theme so the page you are using will look something like this.
In order to achieve that page layout you will have to create a page (not a blog post), add and edit some custom fields and finally select the proper page template. We will guide you through the steps in this post
1. Create a Page
First you need to create a page, or edit an existing page.
2. Set Custom Fields Values
When writing or editing an existing page or post, you have the possibility to add custom fields with values specific for that post or page. These values can then be used by themes or plugins in order to achieve whatever the theme or plugin author have in mind. When it comes to the mumrik theme we use custom fields for layout on pages. Scroll down to Custom Fields in your Write Post UI and expand and add the fields full_image and puff where full_image should point to the image you would like to add (preferrably the image is 938 pixels wide) to your layout, within puff you can specify the markup you would like to be added in the semitransparent area in the bottom of the page.
3. Choose Page Template
When the custom fields are set, you have to choose the correct page template. Mumrik is delivered with a custom page template named Section First Page. Choosing the template is easy, all you have to do is scroll down in the Write Post UI and expand the section Page Template and choose Section First Page from the drop-down.
4. Publish and enjoy
When all this is done, all you have to do is publish your page, and you are going to have a brand new layout on your Mumrik-driven page.
Related posts:
How do you “point” to the image for “full_image” value?
Thanks!
I love the theme
When I try and make a header image for my ‘Home’ page which has my blog posts it does not work, but it does for other pages, what am I doing wrong?
You can also add a custom header by editing the following code in the “header.php” file:
Sorry, that didn’t show last time. The div tag “BigAd” right below the “Wrapper” div can hold an image using an HTML link:
img src=”IMAGE-URL-HERE”
I’m having the same problem as Andy. How do you set a custom image on your main page?
Nick is almost right. Don’t put it in BigAd, put it after the mainNavigation div and just before the php tag.
thanks for the tutorial on this. found this entry through google while trying to do exactly this.
i’m trying to edit this particular theme to have a different font. however it doesn’t change the font when i adjust the font family. is there another location in the style sheet (or other sheet) that i need to adjust the font type in?
love the theme and the banner guide was top notch. Great job.
I don’t see a ‘Page Template’ section in my Write Post UI
Hi, nice template, but can someone write all what is need for Header like in template,
in custom field, what I need to write in Name what in Value
where, full_image where Puff,
where and white i need in header.php
How can I remove the two columns and expand the middle column of content to fill the space of the former left and right columns?
Hi,
Love the theme. I have had success putting the header up on the regular pages but not on the homepage where my posts are. Can you help with this? I have read the above posts about adding the image to index.php by adding img src=”IMAGE-URL-HERE” but I lose the white gap between the navigation bar and the photo and I am also concerned about consistency in appearance across browers in coding a header image in two different ways. Thanks for your help on this!
-Thane
way too much trouble
we’re not web designers
You have to add the path manually to the custom field value. Let me know if you need more help on this.