Adding a header image to the Mumrik theme

mattias — Sun, 16 Nov 2008 10:16:00 +0000

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.

frontendbook.com » FAQ

Adding a header image to the Mumrik theme