Creating a New Page

Creating a web page in WordPress, and even including it in the main navigation menu, is really easy.

We’re going to start off creating a simple page with some text, paying attention to formatting the contents of the page according to what they mean to the page, not just manually adding styles.

Instructions

  1. To get started, select ‘Pages’ on the left-hand navigation.
  2. Select ‘Add New’
  3. ‘Add title’ to name your new page.
  4. Type (or copy/paste) some text into the body of the page. If you are typing the text versus copying it from somewhere else, try to divide your page logically, using headings and paragraphs.
  5. If you choose to copy text from somewhere else and paste it into your page, you may want to use one of the special paste buttons. The Paste as Text button helps if you need to simplify things, and remove the previous formatting (no matter where you’re pasting from). If you’re pasting from Word, and want the text to stay formatted as it was before, use the Paste From Word button to remove the extra coding that only makes sense to Word.

Insert Text

Really stuck? Copy the text below and use the Paste as Text button to paste it into your page.

  1. Highlight the text
  2. Hold down the CTRL key and tap the letter C (for copy) and release both buttons
  3. Click on the Paste as Text button, 
  4. Click in the blank space in the Paste as Text popup.
  5. Hold down CTRL and tap V (for vPaste? I don’t know who chose the letter v.)
  6. Practice formatting the text, using the “Format” drop-down box to mark headings and paragraphs.

My thoughts about WordPress

At first, I didn’t know why we should use WordPress for our websites. Then, after I started working with WordPress, I found that there actually were some big advantages to it.

Cool new features!

There are lots of cool things that other people have figured out how to do in WordPress, and I can easily reuse those things. From Plugins to Widgets, there are lots of pre-packaged features I can add with very little effort.

Insert/Upload an image

Let’s add an image to your page. There are several ways to do this, and we’ll cover some of the additional methods when we talk about Media Management, but for now, we’ll concentrate on the easiest, most basic method

To add Media (images, PDFs, etc.) to your page, use the Image Icon

Insert Picture

You will have three or four options:  From Computer,  From URL, Gallery, or Media Library

  • From Computer is for an image that has never been uploaded to your WordPress previously.
    You are asked to drag and drop the file onto the box or click the Browse button to browse to the file location on your computer. The file ultimately ends up in both the Gallery and the Media Library
  • From URL is to link to another image on another website. You would need the specific URL for the specific image.
    Be careful with this option:
    *It is not nice to grab images from other sites without permission from the site owner
    *It may be copyright infringement
    *The image can be removed from the original site without notice
  • Gallery holds images which have been previously uploaded on the particular page/post (if you haven’t uploaded media on a page or post yet, then you will not see Gallery as an option. Images in the Gallery are also in the Media Library
  • Media Library is where all of the images that are used on your WordPress site are ultimately held. If you have uploaded it, it will be here.
    Note the Maximum upload file size: 2MB. If you need to upload files larger than 2MB, such as a pdf, please talk to your WordPress site administrator (probably your ITG member or similar technical resource)

Working with Media in the Media Library

When you choose Media Library from the Upload/Insert link, you then see the contents of your media library (insert image). You have the options of scrolling through the list or using the Search.

Once you find the particular one that you want, click the Show link. That will allow you to set or change properties for the piece of media like the Title, Description, Link URL, Alignment, and Size (right image).

Once your properties are set, hit the Insert into Post button to get the media to appear on the page.

Working with Media already on a Page

If you click on an image or other media on a page, you will get two options that pop up, an Edit button and a Remove button.

Insert Image

The right Remove button will remove the media from the page (it is still in the Library).

The left Edit button allows you to make a number of changes to the image. You can change the displayed size, the alignment on the page, title, the link URL, and a number of advanced properties and features. Be sure to hit the Update button to apply any changes you make

Hyperlinking

WP Hyperlinking Tools
WP dialog box for links

Insert/Edit Link and Unlink

Create a new Link

These buttons are used to link text on your page to another page in your site, another website, or even a document. To make a link, highlight the text you want linked and click the button that looks like a chain.

A dialog box will pop up (see the image to the right). Fill in the URL field and click Add Link.

If you are linking to another part of the WordPress site, click the arrow next to “Or link to existing content” to expand the selection. Then you can either Search or scroll down and select the appropriate Page, Post or News Item. Click Add Link to complete the process.

If you need to create a link to something in your Media Library, try using the Upload/Insert button just above the toolbar instead.

Remove a link

If you need to remove the link from some text, just select it and click the Unlink button. (It looks like a broken chain.)

Besides just figuring out what you want to say, and what images and other media you want to include on your page, you also have to keep in mind how you want your page to fit into the overall scheme for your site.
Let’s talk about a few Page Attributes that will help you place your page into the context of your site.

Page Attributes section of WordPress page editor.

Parent – This field is important because it helps you to tell WordPress where this page should appear in relation to other pages on your site. Usually, this will also determine where the page will appear in your menus (though there are some other advanced ways this can be used, too). If you want your page to appear at the “top level” of your menu (visible right away when someone visits a page, without mousing or clicking anywhere specific), the Parent field should say “No parent”. If you want this page to be a part of another major section of your site, and appear as a submenu of that section, click the drop down arrow and choose the page which starts that major section.

Template – This is where you can choose from the page layouts that the theme designer has built into the theme. In most cases, you can leave this as “Default Template”, ghough there may be some pages you’d like to have a special design.

Order – This attribute simply tells WordPress in what order to place the pages at the same level as the page being edited. In other words, if I have 3 pages which all have “About Us” as the Parent page, the order attribute tells only these three pages which are directly under “About Us” a specific order, not all the pages on the site.

“What happens if I try to edit a page that someone else is already editing?”

If you open this page (“Edit an Existing Page”) right now, you’ll probably notice a message in red at the top of the screen that lets you know someone else is editing this page. While WordPress is great for working collaboratively on a website (or blog), everything works out much better if only one person edits a certain page at one time.

You’ll see a warning at the top of the page in red, warning you that the page is currently being edited. If more than one person saves a page (Publish or Save Draft), it’s possible that each person will overwrite the other’s work. Unless you know for sure that someone is actually finished saving their changes to a page (did they leave their computer on the editing screen while doing something else?), it’s best to wait until you no longer see the warning.