How to Create a New Page on WordPress

How to Create a New Page on WordPress

Advertisements

The primary task you need to do after you set up a new WordPress website is to create a page. Adding a new page in WordPress may look easy but without an effective tutorial, you may lose your way. That’s why we will show you how to create a new page in WordPress in the simplest of manners.

WordPress page refers to a post-type that contains static content. These pages hold the information of websites that are least likely to change.

You can create a product landing page for sharing your product details, add an about page to write about your website’s basic information, create a contact page so that users can contact you, and many more purposes.

In the following guide, we’ll show you how to create a new page on WordPress. Also, you will get to know:

Advertisements

  • What is a WordPress Page
  • How to Add a New Page in WordPress
  • The Use of Gutenberg Content Blocks To Add Page Content
  • How to Publish & Schedule Your WordPress Page
  • How to Create a Custom Page in WordPress
  • How to Create a Separate Page for Blog Posts in WordPress

Let’s get started:

What is a WordPress Page?

How to Create a New Page on WordPress

Initially, WordPress only allowed its users to write posts. After the release of version 1.5, WordPress has come up with a new post type named page. Since then, WordPress users have been able to create static pages that differ from the blog posts.

A WordPress page is a post type that is usually used to keep the necessary content of your website in a static format. These are some common pages like Home, About, Contact, Terms & Conditions, etc that you often find on a website.

WordPress Page vs WordPress Post

There are some significant differences between page & post.

Advertisements

Pages vs Posts

PagePostCan be used as custom page templatesCan’t use posts as templatesPages are displayed in a hierarchical orderPosts can’t be organized in a hierarchical orderYou can’t share pages on social mediaYou can add a social share button to share your postsPages do not have taxonomiesPosts have Categories and TagsYou don’t get a comment option on a pageUsers can comment on a post

Now you know the differences between pages and posts, let’s see how you can add a new page in WordPress.

How to Add a New Page in WordPress

It’s time to show you how you can create or add a new page to your WordPress website.

First, log in to your WordPress website ‘https://yourwebsite.com/wp-admin/’ and go to the Dashboard area.

WordPress Dashboard Area

After that, you need to click the Pages->Add New button. Or you can go to the All Pages then click on the Add New button.

Go to Pages->Add New Area

After a while, your page will be created. And you’ll get an interface like the below image.

Add New PagePage Editor Panel

We will go through the common settings of a basic WordPress page so that you can get a clear picture.

Common Page Setting

