Article Template Documentation – GeneratePress Site Library

Article is a bold template for writers and small businesses, created by Free GeneratePress Theme & GP Premium Plugin

article

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-article-3-min

Appearance > Customize > Site Identity

beaverhero.com-generatepress-site-identity

Border: Appearance > Customize > Additional CSS > Lines 01 – 05. Hover: Lines 08

beaverhero.com-generatepress-article-5-min

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

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

Typography: Appearance > Customize > Typography > Header > Site Title

beaverhero.com-generatepress-typography-site-title

3. Menu

Edit Menu Items

beaverhero.com-generatepress-article-8-min

Menu Color

Appearance > Customize > Colors > Primary Navigation (Desktop, Tablet)  & Slideout Navigation (Mobile)

beaverhero.com-generatepress-article-9-min

Menu Typography

Appearance > Customize > Typography > Primary Navigation (Desktop, Tablet) & Slideout Navigation (Mobile)

beaverhero.com-generatepress-article-10-min

4. Page Hero

beaverhero.com-generatepress-article-11-min

Edit Text

Appearance > Elements > Home > Edit

beaverhero.com-generatepress-article-12-min

beaverhero.com-generatepress-article-13-min

Background & Text Color

Scroll down > Text Color & Background Color

beaverhero.com-generatepress-article-14-min

Text Typography

Appearance > Customize > Typography > Headings > Heading 1 (H1) & Heading 3 (H3)

beaverhero.com-generatepress-typography-headings-h1

beaverhero.com-generatepress-typography-headings-h3

5. Content on Homepage

beaverhero.com-generatepress-article-17-min

Edit Content & Image

Pages > Home > Edit

beaverhero.com-generatepress-article-18-min

beaverhero.com-generatepress-article-19-min

Text Background Color

Appearance > Customize > Colors > Body > Background Color & Text Color

beaverhero.com-generatepress-article-20-min

6. Footer

Footer Widgets

Appearance > Widgets. You can also disable Widgets at Appearance > Customize > Layout > Footer > Footer Widgets > 0

beaverhero.com-generatepress-disable-widgets

Copyright

Appearance > GeneratePress > Copyright > Activate

beaverhero.com-generatepress-marketer-27-min

Then, Appearance > Customize > Layout > Footer > Copyright

beaverhero.com-generatepress-copyright

Footer Color

Appearance > Customize > Colors > Footer Widgets & Footer (Footer includes Copyright Text and Back to Top button)

beaverhero.com-generatepress-colors-footer-widgets-footer

7. Page Layout

Page include: Page Title, Page Content, Background

Appearance > Elements > Global > Edit

beaverhero.com-generatepress-article-23-min

beaverhero.com-generatepress-article-24-min

beaverhero.com-generatepress-article-25-min

You can insert Template Tags

beaverhero.com-generatepress-article-26-min

For example

beaverhero.com-generatepress-article-27-min

and result

beaverhero.com-generatepress-article-28-min

8. Blog Page

beaverhero.com-generatepress-article-29-min

Post Column

Appearance > Customize > Layout > Blog > Scroll down > Columns

gp-post-column

Post Color

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

Post Info (Date, Author, Category, Leave a comment): Appearance > Customize > Colors > Content > Entry Meta Links & Entry Meta Links Hover

gp-colors-blog-title

Post Excerpt: Appearance > Customize > Colors > Body > Text Color

gp-colors-body

Read More Button: Appearance > Customize > Colors > Buttons

gp-colors-button

Post Typography

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

gp-typography-heading-2-min

Post Info (Date, Author, Category, Leave a comment) & Post Excerpt: Appearance > Customize > Typography > Body

gp-typography-body-min

Read More Button: Appearance > Customize > Typography > Buttons

gp-typography-buttons-min

Limit Excerpt Word

Appearance > Customize > Layout > Blog > Excerpt word count

gp-blog-excerpt-word-count-min

9. Contact Page

Contact Page has a HappyForms contact form, but HappyForms has issues on my site. So I will delete it, and install Caldera Forms 🙂

See more: How to create Contact Form with Caldera Forms Free

10. Single Post

Post Title & Info

beaverhero.com-gp-article-30-min

Appearance > Elements > Posts > Edit

beaverhero.com-gp-article-31-min

To edit text & background color > Scroll down

beaverhero.com-gp-article-32-min

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

beaverhero.com-generatepress-typography-headings-h1

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

gp-typography-body-min

Post Content

Color: Appearance > Customize > Colors > Body

gp-colors-body

Typography: Appearance > Customize > Typography > Body

gp-typography-body-min

Comment

Color: Appearance > Customize > Colors > Forms

gp-colors-forms-min

Comment Submit

Colors: Appearance > Customize > Colors > Buttons

gp-colors-button

 

11. Right Sidebar

Appearance > Widgets > Right Sidebar 🙂

12. Performance Optimize

First, choose a Good Hosting

I recommend using Cloud Hosting at Cloudways (Server: Vultr) or Kinsta

Check at Gtmetrix.com and Google PageSpeed Insights

beaverhero.com-gp-article-33-min

No need to optimize 🙂

Featured Image: GeneratePress.com

Share this post:

Leave a Reply

avatar
  Subscribe  
Notify of