Are you ready to start adding content to your shiny new WordPress + Divi website? Whether you’re a seasoned pro or a complete beginner, this article will guide you through the process of adding content to your website, step-by-step. WordPress combined with the Divi theme offers a powerful, user-friendly platform to create and manage your website content efficiently. Let’s dive in!
Logging Into Your WordPress Dashboard
First, let’s start by logging into your WordPress dashboard. To do this, open your web browser and go to your website’s login page, usually located at [yourwebsite.com]/wp-admin. Enter your username and password, and click “Log In”.
Once you’re logged in, you’ll see the WordPress dashboard, which is the central hub for managing your website. From here, you can add and manage your content, including pages, posts, media, and more.
Adding New Pages and Posts
To add a new page or post to your website, click on the “Pages” or “Posts” link in the left-hand menu, and then Add New Page or Add New Post. This will take you to the page or post editor, where you can create and publish your content.
The first thing you need to do is add your page title.
Once your page has a title, click on the Use Divi Builder button to open the visual builder.
From here, you’ll have three options:
- Build From Scratch
- Choose a Premade Layout or
- Build With AI (New feature released in 2024)
Click on Build From Scratch to create your own template.
Using Divi to Add and Format Content
The Divi theme, which powers your WordPress website, provides a powerful and user-friendly visual editor for adding and formatting your content. This allows you to create beautiful and engaging pages and posts without having to write any code.
How Sections, Rows, and Modules Work Together in Divi
Sections: The Foundation of Your Layout
What Are Sections?
Sections are the largest building blocks in Divi and serve as the foundational elements of your page layout. They are used to create different horizontal areas on your page and are essential for organizing your content into distinct parts. Sections help you structure your page by breaking it into manageable segments.
Types of Sections
- Standard Sections: These are the most commonly used sections and can contain any type of content.
- Specialty Sections: These sections allow for more complex layouts with different column structures.
- Fullwidth Sections: These sections span the full width of the browser and are typically used for fullwidth sliders, images, maps, etc.
Rows: Structuring Your Content
What Are Rows?
Rows sit inside sections and are used to divide sections horizontally. They are responsible for creating columns within sections, allowing you to place multiple elements side by side. Rows are crucial for organizing content in a grid-like structure and help ensure a balanced layout.
Customising Rows
Rows can be customised with different column structures. Divi offers various column layouts, ranging from a single column to up to six columns in a single row. You can mix and match these layouts within a section to create complex designs.
Example of Row Structures
- Single Column Row: Useful for full-width content like headers or large images.
- Two Column Row: Ideal for layouts where you want content side by side, like text and images.
- Three Column Row: Great for displaying features, services, or products in a more segmented way.
Modules: Adding Content to Your Layout
What Are Modules?
Modules are the smallest building blocks in Divi and are used to add content to your pages. They sit inside rows and columns, providing specific types of content such as text, images, buttons, sliders, forms, and more. Modules are the elements that bring your design to life by adding functionality and interactivity.
Types of Modules
Divi offers a wide range of modules to suit different content needs. Some of the most commonly used modules include:
- Text Module: For adding and formatting text content.
- Image Module: For displaying images.
- Button Module: For creating call-to-action buttons.
- Slider Module: For adding image or content sliders.
- Gallery Module: For showcasing image galleries.
- Form Module: For creating contact forms.
Customising Modules
Each module comes with its own set of customisation options, allowing you to adjust settings like colors, fonts, sizes, spacing, and more. You can also add custom CSS for more advanced styling.
How They Work Together
Building a Layout with Sections, Rows, and Modules
To create a page layout in Divi, you start by adding sections. Within each section, you add rows to define the structure of your content. Finally, you place modules within the columns of these rows to add your actual content.
Example Layout Workflow
- Add a Standard Section: This will serve as the foundation for your content area.
- Insert a Row with Two Columns: This divides the section into two equal parts.
- Place a Text Module in the Left Column: Add and format your text content.
- Place an Image Module in the Right Column: Insert and customise your image.
By combining sections, rows, and modules, you can create complex and visually appealing layouts without needing any coding skills. Each element plays a specific role, ensuring your content is organized, functional, and engaging.
Getting Started with the Divi Builder
Divi offers a range of modules you can use to enhance your content, such as text, images, videos, sliders, galleries, and more. Each module is customisable, allowing you to tailor your content to fit your brand’s look and feel.
Formatting Your Content with Divi
Divi’s visual editor makes formatting your content straightforward. You can easily adjust text styles, insert headers, create lists, and more. Divi also supports drag-and-drop functionality, making it easy to rearrange elements on your page.
Previewing and Publishing Your Content
Once you’ve added your content, you can preview it and make any necessary changes before publishing. To preview your page or post, click on the “Preview” button in the right-hand menu. This will open a new tab in your web browser and show you how your content will look on your website.
To publish your page or post, click on the “Publish” button in the right-hand menu. This will make your content live on your website, and it will be available for your visitors to see.
If you don’t see the Publish button straight away, click on the purple circle with the three dots in the bottom center of the page first.
Advantages of Using WordPress for Your Small Business Website
Flexibility and Customisation
WordPress offers unparalleled flexibility. Whether you’re a blogger, a small business owner, or running an e-commerce site, WordPress can cater to your needs. With thousands of themes and plugins available, you can customize your website to reflect your brand’s personality and functionality requirements.
Ease of Use When Adding Your Content
One of the standout features of WordPress is its ease of use. Even if you have no technical skills, you can set up and manage your website with minimal effort. The intuitive dashboard and user-friendly interface make it easy to add new pages, blog posts, images, and more.
Scalability
WordPress is highly scalable, making it an ideal choice for small businesses that aim to grow. You can start with a simple site and expand it as your business grows, adding more pages, blog posts, and functionalities without compromising performance.
Why Divi is Ideal for Your WordPress Site
User-Friendly Visual Editor
Divi provides a powerful visual editor that simplifies the content creation process. Its drag-and-drop functionality allows you to build and customise your pages with ease, making it perfect for users of all skill levels.
Pre-Built Layouts
Divi comes with a library of pre-built layouts that you can use to jumpstart your design. These layouts are fully customisable, allowing you to tweak them to match your brand’s aesthetics and requirements.
Advanced Design Capabilities
With Divi, you have access to advanced design capabilities that enable you to create stunning, professional-looking websites. From animations to custom CSS control, Divi provides all the tools you need to make your website stand out.
Responsive Design
Divi ensures that your website looks great on all devices. Its responsive design features automatically adjust your content to fit any screen size, providing a seamless user experience for your visitors.
Comprehensive Support and Community
Divi has a strong community and extensive documentation, offering tutorials, forums, and customer support to help you make the most of its features. Whether you’re troubleshooting an issue or looking for design inspiration, you’ll find plenty of resources to guide you.
Adding content to your WordPress + Divi website is a straightforward process that combines the best of both platforms. WordPress provides a robust and flexible foundation, while Divi enhances your content creation capabilities with its user-friendly visual editor. Together, they offer a powerful solution for creating and managing your small business website.
With WordPress and Divi, you can easily add and format content, create beautiful layouts, and ensure your website remains engaging and professional. Whether you’re just starting or looking to enhance your existing site, this combination provides everything you need to succeed.
Congratulations! You’ve now learned how to add content to your WordPress + Divi website. With a little practice, you’ll be a pro at creating and publishing beautiful pages and posts in no time. Happy content creation!
If you need a hand, we’re Divi experts and are always happy to help! Contact us here.
