(GeneratePress) Split Template Documentation

Split is a simple multipurpose template with a split navigation, using GeneratePress Theme and GP Premium.

split

1. Install GeneratePress Theme & GP Premium

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

2. Import Split Template

First, go to Appearance > GeneratePress > Site Library

appearance-generatepress-site-library1-min

Click on No Page Builder > Find Split

split-site-generatepress1-min

Hover on Split > Details

split-site-generatepress2-min

Click on Get Started

split-site-generatepress3-min

Click on Backup Options

It will be used to restore the website when the web has problems

split-site-generatepress4-min

Click on Import Options

split-site-generatepress5-min

Mark on box and Press Import Content

  • You should skip this step if you already have content and do not want the demo content imported.

split-site-generatepress6-min

 

Done!

split-site-generatepress7-min

3. Edit Header

First, Logo. Go to Appearance > Customize > Site Identity > Change Logo

logo-split-generatepress2-min

You can also change Site Title and Tagline here ­čÖé

Next, Left Menu & Right Menu. Go to Appearance > Menu

primary-split1-min

To change Menu Color, go to Appearance > Customize > Colors > Primary Navigation and change here.

menu-color-1-min

To change Menu Typography. Go to Appearance > Customize > Typography > Primary Navigation.

GeneratePress support Google Fonts ­čÖé

menu-typography1-min

4. Edit Footer

Read these guide.

5. Let’s Work Together Section

let-work-together1-min

Go to Appearance > Elements > Hover on Home Hero > Edit

home-hero-split1-min

For instance

home-hero-split2-min

and result

home-hero-split3-min

If you want to click on the button, it will open in a new tab, add the following line as shown in the image below

home-hero-split4-min

If you want to change button style, just go to Appearance > Customize > Additional CSS > Line 32-53

Explain:

color = text color, background = background color

hover = element when hover

border: 1px solid transparent = border-width =1px, border-style = solid, border-color = transparent

additional-32-53-min

The color will follow the default color of GeneratePress, which is adjusted at Appearance > Customize > Colors > Button

button-color-1-min

6. Content Section on Homepage

Go to Appearance > Customize > Layout > Blog

blog-split1-min

blog-split2-min

7. About Page

Go to Page > All Pages > Hover on About > Edit

pages-split1-min

8. Press & Services Page

Do similar About Page!

9. Contact Page

Contact Page has a contact form. You need to edit at HappyForms > Hover on Sample Contact Forms > Setup

contact-form-split1-min

If you use WP 5.0.3 you may encounter this error !!! Frustrating.

contact-form-split2-min

I’ll remove HappyForms and Install Caldera Forms (I’m a big fan of Caldera Forms!!!)

deactive-happyforms1-min

deactive-happyforms2-min

Then

caldera-forms-install1-min

caldera-forms-install2-min

Then read this guide to know how to create a contact form with Caldera Forms

Done!

Share this post:

Leave a Comment