Posted on May 15, 2013 by
Spread the word...

Here at RocketMill, we build the majority of our websites in WordPress; and though we offer one to one training for each of our clients it can sometimes be difficult to remember everything. So I propose to do a series of posts to help you with the basics.

This post is about how to add a new page and will cover the following:

  1. Adding a new page
  2. Deciding on, and adding a title
  3. Setting page attributes
  4. Adding content
  5. Adding an image to the content
  6. Setting a featured image
  7. Saving your changes and preview
  8. Publishing your creation
  9. Including the page in the site navigation

1. Adding a new page

The first thing to do is log into the back end of your website. Once you’ve reached the dashboard you’ll see the WordPress navigation bar over on the left hand side, hover or click on Pages and a sub-menu will appear, click Add New.

add-new-page

2. Deciding on, and adding a title

Once you’ve arrived on the page editing screen, the first thing you need to do it choose a title. The title should be short, concise and contain a keyword if possible. Above all it must say what the page is about.

add-title

3. Setting page attributes

The page attributes are situated on the right hand side.

page-attributes

Parent – You can arrange your pages in hierarchies. For example, you could have an “About” page that has “Life Story” and “My Dog” pages under it. There are no limits to how many levels you can nest pages.

Template- Some themes have custom templates you can use for certain pages that might have additional features or custom layouts. If so, you’ll see them in this dropdown menu.

Order – Pages are usually ordered alphabetically, but you can choose your own order by entering a number (1 for first, etc.) in this field.

4. Adding Content

This is the key part of creating your new page. You can simple write directly into the content box, or you can copy and paste the text from Word (or similar word processing software). Note that images won’t copy across from Microsoft Word, however, if you are using 2010 version and above, you can save the image into a folder by right-clicking it in Word and selecting ‘Save as Picture’. Following this, you can import the image into WordPress. For more information on using the WYSIWYG editor then read Tutorial 3 – Using the Text Editor.

add-content

5. Adding an image to the content

Place your mouse cursor at the beginning of the paragraph where you wish to place the image, then click Add Media.

add-media

You can now simply drag your image from your computer straight into WordPress.

drag-media

Make sure the image you wish to insert is selected.

image-selection

On the right hand side you have number of settings that you can modify.

image-attrCaption – You can add a caption to your image.  This will normally appear just below the picture.

Alt Text – Alt text should be a short description of the image. This will appear if for some reason, the image is unable to display. Also if a user is using a screen reader to access your site then it will read out the Alt text.

Alignment – You can align the photo left, right or center. Aligning left will place the image over to the left of the page and the text will flow around it on the right (vice versa when you align the image to the right).

Link To – This will make the image clickable. I normally set it to none but you can use custom url to link to another site or media file to link to the full size image.

Size – Here you can choose the size of the image. I normally go for medium when including the image within the main body of the content.

Now just click the blue Insert into page button.

If you wish, you can go back and edit the image by clicking on the image and then clicking the landscape icon.

edit-image

Delete image by clicking the delete icon.

6. Setting a featured image

Depending on how your WordPress theme is set up you may be able to set a featured image. If this feature is compatible with your theme then it will most often be used to set a banner image for your page.

Add a featured image by clicking Set featured image

set-featured-image

As in step 5 you can either drag in a new image or select one that is already in your media library. Then just click the blue Set featured image button, bottom right.

featured-image

7. Saving your changes and preview

While creating your page you may need to take a break in order to go to the loo or attend other important business meetings. Just before you go, click the Save Draft button. This will create your page in WordPress but not publish it. You can come back at a later stage to edit it further.

save-draft

Also before publishing you can see what the page looks like by clicking the Preview button.

prview

8. Publishing your creation

Right, now you are happy with your lovely page and raring to publish it. Simply click the blue Publish button. This will make your page live so that anyone one can see it. However, depending on how your WordPress system is set up, you may have to include your new page in the navigation, if you wish people to find it.

publish

9.  Including the page in the site navigation

To add your new page into the website navigation, with your mouse go to Appearance then Menus

menu

Your new page will be the top one in the Pages box.

Tick it and then click Add to Menu. It will now appear at the bottom of the list on the right hand side.

new-page

Simply use your mouse to drag the page into the desired order. Dragging it to the right until it indents will make the page a child of the next page, without indentation, above.

menu-indent

This will now appear in a drop down menu of the parent page on the front-end of your website.

drop-down-eg

The most common design for the navigation on a website is for it to run horizontally across the top of the site. So be aware when you are adding your page to the top level (not in a dropdown), that you have enough space. You can try shortening the page label by clicking on the down arrow next to the page name and editing the Navigation Label.

navigation-label

Don’t forget, when working with the menu, that you must always click the blue Save Menu button after making any changes.

save-menu

Conclusion

That’s it you have created a new page.

This is the first post in a series of WordPress tutorials that I hope you will find beneficial. This tutorial has been carried out on WordPress version 3.5.1. If you have any questions about adding a new page to WordPress then please leave a comment.

Leave a Comment

Your email address will not be made public or shared. Inappropriate and irrelevant comments will be removed.