Skip to main content
Green binary audience decorative image for WebBuild

Building The About Page

Learn to build your About page for your church's WordPress website, including team introductions, leadership info, and small group sections.

Module 2 - Lesson 4

Building The About Page

Play

Wow. Give yourself a pat on the back. We have done a ton so far, but there’s more. You’ll see that it gets easier and easier, and faster and faster as we move along. In this video, we’ll build the About page.

Brick #1: About Us

  • Name: About Us (Same for ALL Pages)
  • 1st Content Type: Text
  • Centered
  • Brick Background Settings:
    • Background Image: Upload
    • Fill
    • Opacity: 70
    • Background Color: #000
  • Brick Size: 320 Above Content
  • Parallax: ON, Speed 30
  • Shadow: ON #000
  • 1st Content:
    • Text Color: #FFF
    • Text Size: 100 / 100
    • Mobile: 65 / 65
    • Font: Lato - Bold
    • Text: ABOUT US

Brick #2: Small Groups

Step 1: Create Small Groups Posts

  • New Event:
    • Name: Youth
    • Text:
      Lorem ipsum dolor sit amet, lobortis porta sodales lacus felis orci, id ultrices nunc diam, ultrices molestie, ante faucibus ridiculus vitae amet eros, cras in aptent cras.
    • Add or Select Calendar: Small Groups
    • Time, Address, Featured Image
  • Repeat for:
    • Women’s Small Group
    • Men’s Bible Study

Step 2: Create Brick

  • Name: Small Groups
  • 1st Content Type: Text
  • 2nd Content Type: EventGrid
  • Centered
  • Brick Background Color: #eaeaea
  • Brick Size: 999999999999
  • Content-Type Margins: Full Width
  • 1st Content:
    • Text Size: 50 / 50
    • Font: Lato / Light
    • Text: Small Groups
  • 2nd Content:
    • Events: Small Groups
    • Grid Layout: 3 / 3 / Inner Margin Below Image: 20
    • Featured Image: Crop height 300
    • Overlay Color: #000000
    • Titles:
      • Below Image, Left
      • Font: Lato / Bold
      • Size: 22

Brick #3: This Great City

  • Name: This Great City
  • 1st Content Type: Text
  • 2nd Content Type: Video
  • Brick Background:
    • Upload Image
    • Fill
    • Opacity: 15
    • Background Color: #000000
  • Brick Size:
    • Space Above: 100
    • Content-Type Widths: 40
  • Parallax: ON, Speed 30
  • 1st Content:
    • Text Area 1:
      • Text Color: #FFFFFF
      • Text Size: 50
      • Font: Lato / Semi-Bold
      • Text: A HEART FOR THIS GREAT CITY
    • Text Area 2:
      • Text Color: #FFFFFF
      • Text:
        Libero ante, sociis blandit amet, non vestibulum orci sem a a, tristique volutpat, diam nostra. Tempor hendrerit id cum fringilla.
  • 2nd Content:
    • Video URL: https://www.youtube.com/watch?v=QBnISkavbu4

Brick #4: Meet Our Team

Step 1: Create Team Member Posts

  • New Post:
    • Title: Jenny Doe
    • Text: Anything That You’d Like
    • Excerpt: Creative Director (Enable in Screen Options)
    • Category: Team Member (Create)
    • Featured Image
  • Repeat for:
    • John Doe - Worship Leader
    • Jenny Smith - Small Groups Leader
    • Dan Smith - Pastor

Step 2: Create Brick

  • Name: Meet Our Team
  • 1st Content Type: Text
  • 2nd Content Type: PostGrid
  • Centered
  • Brick Size:
    • Space Above: 80
    • Space Below: 0
  • Content Margins:
    • 2nd Content-Type Space Above: 10
    • Full Width
  • 1st Content:
    • Text Area 1:
      • Font: Lato / Ultra-Bold
      • Text: MEET OUR TEAM
    • Text Area 2:
      • Text: This is the team that makes it happen every single day!
  • 2nd Content:
    • Post Categories: Team Member
    • Grid Layout:
      • 4 Per Row
      • 4 Total
      • No Spacing

Brick #5: Our Leadership

  • Name: Our Leadership
  • 1st Content Type: Text
  • Centered
  • Background Color: #2573A5
  • Space Above: 100
  • 1st Content:
    • Text Area 1:
      • Font: Lato / Light
      • Text Color: #FFFFFF
      • Text: OUR LEADERSHIP
    • Text Area 2:
      • Text Color: #FFFFFF
      • Text:
        Blandit cursus, arcu fringilla ut mauris vestibulum nunc velit, ullamcorper nullam eget aliquam ullamcorper consectetuer pede.
    • Text Area 3:
      • Button: [mp_button icon_position="left" text="Contact Us" link="/connect" open_type="_self"]