WP SITES

2785

Original Genesis & WooCommerce Tutorials & 6000+ Guaranteed Code

Snippets

Custom Front Page For The Minimum Pro Theme

I’ve just finished coding a custom home page template for the Minimum Pro theme by StudioPress.

Here’s what it looks like:

minimu pro custom home page

Rather then send emails back & forth to my client, i thought i’d share all the code with the people who subscribe to my blog.

Here’s all the PHP code for the front-page.php template:

Note: Please copy from the view raw link and paste using a code editor like Notepad++.

And here’s the code for your child themes functions.php file:

On top of this i have also added the conditional tag to the existing code for the sites tagline. You can simply add the conditional below the function. Here’s what the full code snippet should look like:

And now for the CSS code which you should add at the end of our child themes style.css file before the media queries.

Mobile Responsive Design

Here’s the CSS for media queries which should be added at the absolute end of your child themes style.css file:

You can tweak this CSS if you want your home page to look different on different sized screens.

Pro Tips

The sidebar for this template uses the default primary sidebar so you may want to display different widgets on the home page to whats shown elsewhere. Simply install the Widget Logic plugin or one of the other plugins which do the same thing and add conditional tags to each sidebar widget.

Remove the 2 lines of PHP code for adding new image sizes from your functions file (after generating your images) if you only want the same image to display on the home page.

You can easily remove the code for Backstretch however there’s no real need as it doesn’t fire unless you’ve added a background image via the built in Background function.

Conclusion

As you can see, i only added 2 lines of CSS code. One to hide the primary nav menu and another to add some margin for the banner which you may not need if you don’t want to add a banner.

I did modify the media queries as there’s only 2 home featured widgets now so there’s less CSS code.

There’s actually less PHP code for this custom front page template than is used in the original template.

Please let me know what you think and i always love any type of real feedback.

Using Another Theme?

Reader Interactions

Comments

  1. I’m working on a similar minimum pro home page. Unlike the example above the most recent post is displayed at the top of the gridloop and takes up the full 2 columns . (the red boxes in your example)

    https://www.dropbox.com/s/zsrd1vagnj6qern/featured%20post.png?dl=0

    Currently this top featured post aligns to the left but I’d like to get the title, image and text to be centered and limited to a 1 column width.

    I think this part of the front page is styled by home-feature class which currently contains:

    .home-featured {

    border-bottom: 5px solid #f5f5f5;

    margin-bottom: 60px;

    padding: 40px 0;

    }

    But any changes I make to it aren’t making being displayed

    Did I miss something??

    • This relates to CSS generated by a plugin therefore is not covered under membership which covers all my code.

      However, you could make the container width 50%.

      #powerpress_player_8523 .entry-content {
    width: 50%;
    margin-left: auto;
    margin-right: auto;
}

      I think you must have a caching plugin which minifies CSS active because any changes i make in the browser don’t work?

      Or wrap all the elements in a class and make it 50% width.

      You wouldn’t just center the image as the title and other elements need to be centred as well.

      Another option is to install the Featured Podcast Widget.

      I could create a widget which is centered and support that.

  2. Hi Brad,

    Thanks for this interesting post.
    I’m wondering, if I want to use 1 featured text widget (instead of the 4 in Minimum Pro), is it sufficient to add this code to my css file:

    .home-featured-1 {
	float: left;
	text-align: left;
	width: 100%;
}

    Or do I have to change the functions.php also?

    Thanks in advance!

  3. Brad,
    In Minimum Pro, is it possible to remove the entry content section from the Home Page only?
    The home page would only show logo, nav, a Soliloquy slider, four home featured widgets and footer—no content area.

    This section would not display on the home page:

    I’ve tried several “home-grown” functions but no luck. 😉

      • Here’s the correct function to remove the entry content from any Genesis child theme.

        remove_action( 'genesis_entry_content', 'genesis_do_post_content' );

        You can use the PHP code in a template file like home or front page file or in a custom function as previously stated.

    • At least 3 ways to do that.

      1. Use CSS code with the class for the home page
      2. Add a remove function to the home.php file
      3. Conditionally remove the content using a custom function from your child themes functions file.

Leave a Reply