WordPress For Non-Techies: Free WordPress Tutorials – WPCompendium.org

How To Create A WordPress Page

For a white label version of this tutorial visit WPTrainingManual.com.

Pages are a useful way of presenting information on your website that is unlikely to change.

Examples of pages used in WordPress include:

Creating pages in WordPress is similar to creating Posts. Screens can be customized in the same way using drag and drop, expanding and collapsing sections, and enabling/disabling options in the Screen Options tab.

Like Posts, Pages use the same content editors and offers features like distraction-free writing mode, and autosave and post-revisions.

In short, the Page editor works in mostly the same way as the Post editor, but there are some Page-specific features, such as those found in the Page Attributes box, which we will cover in this tutorial.

Notes:

What Kind Of Content Can You Add To WordPress Pages?

With WordPress, you can easily add the following content to your Pages:

1 – Text

You can add plain, formatted, and/or hyperlinked text-based content to pages in a variety of fonts and styles.

Your content can be formatted visually or using HTML formatting tags.

Depending on how your site’s settings and plugins are configured, you can also add meta information to pages like titles, keywords, and descriptions for search engines, create custom excerpts, and more.

2 – Media

You can easily add and embed media into your WordPress content such as images (including photos, logos, graphics, and banners), videos, audio files, downloadable files (e.g. PDF documents), etc.

3 – Code and Scripts

Adding scripts to pages can be useful. For example, third-party service scripts that allow you to manage and control content and its formatting from external or remote locations like advertising banners or subscription forms.

WordPress lets you insert shortcodes directly into pages, display code using formatting tags, and add scripts like Javascript using various plugins.

Note: Content can also be inserted directly into template files that control Pages in WordPress but this requires knowing how to edit code like PHP or using advanced plugins to modify the behavior of template files.

How To Create A New Page In WordPress

To create a new page in WordPress, log into your WordPress site, then use one of the following methods:

1) Select New > Page from your Admin Toolbar

Create a page from the admin toolbar menu.

or …

2) Go to your WordPress Dashboard menu and select Pages > Add New

Select Pages – Add New to create a new page.

The Add New Page screen will open in your web browser.

Add New Page screen – Page title and content sections.

Add your page title and begin typing (or paste in) your content into the editor.

WordPress Page Features

The Add New Page section contains various sections and features that let you control the settings of your pages.

Add New Page screen – Main areas.

1 – Page Title

The page title section lets you enter the title of your page.

Enter your page title into this field.

Please note the following:

2 – Page Content Editor

Type, paste in, and format your page content into this area.

Add content to your page here.

See the previous section for the kinds of content you can add to WordPress pages.

3 – Publish Box

The Publish box contains all the options and settings you need to control the publishing status of your page.

The Publish box includes all your page publishing settings.

Page Status

The default page statuses in WordPress are:

The Publish section also includes a Preview button that lets you view any changes you make to your content.

Page Visibility

WordPress lets you specify a number of visibility settings for your pages:

Additional settings in the Publish box let you do things like:

Installing certain plugins on your site can add new options and settings to your Publish box.

Some plugins can add new settings to your Publish box.

If your page status is set to Draft, a Save Draft button will display in your Publish box.

Save your page as draft status.

If your page status is set to Pending Review, the button will change to Save as Pending.

Save your page as Pending Review status.

When you’re ready to publish your page and make it go live, click the Publish button.

Click this button to Publish your page.

You can edit the publishing date and time of your page by clicking the Edit link above the Publish button and changing its settings.

Edit your page’s date and time publishing settings.

4 – Page Attributes

The Page Attributes box lets you set page parents and templates, and change the order your pages display in places like the Table of Pages, menus, lists, etc.

The Page Attributes box is a unique feature of pages.

Parent

Use this option to nest pages in hierarchical order.

A Parent page sits at the top level of the hierarchy with child pages nested within.

You can create unlimited hierarchical (nested) pages in WordPress by saving and publishing pages under parent pages.

For example, let’s say that your website is all about ‘cooking’ and you want to create a section to display other recipe pages on your site.

You could have a top-level page for your main recipes section, then add nested pages (i.e. subpages) for each of the main types of recipes featured on your site, e.g.:

In this example, you would create your ‘Desserts’ page, then select the Recipes page as its parent page from the Parent drop-down menu as shown below…

Create nested pages in WordPress under parent pages.

Your new page will be nested under your selected parent page. This hierarchy displays in your page URL and other areas of your site (e.g. site breadcrumbs).

Your page URL displays your nested page hierarchy.

Note:  Depending on how your site’s URL settings are configured…