Advertisements

  • Page Title: You should write the Title of your page right after creating your page.
  • Publish: To publish your page, you should click on the Publish button.
  • Save Draft: You are able to draft your page simply clicking the Save Draft option.
  • Preview: You can preview your draft page using the Preview option.
  • List View: By clicking this option, you can see the list of the content blocks that you have used on this page.
  • Details: With this setting, you can see the details page content in a short form like a table of content.
  • Undo & Redo: You can also Undo & Redo your page content.
  • Tools: Tools provide various interactions for selecting, navigating, and editing blocks. Toggle between selection and edit by pressing Escape and Enter.
  • Toggle Block Inserter: Using this (+) icon, you can insert content blocks into your page.
  • WordPress Icon: If you want to get the All Pages area, you need to click this WordPress Icon. Make sure that you have saved your current page before going back to the All Pages. Otherwise, you content won’t be save.
  • You will find all the necessary page settings in the right sidebar of the page editor panel. They are.

    • Status & Visibility
    • Permalink
    • Feature Image
    • Discussion
    • Page Attributes

    Let’s talk about them one by one.

    Page settings

    Status & Visibility

    In the page Status & Visibility area, you are able to set your page visibility status like Public (visible to all public), Private (only admin & editor can see the page), and Password Protected (allow those people who have the password). You can also manage your page Publish Date and Author in this area.

    Status & Visibility

    Based on your need, you can activate the Pending Review option that allows your editor or admin to review the page before publishing. Also, you can delete the page using the Move To Trash button.

    Permalink

    In the Permalink setting, you can edit the Permalink or URL of your page. Also, you can visit the page using the View Page URL.

    Permalink

    Feature Image & Discussion

    We have mentioned already that the comment option does not use on a page usually. But, if you need to use it on your page, you can do it by activating the Allow Comment option. Likewise, you are able to add a Featured Image to your page using the Featured Image option.

    Feature Image & Discussion

    Page Attributes

    If you want to add your current page under a Parent Page, you need to go to the Page Attribute area. Here, you can select the suitable Parent from the page list. And set the Order of the page because a parent page may have many subpages.

    Page Attribute

    Use Gutenberg Content Blocks To Add Page Content

    WordPress comes with the block editor named Gutenberg that allows you to add content on your page using premade blocks. These are the common Gutenberg content blocks that are often used for adding content.

    Text Block

    • Paragraph: You can add a paragraph on your page or post with this block.
    • Heading: There are H1, H2, H3, H4, H5, and H6 headings that you can use to add a heading.
    • List: With this block, you can add Order & Unordered List to your website.
    • Quote: To insert a quote, you can use this block.
    • Code: For adding a custom code snippet, you can use this handy content block.
    • Preformatted: You are able to add long text in a single line with this block.
    • Pullquote: It’s another way to insert a stylish quote.
    • Table: You are able to add a table to your page or post with this effective block.
    • Verse: It’s only used to add song lyrics or poems.

    Media Block

    • Image: You can add images to your website with this popular media block.
    • Gallery: It allows you to create a photo gallery for your website.
    • Audio: You are able to use this block to insert an audio clip to your web page.
    • Cover: Using this stunning block, you can put a cover image on your page.
    • File: You add a file uploading option on your website using this advanced content block.
    • Media & Text: It allows you to add a media file like an image and text to decorate your website.
    • Video: You are able to add a video from your media with this Gutenberg block.

    Other Necessary Blocks

    • Button: Using the button block, you can add a CTA button to your page.
    • Column: Based on your need, you can add columns to your page.
    • Group: You can display multiple blocks under a group using this content block.
    • Shortcodes: This handy block allows you to insert shortcodes in a more organized way.
    • Embed: You can blog posts, videos, and more with the block.
    • Social Icons: You are able to display your social channels using the social icons block.
    • Latest Posts: You can also showcase your last posts on your website with the Gutenberg block.

    However, you’ll also get tons of useful blocks in the Design, Widgets, Theme, and Embed category. Also, learn how to use Gutenberg WordPress Blocks.

    After creating your page you would want to publish the page. With WordPress not only you can publish a page with one click but also schedule to publish the page at your convenient time. Let’s see how you can do that,

    How to Publish & Schedule Your WordPress Page

    So we’ve added some content to our page using various blocks. Now, It’s time to publish the page.

    First, you need to click on the Publish button.

    Click the publish button

    After that, you’ll get a notice “Are you ready to publish?“. If all are okay then click again the Publish button. Or you can Schedule the suitable publish date using the Calendar option.

    Change Publish Date or Schedule

    Let’s take a look at the current look of our page.

    Final Preview of our Page

    So, we have shown you how to create and add a new page. But if you want you can create a custom page with WordPress. We are going to show you that in the next section.

    How to Create a Custom Page in WordPress

    We are going to show you two possible ways to create a custom page in WordPress.

  • Manually
  • Or with Elementor Page Builder
  • We will show you both ways. Let’s get started:

    1. Create a Custom Page Template Manually

    You can create a custom page template without a plugin.

    First, log in to your cPanel or use your FTP client to access your website files. Second, go the your core file into the public_html->youwebsite->wp-content->themes->yourtheme area.

    Open your current activated theme folder and find the page.php file. Here, you need to download the page.php file and rename it in your own way.

    Copy page.php fileSource: WPBeginner

    Open the page.php file in a text editor like Notepad. And remove the header part.

    Edit Page File

    Now, you have to create your page template. In WordPress, you can use this code to create a custom page template.

    <?php /* Template Name: CustomPage*/ ?>

    Then add this below code into your downloaded PHP file. And upload the file to the public_html->youwebsite->wp-content->themes->yourtheme area.

    <?php /* Template Name: CustomPage */ ?>

    <?php get_header();

    /* Start the Loop */
    while ( have_posts() ) :
    the_post();
    get_template_part( ‘template-parts/content/content-page’ );

    // If comments are open or there is at least one comment, load up the comment template.
    if ( comments_open() || get_comments_number() ) {
    comments_template();
    }
    endwhile; // End of the loop.

    <?php get_footer(); ?>

    You can also see the current image of our CustomPage.php file.

    Current CustomPage-php file

    Finally, you can see the new page template in your Page Attribute->Template area.

    Custom Page Template

    Looking a bit complicated right? Don’t worry, with Elementor page builder you can create a custom page with ease.

    2. Create a Custom Page With Elementor Page Builder

    First, you need to install & activate the Elementor page builder plugin on your website. Go to the Plugins->Add New.

    Go to plugins area

    Second, you should find the Elementor plugin from the search bar area. Then click the Install Now button for installing the plugin.

    Search and Install Elementor

    After that, you have to activate the plugin by clicking the Active button.

    Active Elementor

    Well done. You’ve activated the plugin to your site and it’s time for creating a custom page with Elementor.

    Visit Pages->Add New.

    Create New Page

    After that, you will get the following page. Here, you need to do.

  • Write the page Title.
  • Select the Template ‘Elementor Canvas‘.
  • Click on the Publish button to publish the page.
  • Finally click the ‘Edit with Elementor‘ to design your custom webpage.
  • Add New Page

    On the following page, you’ll get all the Elementor widgets that you can use to design your custom page.

    Elementor Editor Panel

    How To Use Elementor (Step By Step Guide For Beginners)

    That’s it.

    Your website has many pages and you want to separate your blog page to keep your posts from your homepage. You can easily do it. According to your purposes, you can select a static page for keeping your website content like a Homepage. Also, you are able to choose your custom page to display your website blog posts.

    How to Create a Separate Page for Blog Posts in WordPress

    You can efficiently separate your post page from the homepage following these steps.

    First, you need to go to the Settings->Reading area.

    Go to Setting Reading

    Second, you have to select the ”A Static Page” option.

    Third, you should choose the Homepage and your Posts Page from the page list. Here, you see that we’ve selected Home as our Homepage and Blog as our Posts Page.

    Seperate Post Page & Homepage

    Now, each of your new & old posts and visible on the Blog page.

    Are You Ready To Create a New WordPress Page?

    Creating a page on WordPress is not a big deal anymore if you follow the above ways.

    In this tutorial blog, we’ve discussed some essential topics such as What is a WordPress Page, How to add pages in WordPress, How to separate a page for blogs, how to create a custom page template, and more.

    Now, it’s your time to create your WordPress page. Tell us in the comment section which method you will use to add your WordPress page.

    If you like this tutorial blog, share it on your social channel. Don’t forget to join our newsletter for getting more tutorial blogs regarding WordPress and Elementor.

    Subscribe to our newsletter

    Get latest news & updates on Elementor