Skip to main content
Green binary audience decorative image for WebBuild

Building the Blog & Giving Pages

Learn to create engaging Blog and Giving pages for your church website. Showcase stories and simplify giving with these step-by-step guides.

Module 2 - Lesson 6

Building the Blog & Giving Pages

Play

We’re almost done! Can you believe it? It’s hard to believe that we have built an entire website in just a few hours (or days… however long it’s taken you to go through these videos). In this video, we will dive into the Blog and Giving pages.


Blog

Brick 1: Blog

  • Name: Blog
  • 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: OUR STORIES

Brick 2: Blog Posts

First, Add Blog Posts:

  1. Import from Demo:
    • Download and unzip the file: demochurch.blogposts.zip
    • Navigate to Dashboard > Tools > Import > WordPress.
    • Run Importer, choose the .xml file, and import.
    • Assign posts to yourself as the author.
    • Enable Download and import file attachments.
  2. You’re all set to go!

Create the Brick:

  • Name: Blog2
  • 1st Content Type: PostGrid
  • Centered
  • Brick Size Settings:
    • Max-Width: 999999999999
    • Full Page
  • 1st Content:
    • Categories/Tags: Blog
    • Background Color: #FFFFFF
    • Grid Layout: 3 posts per row, 9 total, 20px inner margin
    • Featured Image: Crop Height 300
    • Overlay:
      • Keyframe 1: Opacity 0, Color #000000
      • Keyframe 2: Opacity 50, Color #000000
    • Titles: Font Lato, Bold, Size 22 / 26
    • Excerpts: Font Lato, Light, Read More: ...[Read More]

Giving Page

As I’m sure you are getting the hang of this… we repeat the same process to set up the Giving Page.

Brick 1: Giving

  • Name: Giving
  • 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: GIVING

Brick 2: Giving Message

  • Name: Giving Message
  • 1st Content Type: Text
  • Centered
  • Brick Size: 100 Above Content
  • 1st Content:
    • Text Area 1:
      • Text Size: 18
      • Text:
        Giving is a part of our worship to God. It has been said that you can tell nearly everything about a person by the way they spend their money. Whether you are tithing in obedience to Malachi 3:10 or contributing over and above your tithe as an act of generosity, your money will help us minister God's hope and healing to our community and beyond. We give in order to be blessed, not for fear of anything negative in our lives. We give out of gratitude and love! You can give your gift safely and securely online - this is one of the easiest ways to give to our church. Thank you.
    • Text Area 2:
      • Text Size: 18
      • Button: Give Now