How To Make A Wordpress Website With Divi Builder

Install and activate the Divi theme in WordPress by uploading it, then create and publish your first portfolio home page with the Divi builder, while learning fundamentals for beginners.

Learn the fundamentals of box-based page design using a section, rows, columns, and modules, and how to add content like text and images.

Add content to boxes by selecting modules, inserting an image and text in separate boxes, and use the search bar to find more modules, while adjusting the number of boxes.

Modify any on-screen element in Divi by editing content and design settings for sections, rows, and image modules; upload images, set borders and rounded corners, add links, then save changes.

Master spacing in Divi Builder by understanding margin and padding, the space outside and inside the box, to refine your page design.

design your first wordpress page with divi builder from scratch, add a text module, turn it into a heading (h1–h6), and customize font, bold, color, alignment, and size.

Create two Divi buttons labeled contact me and about me, linking to their pages, then style with bold black text, 23px size, no icons, and a box shadow.

Configure WordPress backgrounds by choosing image, gradient, solid color, or video; upload and position images, and apply a background overlay with opacity to improve text visibility.

Learn to enhance WordPress Divi designs using dividers, choosing shapes, adjusting size and transparency, applying top and bottom dividers, and saving changes to improve layout and visuals.

Build a services section in Divi with a one-box row and a three-box row using blurb modules for three services, including web design and user experience. Customize headings and images.

Add a projects section in Divi with first row of one box and second row of two boxes, set a background image with a gradient overlay, and add dividers.

Add a four-image project section using the image module, duplicating and swapping images, and customize borders on individual corners. Adjust gutter spacing and overall padding, then add dividers and save.

Create a three-box experience section in Divi Builder using the No Counter module, customize fonts, borders, and shadows, and duplicate blocks for clients and years of experience.

Finish the homepage in Divi by setting a background image with a black overlay and divider, then add three styled buttons for about me, contact me, and back to top.

Create two WordPress pages with Divi builder for about me and contact me, publish them, link the buttons by pasting each page URL, and set a back-to-top anchor via a section ID.

Create an about me page in Divi Builder by structuring three sections, applying a background image with gradient and dividers, and customizing a heading and text module.

Build a simple about me page in divi builder with an image on the right, text on the left, a tabs module, and social icons with borders and shadows.

Discover how Divi premade layouts speed WordPress design by loading, editing, and saving reusable layouts to the library for fast replication across pages.

Build a contact page in Divi Builder by repurposing the About Me layout, create a row with three boxes for phone, email, and address, and add a customizable contact form.

Activate Divi animations on the home page, try fade and other effects, and copy animation styles to apply across modules, then save and refresh to see the result.

Discover how to build hover effects in Divi builder by using transform scale, enabling hover state, and applying it to multiple modules with accompanying filter options.

Learn to optimize a WordPress site with Divi Builder for mobile by using the phone view to adjust headings, images, and buttons, keeping desktop unchanged.

Adjust spacing, padding, and image borders in tablet view, center-align and square images, and save changes to optimize the home page and other pages for tablet in Divi Builder.

Learn to set up a primary navigation menu and assign a static home page in WordPress using the Divi Builder, including creating the menu, adding pages, and publishing the homepage.