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
- There is a simple way to add a new page via the dashboard. Then, use the Block Editor to adjust page settings and build your page using prebuilt patterns.
- But if you don’t want to build from scratch, you could use Divi to create several pages and site templates (an entire website) in under two minutes. You can also create new pages using premade Divi layouts.
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.
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.
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).
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
Here, you can create a new page, open it in the Divi Builder, and then elect to build the page from a layout.
Step 2: Applying a Template
In the Divi Builder, click Choose a Premade Layout.
Browse the layout library or search for a specific layout pack. Choose a page from that pack and Use This Layout.
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).
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
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.
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.
The post How to Make a New Page with WordPress in 2024 (Simple Guide) appeared first on Elegant Themes Blog.