How to Make a New Page with WordPress in 2024 (Simple Guide)

Posted on August 2, 2024 by Leave a Comment

Editorial Note: We may earn a commission when you visit links on our website.
How to Make a New Page with WordPress in 2024 (Simple Guide)
Blog / WordPress / How to Make a New Page with WordPress in 2024 (Simple Guide)
Play Button

WordPress allows you to add a new page in multiple ways. We’ll cover a few different methods, two of which will save you a lot of time. We’ll also show you how to make new pages with the Block Editor and Divi. Both visual builders make building new pages easier than classic WordPress.

TL;DR

Making a new page in WordPress is easy and is one of the first things you should learn to do. In this post. will show you how to do it, including some of the best ways to quickly get a new page designed and ready for publishing.

How to Add a New Page in WordPress

Adding a new page in WordPress only takes a few clicks. You can create a new page and give it a title and URL slug in no time. What takes longer is manually building out the page. Later in the article, we’ll show you a few ways to get a head start with your page design.

First, hover over “pages” from your WordPress dashboard in the sidebar and select “Add New Page.” You can also do this after clicking “Pages” and the “Add New Page” button near the top.

Make a New WordPress Page - Steps 1

The WordPress Block Editor will open with a blank page. Once you understand the basics, using the Block Editor is easy. Before you start adding content blocks to build your page content, take some time to set up your page settings. Look at several things, including adding a title, changing the URL slug, selecting an author, and setting your preferences for the featured image, comments section, page excerpt, and other attributes.

WP Block Editor Page Overview of UI Elements and Features

Here are some resources to help set up your WordPress page settings.

When you are done editing your page’s meta fields and settings, save it as a draft.

Now, you’re ready to start designing your page.

If you use Divi, you’ll be asked if you want to build the page using Divi’s visual builder or the default editor (only the block editor will show if you aren’t using Divi).

Name your page, and switch to the Block Editor

Select “Use Divi Builder” if you are building with the Divi Theme

How to Build a Page Using Premade Design Elements

Using premade design elements and page layouts helps WordPress users get their pages up and running quickly. You can build your pages using professional pre-designed templates, layouts, or content sections to jumpstart the design process while retaining the ability to customize things as you go along.

Building a WordPress Page Using a Premade Pattern

If you’re using the Block Editor, you have access to collections of premade content blocks (basically sections of page content) called Patterns. You can find pre-built patterns for your website in several places. The first is already on your WordPress website—Core Block Patterns are loaded with every installation of WordPress. Another is found on pattern directories like WordPress.com and WordPress.org. Lastly, some plugins will load more pattern options for you to use.

Step-by-Step Guide

We’ll start by finding a pattern we like. You can look through the Core Block Patterns already on your website or look for more unique (and less used) patterns elsewhere. I you are using a Block Theme, you may have access to more patterns loaded in with your theme.

Step 1: Find Pattern

To find default patterns or patterns built for your block theme, navigate to your page, click the Block Inserter, switch tabs from Blocks to Patterns, find the category of patterns you want to insert, and look through the available patterns. When you find one, click it to add it to the page.

How to load Default Block Pattern - Steps 1-4

If the default patterns aren’t enough, you can search through some repositories of publicly shared patterns. We’ll look at WordPress.com for something to use. Search for a pattern via pattern categories or by searching a keyword. When you find one you like, click it and find the Copy Pattern button.

Create Page Template with Patterns - Steps 1-2

Step 2: Add Pattern to Template or Page

Find the page or template where you’d like to use the pattern. In this example, we want to delete a Posts section from our template and replace it with a pattern we like more.

Create Page Template with Patterns - Steps 3-4

Next, we need to paste the premade pattern into our copied pattern. Click into the editor where you want the pattern inserted, and press Ctrl + V to paste the pattern.

Create Page Template with Patterns - Steps 5

You should see the pattern immediately applied to the page and can now edit it with all the normal block settings found in the pattern.

Create Page Template with Patterns - Steps 6

Finding patterns that you like is a little harder than you’d expect. We’ll look at Divi, which offers hundreds of free template packs and a more consistent experience finding layouts. Plus, tons of third-party layout packs are available in the marketplace if you’re itching for more options.

Auto-Generating Pages, Templates, or an Entire Website with Divi

Before we show you how to load individual page templates onto a Page using Divi, we wanted to show you how Divi Quick Sites can build all your site’s pages and theme builder templates in 2 minutes. This is the fastest way to create an entire website because it builds several pages simultaneously. And if you are using Divi AI, it’ll even write page content for you, so you have a solid first draft of text to go along with a completely customized design for each page.

It’s really simple—Quick Sites uses starter sites or AI to create a whole website for you.

Step-by-Step Guide

Here’s how to select a starter site and get everything you need in the blink of an eye.

Step 1: Open Divi Quick Sites

In the admin dashboard, hover over Divi and click “Dashboards.” Click “Generate A New Site” under Divi Quick Sites.

Create Whole Site of Pages Instantly with Quick Sites - Steps 1-2

You’ll have two options: 1) Use Premade Starter Site or 2) Generate Your Site with AI. Starter sites are completely pre-designed websites. This includes predesigned Pages and Theme Builder templates. You can exclude certain pages you know you won’t need or have it create placeholders for additional pages you have in mind. Theme Builder templates cover your blog archive page, header, footer, and 404 pages.

