(GeneratePress) Peak Template Documentation

Peak is a lightweight template with a minimalist corporate feel, using GeneratePress Theme and GP Premium.

peak

1. Install GeneratePress Theme & GP Premium

First, you need to install GeneratePress Theme and GP Premium (Plugin).

2. Import Peak Template

Appearance > GeneratePress > Site Library

generatepress-tasty-1-min

Scroll down > Hover on Peak Screenshot > Click Details

beaverhero.com-gp-peak-install1-min

Get Started

get-started-gp-site-library1-min

Backup Options

backup-options-gp-site-library1

Import Options

import-options-gp

Check on I understand that this step…. then click Import Content

If your site already has data, and don’t want to delete theme. Click Skip

beaverhero.com-gp-peak-install2-min

Appearance > Customize > Site Identity

beaverhero.com-gp-peak-logo1-min

4. Header Menu

Edit Menu

Appearance > Menus

beaverhero.com-gp-peak-header-menu1-min

Edit Menu Colors & Background

Appearance > Customize > Colors > Primary Navigation

gp-colors-primary-navigation

Edit Typography

Apperance > Customize > Typography > Primary Navigation

menu-typography1-min

Header Background

Appearance > Customize > Colors > Background

gp-header-background-min

Phone Border

beaverhero.com-gp-peak-phone-border1-min

Appearance > Customize > Additional CSS > Lines 43 – 47

beaverhero.com-gp-peak-phone-border2-min

Phone Color

Apperance > Customize > Colors > Buttons

gp-colors-button

5. Page Hero (Homepage)

Edit Page Hero

Appearance > Elements > Home Page Hero > Edit

beaverhero.com-gp-peak-homepage-hero1-min

beaverhero.com-gp-peak-homepage-hero2-min

Call to Action Button

Border: Appearance > Customize > Additional CSS > Lines 1 – 9

beaverhero.com-gp-peak-homepage-hero3-min

Color: Appearance > Customize > Colors > Buttons

gp-colors-button

Typography: Appearance > Customize > Typography > Buttons

gp-typography-buttons-min

6. Blog – About – Contact Section

beaverhero.com-gp-peak-about-section1-min

beaverhero.com-gp-peak-about-section2-min

beaverhero.com-gp-peak-about-section3-min

Edit Color

beaverhero.com-gp-peak-about-section4-min

Typography: Appearance > Customize > Typography > Headings > Heading 3 (H3)

beaverhero.com-generatepress-typography-headings-h3

and Appearance > Customize > Typography > Body

gp-typography-body-min

and Appearance > Customize > Typography > Buttons

gp-typography-buttons-min

7. Footer Widget

Appearance > Widgets

appearance-widgets-min

Footer Widget 1 & Footer Widget 2

beaverhero.com-gp-peak-footer-widgets-min

Footer Widgets Color & Typography

Appearance > Customize > Colors > Footer Widgets

gp-colors-footer-widgets-min

Appearance > Customize > Typography > Widgets

gp-typography-widgets-title-min

Appearance > Customize > Typography > Body

gp-typography-body-min

8. Footer Bar

Footer Bar includes Logo, Social Icon Menu, Copyright Text

beaverhero.com-gp-peak-footer-bar1-min

Appearance > Widgets > Footer Bar – Image

beaverhero.com-gp-peak-footer-bar2-min

Social Menu

Appearance > Menus

beaverhero.com-gp-peak-footer-bar3-min

Appearance > Widgets > Footer Bar – Navigation Menu

beaverhero.com-gp-peak-footer-bar4-min

Copyright

Appearance > Customize > Layout > Footer > Copyright

beaverhero.com-generatepress-copyright

Footer Color & Typography

Appearance > Customize > Colors > Footer

gp-colors-footer-min

Appearance > Customize > Typography > Footer

gp-typography-footer-min

9. Page Header

beaverhero.com-gp-peak-pageheader1-min

Appearance > Elements > Global Header > Edit

beaverhero.com-gp-peak-pageheader2-min

You can use Template Tags

beaverhero.com-gp-peak-pageheader3-min

gp-template-tags-min

Edit Color & Background

beaverhero.com-gp-peak-pageheader4-min

Display Rules

beaverhero.com-gp-peak-pageheader5-min

10. Blog Page

Blog Page Header

Similar 9

Limit Posts

settings-reading-limit-posts

Limit Post Excerpt & Change Read More Text

Appearance > Customize > Layout > Blog > Excerpt word count

gp-blog-excerpt-word-count-min

Post Color

Title: Appearance > Customize > Colors > Content > Blog Post Title & Blog Post Title Hover

Info (Date, Author): Entry Meta Links & Entry Meta Links Hover

gp-colors-blog-title

Excerpt: Appearance > Customize > Colors > Content > Text

gp-colors-content-min

Read More Button: Appearance > Customize > Colors > Buttons

gp-colors-button

Post Typography

Title: Appearance > Customize > Typography > Headings > Heading 2 (H2)

gp-typography-heading-2-min

Info (Date, Author) & Excerpt: Appearance > Customize > Typography > Body

gp-typography-body-min

Read More Button: Appearance > Customize > Typography > Buttons

gp-typography-buttons-min

11. Single Post

Post Header

Appearance > Elements > Single Posts > Edit

beaverhero.com-gp-peak-single-post1-min

beaverhero.com-gp-peak-single-post2-min

You can use template tags

gp-template-tags-min

Edit color & background

beaverhero.com-gp-peak-single-post3-min

Typography: Appearance > Customize > Typography > Heading 1 (H1)

beaverhero.com-generatepress-typography-headings-h1

and: Appearance > Customize > Typography > Body.

Apply for Post Info, Content, Comment.

gp-typography-body-min

12. Right Sidebar

Appearance > Widgets > Right Sidebar

gp-peak-right-sidebar1-min

With Newsletter

MailChimp for WP > Enter your API Key > Save Changes

To get API Key, log in to Mailchimp > Profile > Extras > API Keys > Create A Key

generatepress-tasty-23-min

Connect Successful!

generatepress-tasty-24-min

MailChimp for WP > Form

beaverhero.com-generatepress-sider-15-min

Apperance > Widgets > Header – MailChimp Sign-Up Form: Newsletter

beaverhero.com-generatepress-sider-16-min

Newsletter Colors: Appearance > Customize > Colors > Forms

 

gp-colors-forms-min

Subscribe Button Color: Appearance > Customize > Colors > Buttons

gp-colors-button

Subscribe Typography: Appearance > Customize > Typography > Buttons

gp-typography-buttons-min

Share this post:

Leave a Comment