A Beginners Guide to GeneratePress

On this page I’ve listed many of the options available in GeneratePress. I hope this will help you get started with the premium version of GeneratePress.

Just read through the available options to see how GeneratePress enables you to customize your site.


Colors you can change…

  • Background colors
  • Text colors
  • Headline colors
  • Link colors
  • Post & page title colors

Copyright

This option let’s you place a copyright or any other short notice under the footer widgets at the very bottom of the site.

Pages Built From Sections…

You can build posts and pages from rows or sections. To discover how to do it checkout this tutorial.


Navigation Menus

  • Position your navbar above, below or inside the header-logo area.
  • Make the navbars span the full browser width or span just the content width.
  • Make mobile menus and add a logo just for mobile devices.
  • Add a search button in the navbar.
  • Make your navbar sticky.
  • Add a slide-out navbar.
  • Fine tune the dimensions of your navbars making them slim or deep.

Page Headers

With page headers you can…

  • Add hero header sections to any page or post.
  • You can also add these headers to the top of archive, category, tag and blog listing pages.
  • You can style these headers individually or use the global setting to style all posts or all pages in a similar way, it’s up to you.
  • Page headers with large hero header images are the height of fashion, and with GeneratePress they’re easy to add to your site.

Typography settings…

  • Font family, size, weight & line height

Typography settings are available for…

  • Body
  • Header
  • Navbars
  • Buttons
  • Headings
  • Widgets


The Blog settings

There are three main sections to the blog settings…

  • Content settings
  • Featured image settings
  • Column settings

Grid layouts and featured images
The blog settings enable you to display your posts in columns (magazine) or masonry style grids.

You can place the post title above or below the featured image and even set your own image size and aspect ratio for each type of featured image.

Post meta and post info
You can show or hide the post info and post meta information. Post info and meta are post date, author name and links to the post’s category or tag archive listing page.

Tabs for individual posts and pages or archive listings
There are tabs that let you toggle between the settings for individual posts and pages or the settings for archive listing pages. Archive pages include category and tag listing pages. These list all posts in a specific category, or all posts tagged with a specific tag.

If you publish a lot of blog posts on your site, the blog settings in GeneratePress will be indispensable.


Background images

You can change background colors for many elements via the color tab.

But the GeneratePress also adds a background image tab to the customizer. This enables you to quickly add background images to the header, navbars, content area, sidebar widgets and footer.

Spacing

There isn’t a dedicated tab for spacing. However, when you enable the spacing add on you’ll discover that text boxes and sliders have been added to several other settings.

For instance the sidebar settings get a new padding and width option and the navbars get a height option etc.

Disable elements

If you’re building a page from GeneratePress sections, or using a page builder such as Beaver Builder or Elementor, you may want to remove elements such as the post title or the featured image. Just tick a tick-box and that element is disabled on that post or page.

Disable elements is especially useful when you’re building landing pages.


Hooks

The hooks extension is a series of text boxes that each correspond to a hook or position in the GeneratePress layout, such as Before Content.

There are also wp_head and wp_footer hook-boxes.

You can simply paste your code into one of the hook boxes and it will execute or display in your chosen position.

Import/Export

You can save and then export the customizer settings. You can use these settings as a backup or to help you set up other sites more quickly.

And if you decide you don’t like the way you’ve customized your site via the customer settings, you can delete the settings and start again from scratch.

Secondary nav

You can position the secondary navbar in the sidebar if you wish. Secondary nav also has most of the main navigation options too.


WooCommerce

GeneratePress has a WooCommerce extension that allows you to make many minor styling and layout changes to your WooCommerce pages.

Where do you find the WooCommerce settings?

  • Customize > Layout > WooCommerce (most woo settings are in here)
  • Customize > Colors > WooCommerce (text, buttons & star ratings etc.)
  • Customize > Typography > WooCommerce (product & related product titles only)

Page Headers
After installing WooCommerce and activating the WooCommerce extension new options appear for page headers. You can add page headers to single product pages, product archives and product categories etc.

Some of the colors you can customize include…

  • The color of the sale sticker
  • WooCommerce button color
  • The color in several WooCommerce text elements
  • The color of the rating stars

Typography
You can customize the product title & related product title font size.

General settings
You find the main settings in Customize > Layout > WooCommerce.

  • You can choose the number of columns when displaying products and up-sell products.
  • You can choose how many products to display per page.
  • You can align your product images and text left, centre or right.
  • You can choose a sidebar or no sidebar layout for the shop and single product pages.
  • You can remove the sidebar, footer and sticky menu from the checkout page.
  • And there are 20 tick boxes to easily show or hide individual page elements etc.