Week 11: Website Design

by | Nov 17, 2025 | Website Design Class

Blog Basics

Understand how blog posts work in WordPress, how to create and organize them, and how to display them on your site if you choose to include a blog.

Scripture

 Psalm 96:3 (HCSB) – “Declare His glory among the nations, His wonderful works among all peoples.”
 → Tie-in: Blogs are a way to share stories, experiences, and knowledge with others — just as we are called to share the works of God and His truth with the world.

Website Structure Basics

Review week 10
  • Did you finish your Contact page?

  • Did you test your contact form and confirm it works?

Showcase 1–2 students’ Contact pages.

What is a Blog?

Difference Between Posts and Pages in WordPress

Pages

  • Best for static, timeless content that doesn’t change often.

  • Not listed by date.

  • Organized hierarchically (parent/child pages).

  • Examples:

    • Home

    • About

    • Contact

    • Services

  • Ideal for content you want users to always have easy access to.

Posts

  • Best for dynamic, regularly updated content.

  • Displayed in reverse chronological order (newest first).

  • Can be organized by categories and tags.

  • Automatically included in your blog feed.

  • Examples:

    • News updates

    • Weekly lessons

    • Tutorials

    • Articles

    • Devotionals

    • Photography tips

Common Uses for Blogs (Posts)

  • Sharing news or updates
    Keep your audience informed about events, announcements, or changes.

  • Teaching or tutorials
    Step-by-step guides, educational articles, class lessons.

  • Storytelling
    Testimonies, personal journeys, experiences, behind-the-scenes stories.

  • Showcasing projects or case studies
    Breakdown of finished work, before/after, designs, photography sessions.

Creating a Blog Post in WordPress
  • Live demo:

    1. Go to Posts → Add New.

    2. Add a title, body text, and images.

    3. Use headings (H2, H3) to break up content.

    4. Assign categories and tags for organization.

    5. Set a featured image.

    6. Save as draft or publish.

Discuss SEO best practices for blog titles and headings.

Displaying Blog Posts on the Site
  • Two common approaches:

    • Set a dedicated Blog page to show latest posts.

    • Add blog sections to Home page using Divi’s Blog module.

  • Demonstration:

    • Create a Blog page.

    • Add the Divi Blog module.

Adjust layout and style.

Homework
  1. Write at least one more blog post and publish it.

  2. Create a Blog page or section on your Home page to showcase posts.

Ensure each post has a featured image and is categorized properly.