Brunch Pro Tour

A StudioPress Genesis Child Theme customized by Albemarle PR

In addition to offering our own Genesis Child Themes, we provide installation and customization services for themes available for purchase at StudioPress. The Genesis Framework and Genesis Child Themes can be installed on a self-hosted WordPress site or a Business level plan on WordPress.com.

>>Start a WordPress site for $3.95 per month<<

 This tutorial will explain how to setup the sections on the Brunch Pro Theme by StudioPress. If you purchase a custom design with the Brunch Pro theme, we will complete these steps for you. You can refer back to this tutorial if you delete a widget by mistake.

Additional Information

+ WordPress.org (self-hosted) vs. WordPress.com

+ Why We Recommend Siteground for Hosting

 

Edit Menu Links

Brunch Pro Menu Sample

Step 1. Go to the Dashboard and select Appearance. Select Menus.

Step 2. Select the Primary Navigation Menu. The name of you menu may be different but the location will be called Primary. If we installed your template for you, we usually call the top menu Primary.

You’ll see options for adding existing pages, posts, categories, and custom links. We often find that clients try to create pages or categories from this screen. You will need to go to the Dashboard links on the left column (black column) to add your pages, posts, or categories before you can add them to your menu.

How do I change the menu link order?

Drag the corresponding boxes up or down.

How do I change the menu link title?

Each box has an arrow. Click on it and change the Navigation Label field. You’ll want to keep your titles short so they’re easier to see on mobile devices.

How do I make drop-down links?

To create a drop-down link, drag the corresponding box to the right. You’ll see dashed lines appear as your drag the box. You’ll want to keep your menu link title short. To change the title, go to the arrow on the box and change the Navigation Label.

Dropdown Example Brunch ProYou can refer to the Brunch Pro demo as a guide for the layout sections on the homepage.

Edit Homepage Layout

The homepage on the Brunch Pro theme is made from multiple widgets. Each one uses a widget called Brunch Pro – Featured Posts. You can use more or less featured posts than what we’ve shown here. You can also change the number of columns that are displayed and the alignment of the featured image.

Step 1: Go to Appearance and then Widgets.

The homepage is divided into widget sections:

  • Homepage – Above
  • Homepage – Middle
  • Homepage – Bottom

Edit Homepage Above Section

The Homepage Above section has three featured posts and an email subscription form.

Brunch Pro Homepage Above

Brunch Pro – Featured Posts

  • Title: None
  • Grid Columns: One Third
  • Category: Your Choice
  • Number of Posts: 3
  • Show Image: Before Title
  • Vertical Thumbnail (680 x 900)
  • Image Alignment: Center
  • Show Post Title: Yes
  • Content Type: No Content

Genesis eNews Extended

You will need to add your Mailchimp, Feedburner, or other custom email list information.

Edit Homepage Middle Section

The Homepage Middle section includes one featured post with a content excerpt.

Brunch Pro Middle

Brunch Pro – Featured Posts

  • Title: None
  • Grid Columns: Full Width
  • Category: Your Choice
  • Number of Posts: 1
  • Show Image: Before Title
  • Vertical Thumbnail (1024 x 1024)
  • Image Alignment: Center
  • Show Post Title: Yes
  • Content Type: Show Excerpt
  • Limit Content to 350 characters (or whatever you want)

Edit Homepage Bottom Section

The Homepage Bottom section includes four featured posts in a column.

Brunch Pro Homepage Bottom

Brunch Pro – Featured Posts

  • Title: None
  • Grid Columns: Full Width
  • Category: Your Choice
  • Number of Posts: 4
  • Show Image: Before Title
  • Vertical Thumbnail (680×900)
  • Image Alignment: Left
  • Show Post Title: Yes
  • Content Type: Show Excerpt
  • Limit Content to 125 characters (or whatever you want)

Edit Footer Area

The Brunch Pro Theme has a row of three footer widgets and one row that’s full width that displays an Instagram feed. The footer content is flexible so you can change what’s shown based on your needs.

Brunch Pro Footer

To modify the footer widgets, go to Appearance and then Widgets. You’ll see widget spaces for Footer 1 through 4. Your widgets will not display unless you have something added to Footer 1. If you don’t need anything in the Footer 1 space, add a blank text widget.

Edit Footer 1

Uses the Genesis – User Profile widget.

Edit Footer 2

Uses the Brunch Pro – Featured Post widget with the following settings:

  • Title: None
  • Grid Columns: One Third
  • Category: Your Choice
  • Number of Posts: 3
  • Show Image: Before Title
  • Vertical Thumbnail (150×150)
  • Image Alignment: None
  • Show Post Title: No
  • Content Type: No Content

Edit Footer 3

The Brunch Pro demo shows an email subscription form in the Footer 3 area. This is also a good place to put an Amazon Affiliate Disclosure, disclaimer, and/or privary policy link.

Edit Footer 4

If you’d like to include a row of Instagram photos, create an account at Snapwidget and copy and paste your widget code in an HTML widget. You can change the thumbnail size and number of columns. It’s important that you select “yes” for responsive.

Snapwidget Settings

Edit Recipe Index Page

The Brunch Pro theme was created with food bloggers in mind, but this page layout is great for so many other types of bloggers. Think of it as a visual index for the main categories on your site.

Brunch Pro Recipe Page

Step 1: From your Dashboard, create a new Page.

Step 2: On the right column of your page, you’ll see settings for Page Attributes. This should be changed from Default Template to Recipe Index.

Step 3: Publish your page.

Step 4: You won’t add content using the page editor. Just like the Brunch Pro homepage, you’ll go to Appearance and then Widgets. You’ll see a widget area called Recipe Index Page Content.

Step 5: Add a Brunch Pro – Featured Posts widget for each category that you want to display on the index page. In the example above, two widgets were used that display four posts each. You can change the widget settings to a different number of posts but larger thumbnails work best if you want to include post titles.

Brunch Pro – Featured Posts

  • Title: None
  • Grid Columns: One Fourth
  • Category: Your Choice
  • Number of Posts: 4
  • Show Image: Before Title
  • Vertical Thumbnail (150×150)
  • Image Alignment: None
  • Show Post Title: Yes
  • Content Type: No Content