WordPress 101 - How to Create a Page in WordPress – MintSwift

WordPress 101 – How to Create a Page in WordPress

I’ve been working on self-hosted WordPress for about 3 years now and I must say it – at first it was quite difficult for me (even though I can say that I’m a tech-savvy), not to mention I couldn’t find any straight forward tutorials explaining what is what, therefore after a lot of trial and error, I figured most of the things on my own.
And because WordPress might seem scary and impossible to learn for you, I come up with the idea for blog post series called WordPress 101, where I’ll explain the basics for beginners, starting from today’s posts on how to create a page in WordPress, including how to design a page in WordPress, how to preview and publish page in WordPress and how to add a page to menu in WordPress. Let’s dive in, shall we?!

WHAT IS A DIFFERENCE BETWEEN POSTS AND PAGES IN WORDPRESS?

In short pages are used for static content, so website pages for example about, contact or services page. The posts are used for blog posts, so the articles are displayed in chronological order.

HOW TO CREATE A PAGE IN WORDPRESS

1. Log in to your website by typing youdomain.com/wp-admin and then click on Pages in the left sidebar menu
Adding a new page to WordPress - MintSwift
2. Then click on Add New. Add page title and place all the content you want to have on this web page in the content area. Make sure to see if the permalink (page URL) looks the way you want it to
Adding new page to WordPress, title, permalink, content area - MintSwift

HOW TO DESIGN A PAGE IN WORDPRESS

1. In the content area, add and style the content for the page. Use predefined headings, change colours, alignment, add links etc. There are a lot of options to choose from. Make sure to use the Visual editor if you want to have an idea of how the content will look like published and the Text editor if you want to style your text or images with HTML or CSS.
How to design page in WordPress,text styling-MintSwift
2. Add images to the page by clicking Add Media. If you want to edit the image once it’s added to the page, click on the image and then the pencil icon.
How to design page in WordPress, adding image to page - WordPress
How to design page in WordPress, editing added image from the page - WordPress

HOW TO PREVIEW AND PUBLISH A PAGE IN WORDPRESS

1. Once you created a page and want to see how it looks on a front end, click on a Preview button
2. If everything looks great, you can publish the page by clicking the blue Publish button
How to preview and publish page in WordPress - MintSwift

THE PAGE ATTRIBUTES EXPLAINED:

Parent – You can arrange your web pages in hierarchies by selecting a top level page (Parent) for your other pages (Child) for example:  For the about page youdomain.com/about/, you can have a separate page called My story and then the link would be youdomain.com/about/my-story/ (personally I don’t use these options)
Page attributes - MintSwift
Template – these one depends on a theme you’re using and will look different on your end. The templates are pre-coded layouts for the web pages or blog, for example, the Default Template is usually a grid layout with white space on the sides and Full-Width Template is for full-width page layout, ideal for web pages with long, full-screen headers.
Page attributes template - MintSwift

HOW TO ADD A PAGE TO YOUR MENU IN WORDPRESS

This one is probably the trickiest one. Unfortunately, the web pages you created, not add themselves automatically to your navigation menu or footer menu. On the other hand, you can have public web pages which aren’t added to your navigation, for example, Thank you page for your freebies.
1. Go to Appearance > Menus
2. On the left side, you’ll see Pages and under Most recent, there’s should be the page you’ve created (it needs to be published to appear there)
3. Tick the box beside the page name and click the Add to Menu The page will be added to your menu as the last link. (You can change the order of pages by dragging the element). Then click Save menu
How to add page to menu in WordPress - MintSwift
Yay! You’ve just created a page in WordPress, design the page and add it to your menu! By the way, I have a lot of ideas for other blog posts in this WordPress 101 series, but I’m open to any suggestions you might have and things you’d like to learn.

By the way, if you’re looking for someone to design your WordPress website, check out my brand & website design package by clicking the image below:

learn more about my brand & website design package - MintSwift

Let me know in the comments, what other WordPress tutorials would you like to see in this series?

Adrianna Signature - MintSwift
 How to create a page in WordPress | How to design page in WordPress | WordPress 101 | WordPress for beginners | WordPress tutorial | How to add a new page in WordPress | How to preview and publish a page in WordPress | How to add page to menu in WordPress | WordPress page attributes explained | WordPress design | What Is A Difference Between Posts And Pages In WordPress | Website design | Blog Design | MintSwift | Adrianna Glowacka | MintSwift Design
 How to create a page in WordPress | How to design page in WordPress | WordPress 101 | WordPress for beginners | WordPress tutorial | How to add a new page in WordPress | How to preview and publish a page in WordPress | How to add page to menu in WordPress | WordPress page attributes explained | WordPress design | What Is A Difference Between Posts And Pages In WordPress | Website design | Blog Design | MintSwift | Adrianna Glowacka | MintSwift Design
Tags:
4 Comments
  • This post was so helpful as I am trying to set my website up. Thank you!!

    15 April 2018 at 06:38
  • Very easy to follow instructions on how to create a new page in WordPress. Thanks for helping people learn WordPress, it’s such a great platform to use.

    14 August 2017 at 16:32
    • Thank you so much, Nadalie! I’m glad you found it easy to follow and yes I agree, WordPress is awesome 😉

      14 August 2017 at 17:45

Post a Comment

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