This tutorial will guide you through the process of creating pages and posts, adding visual content, and structuring pages. At any time, your administrators are available via the support helpdesk to assist with questions and with scheduling Zoom tutorials.

 

How to Create a Page in WordPress 

1. Log in to WordPress

1. Open your web browser and go to yourwebsite.com/wp-admin
2. Enter your username and password
3. Click “Log In”
4. Do not use the Single Sign-on button to login. Your editor credentials for region and chapter sites is different

? Example Login Screen

---

2. Navigate to the Pages Section

Once inside the WordPress Dashboard:

1. On the left-hand menu, click “Pages”
2. Click “Add New” to create a new page

? Accessing Pages in WordPress

---

3. Add a Title and Content to Your Page

1. Enter a Title (e.g., “About Us” or “Contact”)
2. Click on the text area and start adding content
3. Use the block editor to insert images, headings, and paragraphs

? Example of Adding Content

Adding Images

1. Click the “+” button
2. Select “Image” block
3. Upload an image or choose from the Media Library

? Adding an Image Block

---

4. Customize Your Page (Optional)

• Add Headings: Use H2, H3, etc. for structured content
• Change Page Layout: Use columns, buttons, and embeds
• Insert Links: Highlight text and click ? (Insert Link)

? Example of Adding Headings and Layout Blocks

---

5. Set a Featured Image (Optional)

To add a featured image:

1. Click “Featured Image” on the right panel
2. Upload an image
3. Click “Set Featured Image”

? Example of Featured Image Settings

---

6. Publish Your Page

1. Click “Preview” to see how your page looks
2. Click “Publish” to make it live
3. Confirm by clicking “Publish” again

? Publishing a WordPress Page

---

7. Viewing Your Page

1. Go to “Pages” in the dashboard
2. Find your new page and click “View”

Your page is now live on your website! ?

Adding a post and managing categories

1. Log in to WordPress

To access your WordPress dashboard:

1. Open your browser and go to yourwebsite.com/wp-admin
2. Enter your Username and Password
3. Click “Log In”

? Example Login Screen

---

2. Navigate to the Posts Section

Once inside the WordPress Dashboard:

1. Click on “Posts” in the left-hand menu
2. Click “Add New” to create a new post

? Accessing Posts in WordPress

---

3. Add a Title and Content

1. Enter a Title for your post (e.g., “My First Blog Post”)
2. Click on the text area and start writing your content
3. Use the block editor to format text, add images, and customize layout

? Example of Adding Content

---

4. Adding Images to Your Post

Method 1: Uploading an Image

1. Click the “+” button
2. Select “Image” block
3. Click “Upload” to add an image from your computer

Method 2: Choosing from Media Library

1. Click “Media Library”
2. Select an image you’ve already uploaded
3. Click “Insert into post”

? Adding an Image Block

---

5. Managing Categories and Tags

To organize your post, you can assign it to a category and add tags.

Adding a Category

1. Locate the “Categories” box on the right
2. Click “Add New Category”
3. Type the category name (e.g., “Tech News”)
4. Click “Add New Category”

? Example of Adding a Category

Adding Tags

1. Locate the “Tags” box on the right
2. Type a keyword related to the post (e.g., “gadgets, updates”)
3. Press Enter after each tag

? Example of Adding Tags

---

6. Setting a Featured Image (Optional)

A featured image appears as the main thumbnail for your post.

1. Locate the “Featured Image” box on the right
2. Click “Set Featured Image”
3. Upload an image or choose one from the Media Library
4. Click “Set Featured Image”

? Setting a Featured Image

---

7. Preview and Publish Your Post

Preview Your Post

• Click “Preview” to see how it looks before publishing

Publish Your Post

• Click “Publish” to make it live
• Confirm by clicking “Publish” again

? Publishing a WordPress Post

---

8. Viewing and Editing Your Post

1. Go to “Posts” > “All Posts”
2. Find your published post
3. Click “View” to see it live
4. Click “Edit” to make changes

Divi Theme Builder: A Complete Beginner’s Guide

Introduction to Divi Theme Builder

The Divi Theme Builder is a powerful tool within the Divi theme by Elegant Themes. It allows you to customize the entire website layout, including headers, footers, blog pages, and templates for specific posts and pages—without writing any code.

This guide will walk you through the basics of the Divi Theme Builder, from accessing it to creating custom templates for your website.

---

1. Accessing the Divi Theme Builder

To access the Divi Theme Builder, follow these steps:

1. Login to your WordPress dashboard.
2. Navigate to Divi > Theme Builder from the left-hand menu.

? Screenshot of accessing the Divi Theme Builder

You will now see a blank canvas where you can start designing your custom templates.

---

2. Understanding the Divi Theme Builder Interface

When you open the Divi Theme Builder, you will see:

• Global Header – A custom header that applies to all pages.
• Global Body – The main content area of the website.
• Global Footer – A custom footer applied to all pages.

? Screenshot of the Divi Theme Builder interface

You can create templates for specific pages, blog posts, category pages, and more.

---

3. Creating a Custom Header with Divi Theme Builder

Step 1: Add a New Header

1. Click “Add Global Header” > “Build Global Header”
2. Choose “Build from Scratch”

Step 2: Designing Your Header

The Divi Builder will open. Now, follow these steps:

1. Click “+” to add a section (blue area).
2. Add a row (green area).
3. Insert a module (gray area) like a menu module to add navigation.

? Screenshot of adding a custom header

Step 3: Save and Exit

Once you’ve customized the header, click Save and then X to close the builder.

---

4. Creating a Custom Footer

Step 1: Add a New Footer

1. Click “Add Global Footer” > “Build Global Footer”
2. Choose “Build from Scratch”

Step 2: Add Footer Elements

You can add:
✅ Text Modules (e.g., copyright notice)
✅ Social Media Follow Module
✅ Menu Module (for footer navigation)

? Screenshot of designing a custom footer

Step 3: Save & Exit

Click Save to apply the footer to your entire website.

---

5. Creating a Custom Blog Post Template

If you want a custom layout for all blog posts, follow these steps:

Step 1: Add a New Template

1. Click “Add New Template”
2. Choose “All Posts”

Step 2: Design the Blog Layout

1. Click “Add Custom Body” > “Build Custom Body”
2. Add a Post Title Module
3. Add a Post Content Module
4. Customize the layout with images, text, and sidebar

? Screenshot of custom blog post layout

Step 3: Save & Exit

Click Save, and your custom blog template will now apply to all posts.

---

6. Assigning Templates to Specific Pages

If you want a different design for specific pages, follow these steps:

1. Click “Add New Template”
2. Choose “Specific Pages” (e.g., About Page, Contact Page)
3. Click “Add Custom Body” and design a unique layout.
4. Save and apply changes.

---

7. Exporting & Importing Theme Builder Layouts

If you want to reuse your designs on another website, you can export them.

Export Templates

1. Click the Portability Icon (↕️ in the upper right).
2. Click Export and save the file.

Import Templates

1. Click the Portability Icon again.
2. Select Import and upload the JSON file.

? Screenshot of exporting/importing layouts

---

8. Finalizing and Applying Changes

✅ Click Save Changes at the top of the Theme Builder.
✅ Visit your website to see the new design in action.

---

Conclusion

The Divi Theme Builder allows you to customize headers, footers, blog pages, and more without coding. By following this tutorial, you can create stunning, professional layouts tailored to your needs.

Would you like more advanced tutorials, like custom category pages or dynamic content integration? Let me know! ?