HomeDocumentationInstall Modern Business Pro

Install Modern Business Pro

Our latest theme, Modern Business Pro, takes advantage of a custom homepage and services pages that you can configure with our Minimize Blocks Plugin.

In this tutorial, I’ll show you how to to setup your theme and setup the unique homepage and services pages you see in our demo.

Before we begin

We know that many of our customers are using themes for projects that might be different than their name. For instance, when we see our Real Estate theme used around the web, it’s not always selling houses. Sometimes it’s a small business or just a blog — even our Legal Theme is used for the occasional restaurant.

When we built Modern Business we knew that this might be the case too. We’re making our themes very flexible in the coming months by allowing you to customize your pages via our Minimize Blocks plugin.

We’re always looking for feedback, feel free to contact us with what you want in a theme!

How to install and setup Modern Business Pro

  1. Installing the theme
  2. Configure a child theme
  3. Installing & using Minimize Blocks
  4. Configure Page, Custom Post Type and Category Layouts
  5. Setup the homepage and Services pages like the demo
  6. Installing contact form, slider, and gallery plugins

Installing the theme

After purchasing Modern Business Pro, you will be presented with your account screen and a download receipt in your inbox. You can download the theme from either place.

Download the files from e-mail receipts or dashboard

Receipt in Gmail inbox
Receipt in Gmail inbox
Content of our receipt e-mail
Content of our receipt e-mail
Payment Receipt and Download Code
Download your purchases in our members dashboard

Upload the .ZIP file to your WordPress theme admin panel. 

Browse to Appearances > Themes > Add new > Upload > Click “choose file” and select the Modern-Business-Pro.zip file you downloaded.

When you add the ZIP file to the upload section.
When you add the ZIP file to the upload section.

Setup a child theme for Modern Business Pro

It’s very important to setup a child theme if you plan on making ANY edits to your core Modern Business Theme. What changes might you make?

  • Edit syle.css to change colors or font sizes
  • Modify hooks and action filters via functions.php
  • Create new page template files
  • Other stuff we haven’t thought of!

If you make these changes to your theme directly (the parent theme) and we release a new version to the theme (which we do often) you might lose all of your changes. Read more in our article about Child Themes.

1. Download the Slocum Studio One-click child theme plugin.

2. Install the plugin by browsing to Plugins > Add new > Upload and select the .ZIP you downloaded.

3. Activate the plugin after installing.

4. Browse to Appearances > Theme Options > Child theme

5. Activate your child theme, see image below.

One-click Child theme setup
One-click Child theme setup

You can name your theme anything you want and then check off “Activate child theme once created.” This will take care of making a folder and all necessary files on your site, no heavy lifting from you!

Installing Minimize Blocks

Modern Business Pro uses our Minimize Blocks Plugin to make creating custom content queries really easy for you. We use this to query for the services custom post type and display them on any page you want.

1. Download the Minimize Blocks Plugin

2. Install the plugin by browsing to Plugins > Add new > Upload and select the .ZIP you downloaded.

3. Activate the plugin after installing.

4. View Minimize Blocks in the widget section, Appearance > Widgets

Minimize Blocks in the widget list
Minimize Blocks in the widget list
Minimize Blocks Query Options
Minimize Blocks Query Options

The goal of this plugin/widget is to give you the power of building a query without touching code. You can take the output of this query and place it in any sidebar or widget area. You can style the output by overriding the CSS or creating custom templates.

  1. The title of your Widget will also be output on the frontend of your theme.
  2. Select the size of the “block” to output.
  3. Do you want to output one piece of content or many?
  4. Choose from posts, pages or custom post type
  5. Or choose a category
  6. Choose the order in which you output your blocks
  7. Select the sort in ascending or descending
  8. How many blocks do you want to show?
  9. You can offest your posts by selecting which one to start with in the query
  10. Include other posts via ID
  11. Exclude posts via ID
  12. Modify the meta output
  13. Select a featured image size to output
  14. Limit the amount of content shown in the excerpt
  15. Change the read more link label or hide it
  16. Apply your own custom CSS class to modify the output

By default, we output 3 widget “sizes” with our plugin and theme. Small, Medium and Large output “blocks” are supported.

Small block

This is the output of a small block
This is the output of a small block

Medium block

medium

Large block

large

Configure Page, Custom Post Type and Category Layouts

Our custom layout options allow you to select unique layouts for individual Custom Post Types or Category Archive pages.

What does that mean?

That means you can have the Services page display full width and your “News” category have a sidebar. Here’s how we set that up:

custom layouts

Using the custom layout options

  1. Choose a particular page, post, category or archive page
  2. Change the layout from Default to a variety of layouts
    1. Full width
    2. Content/Sidebar
    3. Sidebar/Content
    4. Content/Sidebar/Siderbar
    5. Sidebar/Content/Sidebar
    6. Sidebar/Sidebar/Content
  3. Add a new Custom Post Type or Category layout

Setup Homepage and Services page like the demo

You can view the demo home page here and the services page here.

Homepage

Modern Business Homepage widget guide

Here is what your widgets should look like in your WordPress Dashboard. Visit Appearance > Widgets

Modern Business Pro Homepage Widgets

Services Page

Modern Business Services Widget Guide

Installing contact form, slider, and gallery plugins

Modern Business Theme works great with a handful of plugins that we recommend.

1. Soliloquy Slider

You can use the Free plugin listed above or find more options in the Premium version. If you want more widget options, add-ons, and support we recommend upgrading.

2. Envira Gallery

You can use the Free plugin listed above or find more options in the Premium version. If you want more widget options, add-ons, and support we recommend upgrading.

3. Gravity Forms

Our newsletter call to action is styled using Gravity Forms. You can use this to connect to other 3rd party services like Mailchimp using their add-ons. We also recommend this plugin for your contact forms.

Note: NinjaForms is a strong alternative that is free on WordPress.org. However, this plugin does not support our Newsletter call to action widget styling. 

Thank you

Thank you for using Modern Business Pro! If you are a Pro customer and have support questions, please contact us.

This entry was posted in