To set any page on your site as a main page (i.e. a top-level page), make sure that the default (no parent) option is selected in the Parent drop-down menu.

Leave the Parent option as (no parent) to create a top-level page.

Template

Some WordPress themes provide different page templates for your site.

Templates let you easily create pages with additional page elements or custom layouts.

The Template dropdown menu lets you select different layouts for the different types of pages you are adding to your site.

For example, you may want your Contact Us page to have a different look than your product pages. you may also want to set up different layouts for your blog page, a landing page, membership pages, etc.

Depending on the WordPress theme installed on your site, you may see no Template option displayed in the Page Attributes box…

This theme has no page templates.

…or a dropdown menu that lets you select from none (i.e. the theme only offers a default template for all pages) to various different page templates, such as sales letters, blog pages, membership pages, thank you and download pages, video pages, opt-in form/squeeze pages, support/knowledgebase/helpdesk pages, etc.

This theme lets you select different page templates from the Template dropdown menu.

Selecting different templates from the Template drop-down menu will change the layout of your page.

For example, here is a page created using the Contact template in the Avada theme.

This page uses Avada Theme’s Contact Page template.

And here are some of the templates available for the OptimizePress theme…

By selecting different templates from the drop-down menu shown in the example above, your page could look like this (sales page template) …

Or this (membership page template) …

Or this (blog page template) …

Note: Templates can also be customized and modified by editing the template code.

Order

Changing the order of your pages affects how they display in different sections of your site, like your Table of Pages, menus, site maps, etc.

For example, in the screenshot below, the child pages are listed in order below a parent page in the Table of Pages not because they are labeled Pages 1, 2, and 3, but based on their page creation date.

Let’s change the order of these child pages…

Let’s change the order of these child pages…

To change the order of your pages, enter a number in the Order field of the Page Attributes box.

You can change the order of your pages by typing in numbers in ascending or descending order. The lower the number, the higher it displays on a list or menu. The default order number is “0” (top of the list)

For example, let’s say that we want our ‘Page 2’ child page to display at the top of our list.

Since the other child pages are also numbered “0” by default, enter the number “1” in the Order field for “Page 2” and click the Update button.

Change the order of your pages by typing in numbers in ascending or descending order.

Repeat this process to set the order of your other child pages. In our example, let’s change the order of these child pages from:

Parent Page

To…

Parent Page

Change the values in the order field as per the above example and update your pages.

After refreshing your Table of Pages screen (Pages > All Pages), your new page order should look like this:

The above child pages were reordered by changing the values in the Order field.

Unless modified by other criteria, the order of these pages will remain as shown above across your site’s menus, tables, lists, etc.

Useful Tips

Tip #1 – You can also change the order of pages using the Quick Edit feature of WordPress.

To do this, select Pages > All Pages in your dashboard menu, then find the Page you want to reorder, click on the Quick Edit link below the page title, and enter a number into the Order field. Remember to click Update to save your new settings.

Change the order of your pages quickly using the WordPress Quick Edit feature.

Tip #2 – If you’re using the Pages Widget, set the Sort by: option to “Page order” and click the Save button.

Sort pages in the Pages widget by Page order.

Tip #3 – A plugin like Post Types Order lets you easily reorder pages, posts, categories, tags, etc.

Post Types Order plugin

Consider using a plugin like the one above if you have or plan to add many pages to your site, create nested page sections, etc.

Additional Page Features

By default, WordPress hides some features or sections of the Add Page and Edit Page screens. To enable and display these features on your Page screens, click on the Screen Options tab and tick their checkboxes.

Let’s go briefly through some of these options:

Featured Image

If your WordPress theme allows you to display image thumbnails, then the Featured Image box will be visible on the “Edit Page” screen (make sure this feature has been enabled inside the Screen Options tab).

Featured image box.

For a step-by-step tutorial on using feature images, go here: How To Use Featured Images In WordPress.

Custom Fields

Custom Fields let you add extra information (known as metadata) to your pages.

Custom fields are useful for sites featuring similar items with different information required for each item, like product pages, book/movie reviews, video courses, form templates, etc.

For example:

Instead of adding the above information directly into the content of every page for every item, you can create a page template with placeholders where this information should display in your content instead. Information about each item would then be entered into the custom fields, and this information will be automatically inserted into the content in the right location.

This is an example of adding unique course information to pages via custom fields.

Using custom fields to display information on your pages normally requires adding code to your theme templates. If you want to avoid editing your theme templates, consider installing a custom fields plugin instead.

For more information on using custom fields, see this tutorial: Using WordPress Custom Fields

Discussion

