10. Let's Celebrate!

Nu firar vi!You are a star!

 

5.1 Create pages in WordPress

  • Your progress:

Let’s take a break from the settings for now and focus on creating our website’s pages. When looking at the demo website, you’ll notice that we have a few key pages: the home page, the about us page, a news page with a blog feed, a contact us page with a contact form, a map, and an FAQ section.

Let’s begin by creating these pages:

  1. Return to your WordPress dashboard and navigate to “Pages.” You’ll notice that WordPress has already created two pages for you: a draft of a privacy policy (essential for visitors from the EU, especially in compliance with GDPR) and a sample page. You can delete the sample page by hovering over it and clicking “Trash.” Then, go to the “Trash” and permanently delete it to keep your database clean.
  2. To create a new page, you have several options. You can click “Add New” at the top, go to “Pages” and click “Add New” on the left, or hover over “New” at the top and select “Page.” All three methods lead to the same page creation process.
  3. 3. You’ll enter the WordPress block editor, also known as Gutenberg. Since we have Divi installed, you can choose to use the Divi Builder or the default editor. For now, we’ll use the default editor, as we’re creating these pages as placeholders for our menu. We’ll activate the Divi Builder a bit later in this tutorial.
  4. 4. Start by adding the title for your page. For the home page, type “Home,” then click “Publish.” Confirm your readiness to publish when prompted.
  5. You’ve created the home page. Click on the WordPress logo in the top left to return to the dashboard.
  6. To create the “About Us” page, click “Add New” again. Name it “About Us” and click “Publish.” Confirm your readiness to publish.
  7. If you want to remove the warning when publishing, go to the three dots in the top right, select “Options,” and click “Preferences for Block Editor.” Disable the “Pre-publish checklist.” Now, when you click “Publish,” it will be published immediately.
  8. Create the “News” page by clicking “Add New,” naming it “News,” and clicking “Publish.” Again, you can disable the pre-publish checklist if desired.
  9. The final page, “Contact Us,” will be a link to an external website, divimundo.com. Create it by clicking “Add New,” naming it “Contact Us,” and clicking “Publish.”

Now, you have all the necessary pages in WordPress. We’ll fill them with beautiful content in the next steps of this tutorial.

All links, files and code snippets mentioned in the chapter is available below. 

This is a free course about how to design a website with WordPress and Divi. The course is funded by affiliate links. If you purchase something from these links, we'll receive a commission but it will never cost more for you. Divi is a registered trademark of Elegant Themes, Inc. This website is not affiliated with nor endorsed by Elegant Themes or SiteGround. DiviMundo is 100% independent. We only promote services that we like and use ourselves on a daily basis.

Victor Duse
Victor Duse was born in Sweden in 1980 and has over 20 years experience of web design, web development and teaching in sectors like media, marketing, energy, industry and the public sector. He's the founder of DiviMundo and the WordPress Agency Duse Media in Malmö, Sweden. Victor is a Brazilian Jiu-Jitsu black belt and he has a soft spot for dark chocolate.

Comments

Feel free to ask questions and leave feedback on the tutorial here.

0 Comments

Submit a Comment

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Affiliate Disclaimer

All content on DiviMundo is funded by you – our beloved readers. Some of the links are affiliate links. This means that if you click on the link and purchase something, I will receive an affiliate commission. But it will never cost more for you. Thanks for your support!

Victor Duse, founder of DiviMundo