Sider Template Documentation – GeneratePress Site Library

Sider is a multipurpose template with a fixed header on the left side of the page, built form GeneratePress Theme and GP Premium Plugin.

In this post, we will learn how to install and configure Sider Template!

sider

1. Import Template

First, you need to activate Site Library Module in GP Premium.

Next, import Prime Template, See how to import GeneratePress Template in GeneratePress Site Library.

2. Site Title

beaverhero.com-generatepress-sider-3-min

Appearance > Customize > Site Identity

beaverhero.com-generatepress-site-identity

Site Title Color: Appearance > Customize > Colors > Header > Site Title Color

beaverhero.com-generatepress-colors-header-site-title

Site Title Typography: Appearance > Customize > Typography > Header

beaverhero.com-generatepress-typography-site-title

3. Menu

Menu includes Primary Menu (Home, Typography, Contact Me) and Social Menu

Edit Primary Menu

Appearance > Menus

beaverhero.com-generatepress-sider-7-min

Remove Menu Items

beaverhero.com-generatepress-sider-8-min

Primary Menu Color & Typography

Appearance > Customize > Colors > Primary Navigation

gp-colors-primary-navigation

Appearance > Customize > Typography > Primary Navigation

menu-typography1-min

Social Menu

Appearance > Menus

beaverhero.com-generatepress-sider-11-min

Appearance > Widgets

beaverhero.com-generatepress-sider-12-min

Social Icon Color: Appearance > Customize > Colors > Header

Newsletter

beaverhero.com-generatepress-sider-14-min

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

4. Posts on Homepage

Posts Title

Post Title Color: Appearance > Customize > Colors > Content

gp-colors-blog-title

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

gp-typography-heading-2-min

Posts Excerpt

Excerpt word count: Appearance > Customize > Layout > Blog

gp-blog-excerpt-word-count-min

Excerpt Color: Appearance > Customize > Typography > Content > Text

beaverhero.com-generatepress-sider-24-min

Excerpt Typography: Appearance > Customize > Typography > Body

gp-typography-body-min

Read More Button

Color: Appearance > Customize > Colors > Buttons

gp-colors-button

Typography: Appearance > Customize > Typography > Buttons

gp-typography-buttons-min

Limit Posts

First, disable Infinitive Scroll: Appearance > Customize > Layout > Blog

gp-ifinitive-scroll

Then, Settings > Reading

settings-reading-limit-posts

5. Footer

Appearance > Customize > Layout > Footer > Copyright

gp-copyright

6. Single Post

Color

Post Title, Post Info (Date, Author, Category, Tag, Post Navigation): Appearance > Customize > Colors > Content > Heading 1 (H1) Color & Entry Meta Links & Entry Meta Links Hover

gp-colors-h1

Post Content: Appearance > Customize > Colors > Content > Text

gp-colors-content-min

Comment: Appearance > Customize > Colors > Forms

gp-colors-forms-min

Typography

Post Title:  Appearance > Customize > Typography > Headings > Heading 1 (H1)

beaverhero.com-generatepress-typography-headings-h1

Post Content, Post Info (Date, Author, Category, Tag, Post Navigation): Appearance > Customize > Typography > Body

gp-typography-body-min

7. Contact Me Page

Contact Me Page has a contact form. To edit the form, go to Contact Forms > Contact Form 1

beaverhero.com-generatepress-sider-34-min

beaverhero.com-generatepress-sider-35-min

beaverhero.com-generatepress-sider-36-min

8. Performance Optimize

First, you should choose Good Hosting

Good Hosting will give faster loading speeds. I recommend using hosting at Cloudways (Vultr Server) or Kinsta. BeaverHero is also hosted here.

beaverhero.com-generatepress-sider-38-min

Second, install Swift Performance Lite Plugin (Free)

beaverhero.com-generatepress-sider-39-min

Activate, then Autoconfig

beaverhero.com-generatepress-sider-40-min

Start

beaverhero.com-generatepress-sider-41-min

and Result!

gp-sider-gtmetrix2-min

Done! If you have questions, just comment below 🙂

Share this post:

Leave a Reply

avatar
  Subscribe  
Notify of