The Discussion box lets you turn your page discussion options on/off for user interactivity (commenting) and notifications about your pages on other sites (trackbacks and pingbacks) on a page-by-page (or post-by-post) basis.

Enable/disable comments, trackbacks, and pingbacks for your pages in the Discussion box.

Notes:

To learn how to configure the settings for the Discussion module checkboxes, see this tutorial: How To Configure Your WordPress Site’s Discussion Settings

Slug

This section lets you edit the page slug (also known as your Permalink URL).

Edit your page slug in the Slug box.

The page slug is a user-friendly URL address, normally created from the page title.

The page slug box lets you create search-engine-friendly URLs for your pages.

The page slug is affected by your Permalink settings (see below).

Permalink

Your page URL is called a Permalink.

Permalink stands for “permanent link.” When you create a new page, WordPress adds its URL to the database. If you change the page slug or the location of your page (e.g. by placing it under a parent page) later, the Permalink feature allows WordPress to find the new page destination and automatically point all links on other pages to your new page URL.

Notes:

You can manually change your permalink URL by editing your page slug.

To edit your page slug, click on the Permalink > Edit button next to the slug field.

Click Edit to change your page slug.

Type in a new slug and click OK.

Permalinks allow you to create page URLs where the page slug is different than the page title.

Your page-slug will be updated.

Notes:

For a detailed tutorial on configuring Permalinks go here: How To Create Search Engine Friendly URLs For Your WordPress Site

Author

The Author box displays a list of all your site’s authors and lets you change the author attribute by selecting a new page author from the drop-down menu.

Note: This section only displays on your page if there are multiple authors on your site.

See our tutorial on How To Manage WordPress Users for more details on setting user roles.

Adding Content To Your Page

After creating a new page, the next step is to add content to it.

Here is some helpful advice from WordPress on best practices for posting content and additional tips:

Saving Your WordPress Pages

By default, WordPress keeps a log of all your post and page revisions and autosaves your content at regular intervals.

The WordPress Revisions box keeps a log of your revisions and autosaves.

This helps to prevent you from losing your content if something unexpectedly goes wrong with your computer or if you click something that accidentally closes your page, browser window, or application while working.

WordPress also records your first autosave as the page creation date and time. You can change this information by editing the Published on: settings.

You can change your page creation date and time in the Publish box.

Until your content is published, your page will not be visible online. Instead, it will be saved as a draft.

Pages are saved as drafts until they’re published.

You can save your Page as a draft or publish it using the Save and Publish buttons in the Publish box.

Save and publish your page using the Publish box settings and options.

To save your page as a Draft, go to the Publish box and click on the Edit link.

Click the Edit button to change your Page status.

Select Draft from the drop-down menu and click OK.

Select Draft and click OK.

After selecting Draft in the Status: field, click on the Save Draft button.

Click Save Draft.

Note: Once your Page is saved, the screen changes from ‘Add New Page’ to ‘Edit Page.’

Your page will be saved and updated as a draft page. Click on Preview page to view your saved content.

WordPress lets you know that your page draft is updated and displays a preview link.

You can also preview your page in a new browser window without saving or publishing it first by clicking on the Preview button in the Publish box.

Preview your page by clicking on the Preview button.

When you are ready to publish your page, click on the Publish button.

Click Publish to make your page live.

After publishing your new page, click View page to open and display your published page in a new browser.

Click View page to see your published page.

The page will load in your browser.

Your published page.

You can see the page exactly as your visitors will see it, with additional features for logged-in users with page editing permissions.

See what your published page looks like, then go back and easily edit it.

Review your page to make sure that all of your content has been added, formatted, and is displaying correctly. If not, go back and edit your page, then republish.

Note: After a page has been published, the Publish button changes to Update.

The Page box for published pages displays an Update button.

You can always change the status of your Page back from Published to Draft or Pending Review by clicking on the Edit link in the Status field and selecting an option from the Status drop-down menu.

You can easily change the status of your pages at any time.

Congratulations! Now you know how to create and publish a new page in WordPress.

WordPress Publish box. (Source: Pixabay)

Now that you know how to create a page in WordPress, the next step is to learn how to make changes and delete your pages, as explained in this tutorial: How To Edit And Delete Pages In WordPress

***

"This is AMAZING! I had learnt about how to use WordPress previously, but this covers absolutely everything and more!! Incredible value! Thank you!" - Monique, Warrior Forum

We are not affiliated, associated, sponsored, or endorsed by WordPress or its parent company Automattic. This site contains affiliate links to products. We may receive a commission for purchases made through these links.

For a white label version of this tutorial visit WPTrainingManual.com.