Create Whole Site of Pages Instantly with Quick Sites - Steps 3

Step 2: Choose a Starter Site

There are several starter sites to choose from. You can preview any one of them, and when you’ve found what you need, click “Start” on the set you like.

Create Whole Site of Pages Instantly with Quick Sites - Steps 4-5

Step 3: Add in Site Information

You’ll be asked for a few pieces of information that Divi will use throughout your site. Give it your Site Name, Site Slogan, and Logo. Also, state which pages you’d like to use on your site and include others that don’t have full builds (saves you from creating them later). If you select that you want a shop page, Divi will load WooCommerce for you. Since it is a dependency, you would have needed to install it yourself manully otherwise—this saves you the step.

Create Whole Site of Pages Instantly with Quick Sites - Steps 6-11

It’ll take just a little bit. But in the end, you will have many new pages created for you with premade designs—a perfect starting point.

Create Whole Site of Pages Instantly with Quick Sites - Steps 12

Once done, you’ll see a report of what was done for you. In this example, Divi Quick Sites created seven (7) pages and five (5) theme templates. What could have taken me a few hours, Divi Quick Site took only minutes.

Create Whole Site of Pages Instantly with Quick Sites - Steps 13-15

The existing method of using Divi layouts from our free layout packs on individual pages is still an option. We’ll cover that next.

Building WordPress Pages with Divi’s Premade Layouts

Besides Divi’s Starter Sites and its AI website builder, Divi also offers a vast library of pre-built templates, called layouts, covering numerous industries. These layouts provide a quick starting point for professional-looking pages without designing from a blank screen. Here’s how to use Divi’s premade layouts for your new page.

Step-by-Step Guide

To build a new Page in WordPress with a premade Divi Layout, you need only a WordPress site with the Divi Theme installed.

Step 1: Accessing Divi Library

In your WordPress dashboard, navigate to Pages > Add New Page.

Build New Page with Template Divi - Steps 1-2

Here, you can create a new page, open it in the Divi Builder, and then elect to build the page from a layout.

Build New Page with Template Divi - Steps 3-4

Step 2: Applying a Template

In the Divi Builder, click Choose a Premade Layout.

Build New Page with Template Divi - Steps 5

Browse the layout library or search for a specific layout pack. Choose a page from that pack and Use This Layout.

Build New Page with Template Divi - Steps 6-8

If you’re using other designs from this layout pack on other pages, you can choose to Import Presets to keep a consistent design. You can also edit these global presets to suit your needs (which is a good way to customize a template to your needs and branding).

Build New Page with Template Divi - Steps 9

Step 4: Customizing the Template

  • Click on any module to edit its content (text, images, etc.)
  • Use the settings panel for each module to customize styles, colors, and fonts
  • Add, remove, or rearrange sections and modules as needed
  • Utilize Divi’s responsive controls to ensure the page looks good on all devices

Build New Page with Template Divi - Steps 10

Building Page Layouts with Divi AI

Of course, using Divi AI’s website builder is an easier way to create pages that perfectly match your brand. Not only can Divi AI generate an entire website with AI, it can also generate page layouts or even sections on the fly. Each page includes stunning design, usable text content, on-brand images (from AI or Unsplash), and other design elements. Plus, you can still make customizations to your AI generated content using Divi AI and countless design options in the Divi Builder. With this kind of customization, you never have to worry if someone else uses the same layout.

Get Divi AI

Try Divi Quick Sites to Create Pages in an Instant

New to WordPress? You’ll enjoy how simple it is to make entire websites with Divi. Divi Quick Sites constructs all your webpages and templates (including those for WooCommerce sites) using Starter Sites or custom AI builds (if you still have Divi AI credits or an active Divi AI subscription).

Everyone can try Divi AI for free to generate up to 4 AI websites (assuming credits haven’t been used on other Divi AI features). Get a Divi AI membership for unlimited section, text, image, code, layout, and now website generation.

Top Picks
Product Image

Get Started With Divi !

Explore plans, pricing and features. Click here to get started. 👇

Visit Divi 

Get Started With Divi !

Explore plans, pricing and features here. 👇

Explore Divi 
Premade Layouts

Check Out These Related Posts

Divi vs Beaver Builder: Which Page Builder Should You Use?

Divi vs Beaver Builder: Which Page Builder Should You Use?

Posted on September 6, 2024 in WordPress

WordPress page builders make designing websites easy, but with so many options available, choosing the right one can be overwhelming. In this post, we provide a comprehensive comparison of two popular page builders, Divi and Beaver Builder, to help you decide which one suits your needs best. We...

View Full Post
How to Update All Your WordPress Websites at Once

How to Update All Your WordPress Websites at Once

Posted on September 5, 2024 in WordPress

One of the biggest headaches of running a freelance business or web agency is staying on top of website maintenance. It’s very time-consuming, especially when you are responsible for multiple websites. Manually updating plugins, themes, and WordPress core files is a necessity, but it is a...

View Full Post

Leave A Reply

Comments are reviewed and must adhere to our comments policy.

Get Started With Divi