Edit/Add New Pages

Now it's time to add some content or edit some existing content. If you are unsure whether you should be using Pages or Posts, read Pages vs. Posts in the Content section.


  1. The first field you need to fill in is the page title.
  2. Then use the visual editor to enter the content for your page.
  3. Add Media allows you to add media such as images, audio and video and assign titles and descriptions to media files. For more detailed information about this process, read the Media section in the Editors Guide.
  4. When you are happy with your page, click on the Preview button found at the top right corner of the Publish module on the right hand side of the page. This will give a real life preview of how your page will look on your website.
  5. Once you're happy for your page to go public, click on the Publish button at the bottom of the Publish module. If you are editing an existing page this button is called Update.
Adding or Editing Posts functions much the same as Pages, however there are some additional information you need to enter.

  1. You can change the presentation of your posts by setting up Format.
  2. You will also need to assign the post to a category which will affect where and when the post appears on the website.
  3. On the right hand side underneath the Categories module you can add Tags to your post. Tags are like keywords that visitors may use to search for related articles. For example, adding the tag "wedding" to a catering article and a photography article may help your visitors find related content on your website.
  4. There is also an option to add a Featured Image to your post.
You can preview and edit posts in the same way as you do for pages. When you want to publish or save your changes click on the Publish or Update button.

Content

Pages Vs Posts

The admin system provides two ways of creating content for your website:
A page, or
A post.

To determine which is the best option for your content, you need to first understand the difference between the two.

Page

A page includes an overall structure for presenting information on your website. For example: a page will include the header, (top part of the page usually containing a logo and navigation menu), a section for the main content of the page and a footer (the bottom part of the page usually containing some legal information, copyright notices and other links). A page may also include a sidebar on the left or right hand side containing links to other sections of the site

Pages are not generally updated or changed on a regular basis, however some of the content on a page, including posts, may be updated regularly.

Think of a page as you would if you were reading a newspaper. The one page can be broken up into many different sections for a feature article, related stories and advertisements.

Pages are generally accessed by the main navigation menu on your website.

Examples of pages on your website might include About Us, Contact Details, Mission Statement, Products and Services and Legal Information.

Post

Considering the newspaper model, a post can be thought of as essentially one article. It is written and published at a given point in time about a particular subject in a specific category and posted on a certain page. The sports page, for example may contain several posts from the sports category.

Posts are primarily written as part of a blog (web based log of events - or journal). However posts have multiple functions and using them creatively can give you greater control over the management of your websites content.

Posts belong to one or more categories and can be sorted and displayed in all sorts of ways on your website.

Examples of posts on your website might include press releases, product fact sheets, general news articles and blog entries.

The following screenshots may help to explain the difference between a page and a post.

A page:

A post:


If you are updating your site or adding content on a regular basis, it is more than likely you will be using posts.

NB: If you are still unsure about whether or not to use a page or a post for your content, consult your web developer or IT department.

Now that you have an understanding of the difference between a page and a post, let's look at how to edit existing content or add new content.

We're going to start off easy by editing an existing page to get you familiar with the tools you need to use.

The Editor

The Toolbar
Above The Editor rectangle there is a toolbar containing common tools for formatting your content. Similar to some word processing programs like Microsoft Word, the standard tools are, from left to right:



Insert/Edit Link

To add a link to your page or post, highlight the word that you want to make the link.

Then click on the insert/edit link button.

A pop up window will appear allowing you to edit your hyperlink according to what page or site you want to link to, the title of the link and if you want your link to open in a new window.

URL is where you enter the address of the website or page where you want to link to.

Title is the title of the link. Users will see this when the hover their mouse over the link.


If you want to link to an existing page or post in your site you have two options. One is to search for the title of the page or post,

Or choose a page from the list of recent pages or posts that is automatically displayed at the bottom of the pop up window.

Using the search box or choosing one of the recent pages or posts will generate the URL and title for your link.

Once satisfied with your changes click the Save Link or Add Link button.

Fullscreen or Distraction-Free Writing Mode

Clicking the Fullscreen icon at the formatting tool will change your WordPress admin page to look like this:


  1. Visual or Text – you can choose your editor mode as Visual or Text.
  2. Visual Mode contains the following formatting toolbar such as Bold, Italic, Unordered List, Ordered List, Blockquote, Insert/Edit Image, Insert/Edit Link, Unlink and Help. While Text Mode only includes Insert/Edit Image and Insert/Edit Link.
  3. The Title of the Post/Page
  4. The Content of the Post/Page. NB: While typing at the content area, all other elements will fade away. To bring back other functionalities hover your mouse over the top part of the page.
  5. Word Count is the total number of words that your content has.
  6. When you are happy with your changes you can hit the Update button to save your changes.
  7. Exit Fullscreen link will take you back to your normal WordPress admin editor page.
The Kitchen Sink

With the kitchen sink button turned on the toolbar looks like this:

The following tools are now available to you, from left to right:


NB: Your web developer or IT department may have installed additional buttons on your toolbar to the ones listed above. If this is the case, consult them for explanations.

Use the tools available to you in the toolbar to design your page the way you want it.

Add Media
Directly above the toolbar there are four buttons that allow you to add media to your page.

These functions are covered later in the Media section. However, there may be an image already in your page that you want to edit.

Other media like video, audio and pdf files cannot be edited once they are inserted into a page, they must be deleted and re-inserted.

Edit Image
You can edit images to change the way they appear on your page.

To edit an image, click on the image to reveal the Edit Image and Delete Image buttons:

To resize the image simple grab one of the handles and drag the image to the desired size. The aspect ratio will remain intact.

The Delete Image button will delete the image from the page immediately.

The Edit Image button will open the following pop up dialog box:


Edit the alignment by choosing None, Left, Center or Right. You can also change the Title, Alternate Text, Caption and Link URL of the image.

There are more detailed settings under the Advanced Settings tab that may affect the way your image is displayed on your website.

NB: You should consult your web developer or IT department about whether or not to use these settings.

When you are happy with your settings, click the Update button or choose the Cancel button to cancel your changes.

Pages
You can access the Pages screen by hovering your mouse over Pages widget choosing All Pages from the fly out sub menus that will appear.

The Pages screen looks like this:

At the top of the Pages screen, you will find two sub-headings directly underneath the page title:

All (total number of pages) and

Published (number of pages actually published on the website)

Depending on the content already in your system there may be more sub-headings including:

Pending Review (number of pages pending review)

Draft (number of draft pages waiting to be published) and

Private (number of pages published but not visible to the public)

These sub-headings give you a snapshot of the status of the pages in your system and will make more sense as you move through this section.

To the right of these sub-headings and underneath the screen options and help buttons you will find a search tool. This is useful for searching through all of your pages for a specific word or phrase if you have forgotten where it is.

Directly beneath the sub-headings you will find a Bulk Actions drop down menu. This menu allows you to edit or move to trash multiple pages at once. The edit function allows

you to change the parent, template, comments, status or pings of multiple pages at once while the move to trash option allows you to move multiple pages to the trash bin at once.

Across this Bulk Actions drop down menu is counter for number of pages that you already have.

The edit options will make more sense as you move through this section.

If you choose to move multiple pages to the trash at once a Trash link will appear next to the All link. The Trash link is where you can find all the items that you have deleted in the past 30 days.

To select a page for a bulk action simply place a tick in the box to the left of the page's name. Placing a tick in the box next to the word "Title" at the top of the list of pages will select all pages in the list at once. Once your pages are selected, choose an action from the Bulk Actions drop down menu and click on the Apply button.

To the immediate right of the Bulk Actions menu is the Filter Menu for filtering the pages that you wish to display, categorized from the month your WordPress blog was created. By default, it is set to display all pages from all dates.

Underneath the Bulk Actions drop down you will find a table listing all the pages in your website. The columns in the table are, from left to right:

  • The select tick box (to select or deselect a page for editing or deleting)
  • Title (the title of the page)
  • Author (the author of the page)
  • Comments
  • Date (the date the page was published on the website)

Clicking on the title of the page will take you to Edit Page screen as described in the next section. Clicking on the author will filter the list of pages in the table to pages written only by that author.

At the bottom of the list there is another Bulk Actions drop down menu that functions exactly like the one at the top. This is useful if you have a large number of pages in the list and need to scroll down to view them.

If you place the mouse over a page title, a menu appears underneath it with the following options:

  • Edit
  • Quick Edit
  • Trash
  • View
Quick Edit, Trash and Post Revisions
What happens when you decide you need to go back and retrieve that version of the page you edited three days ago, or three weeks, or three months? On the edit post screen, there is a revisions box which lists a different version of the posts in the system. Click on the version of the post you want to review.

On the compare revisions screen, you can use the timeline slider to compare the changes of the post over time. You can also use the “next” and “previous” buttons to move through the timeline. The redbox on the left, indicates what was changed in the previous version and the greenbox on the right shows the new changes in the latest version.

If you want to compare the difference between two specific revisions, tick the compare revisions check box and position the two markers on the timeline to specify the revisions that you wish to compare. To restore the post to a previous version, untick the compare revisions check box, move the marker along the timeline to the revision you want and then click the “restore” revisions and click the update button to save your changes.

View are covered in greater detail later on. For now, let’s look at editing some content.

Edit Page
The Edit Page screen looks like this:

This screen, like most screens in the admin system, can be thought of as a form that needs to be filled out.

The Title
The first field is the page title, which currently has the word “Sample Page” in it. This means the page is called “Sample Page” and will be referred to as such in the main navigation menu on your website.

If you want to change the title of this page simply type in the new title and hit the tab key to move to the next field or the enter key to save your changes.

The Permalink
The next field that needs information is the page permalink. If you do not see the Permalink field underneath the page title it is probable that your website does not have permalinks activated so ignore this section and move on to the content. If your website has permalinks activated then you can enter a customized url (universal resource locator) or address for this page. This is how the rest of the world will find this page. Permalinks are used for Search Engine Visibility purposes.
NB: If you are unsure about what to use as the permalink for the page consult your web developer or IT department.

The Content
The next field that requires information is the content of the page. This is the actual content (words and pictures) that make up the page on the website.

To edit the content of the page click in the large white rectangle that contains the current content. We call this area The Editor.

To edit or add text, simply type.

Word Count

Underneath The Editor you will find a bar that contains some additional information about your page.

On the left hand side is the Word Count: a count of the words in your page.

On the right hand side, you will find some information about when the page was last edited or saved and by whom.

At the bottom right corner of this bar is a resize handle that you can drag down or up in order to resize The Editor, giving you greater control over your work area.

Custom Fields
Below The Editor is the Custom Fields section. This gives you the opportunity to add custom fields to your pages for greater control over sorting and displaying information on your website.

For example: you could add a custom field called “Hierarchy” to your page and give it a value of “1”. Your web developer could then use this custom field in your theme to re-arrange the order of pages in a sitemap, for instance.

To add a custom field to a page simply enter the name of the custom field in the Name field and the value for this page in the Value field and then click on the Add Custom Field button.

NB: You should consult your web developer or IT department about whether or not to use Custom Fields

Discussion
The discussion section allows you to choose whether or not the page is open to discussion by visitors to your website. You have two options:

Allow Comments, and

Allow Pings

Allowing comments will allow visitors to leave a comment on your page. Allowing pings will allow visitors to link to your page from their own page and will appear in your comments section as a link.

Comments and Pings may or may not be enabled on your site, so setting these options here may have no effect on the way your site looks and behaves.

NB: You should consult your web developer or IT department about whether or not to your site is enabled for Comments and/or Pings.

Page Slug
A Page Slug is a nice way to edit the page URL. By default, it was set to be your page title separated by hyphen.

NB: You should consult your web developer or IT department about whether or not to edit your Page Slug.

Page Author
The Page Author drop down list allows you to choose the author of the page. This may be handy if your website is designed to display archives of content by specific people in your organization.

Page Revisions
The Page Revisions section shows you when this page has been revised and by whom. Clicking on a revision's date will show you the page, as it existed at that point in time, using the basic html viewer, not the visual viewer. This is useful if you have made some changes and updated the page but decide you want to go back to where you were earlier on.

Underneath the page content you now have the option to compare revisions by selecting the left hand radio button of one and the right hand radio button of another in the page revisions list and clicking on the Compare Revisions button.

The older revision is shown on the left and the newer revision on the right. The differences will be highlighted so you can easily decide which version you want to use.

Once you have decided which version to use, identify the revision by its date and time stamp and then choose "Restore" next to the revision in the Page Revisions list below to restore that revision as the page. This revision then becomes the updated page replacing the current version, which then becomes the first revision in the Page Revisions list, so you'll never lose a version of the page.

Publish

One of your best friends in the admin system is the "Preview" button. This button allows you to preview changes before you publish them for the public to see. The preview button will show you exactly what the page will look like by opening a new window of your browser and displaying your changes. At this point, the public cannot see your work.

You can preview your changes and make more alterations for as long as you like without the public ever seeing your changes as long as you don't hit the "Update Page" button. Once you click the "Update Page" button your changes will be published on your website for the rest of the world to enjoy.

Underneath the Preview button there is some information about your page and who has access to it online.

Clicking on the Edit link next to "Status : Published" will give you a drop down list with three options:

Published (for the world to see)

Pending Review (for a colleague to review before publishing)

Draft (for you to keep working on before publishing)

Clicking on the Edit link next to “Visibility : Public” will give you a drop down list with three options:

Public (for the world to see)

Password protected (at which point you will need to enter a password and only those with the password will be able to view it on the website)

Private (only visible in the admin system)

The publish date option allows you to choose when the page is to be published. If you choose a time in the future, the page will not be visible on your site until that time.

Once you are happy with your settings, click on the "Update Page" button to save your changes.

Trash A Page
To delete a page, click on the "Move to Trash" link to the left of the "Update" button. That page will be moved to the Trash link located next to the All link.

You can undo the deletion of the page by clicking the link that will appear above after you click the Move to Trash button.



Restore Or Delete A Page

If a Trash link exists, located next to the All link, you may want to click on it to locate all the pages that you have deleted for the past 30 days.

Hover your mouse over to the title of the page that you want to delete or restore, and a sub-menu of options will appear below.

Choose Restore to recover your deleted page or choose Delete Permanently to delete the page forever.

Attributes

You can change the following additional page attributes in this section:

Parent

If there are multiple pages in your system, you can assign a page as the parent for this page. This page then becomes a sub-page or child of the parent. For example: Design, might be a sub-page of the page Services. In this case you would make Services the parent for the page Design.

Template

You can assign a template for each page based on how your website has been developed.

Order

You can change the order of the pages in your website hierarchy which may affect the way they are displayed in your navigation menu.

NB: You should consult your web developer or IT Department before changing any of these attributes.

To save your changes, click on the Update Page button.

Add New Page

You can access the Add New Page screen by choosing Add New from the Pages widget in the sidebar.

The Add New Page screen looks like this:

This screen functions exactly like the Edit Page screen with the exception that the "Update Page" button is now the "Publish" button because the page has never been published. Once the page is published this button will become the "Update Page" button.

There is no content on a new page so you are free to be creative and design your own page from scratch.

Posts
Please read the Pages and Add New Page sections before continuing with this section.

You can access the Posts screen by choosing All Posts from the Posts widget in the sidebar

The Posts screen looks like this:

This screen functions exactly like the Pages screen with the following additions:

Next to the Bulk Actions menu there are two filter options that allow you view posts according to either date or category. Simply choose your desired option from the drop down menu and click on the Filter button. This is useful if you have many posts in the system and gives you greater control over your work area.

On the far right of the filter options there are two buttons allowing you to view posts in List View (the default setting) or Excerpt View. Excerpt View displays an excerpt of each post giving you more information about your content so you can make an accurate decision about the post you wish to edit. Next to it is the Total number of posts that you already created.

In the list of posts that are available to edit you will also notice two additional columns, Categories and Tags. These will be explained in greater detail later on.

As in the Pages screen, clicking on the post title will take you to the Post screen as described in the next section. Clicking on the author will filter the posts in the list to posts written only by that author. Clicking on the category will filter the posts in the table to posts belonging only to that category. Clicking on a tag will filter the posts in the table to posts assigned that tag.

Edit Post
The Edit Post screen looks like this:

This screen functions exactly like the Edit Page screen with the following additions:

All references to Page are now to Post

In the Publish section under the Visibility setting there is an option to stick the post to the front page of the website

Instead of Attributes you will find Format, Categories, Tags and Featured Image on the right hand side underneath the Publish section.

As in the Edit Pages screen, clicking on the post title will take you to the Post screen as described in the next section. Clicking on the author will filter the posts in the list to posts written only by that author. Clicking on the category will filter the posts in the table to posts belonging only to that category. Clicking on a tag will filter the posts in the table to posts assigned that tag.

The Excerpt
The Excerpt field is a summary of your post which may be used on your website to entice users to click through to read more. This is similar to splitting a page or post with the more tag, however the excerpt allows you to grab any section of the post and use it as a summary of the content, whereas the more tag just uses the content that comes before it. If you can not see the excerpt field then you must enable it in the screen options.

Send Trackbacks
This field allows you to notify other blogs that you may have referenced in your post of your content. For example: if you have quoted an article written on another blog in your post you can enter the address of the other blog in this field and they will be notified of your post. This is useful for building incoming links to your site. If you enter more than one web address (or URL) separate them with a space.

NB: You should consult your web developer or IT Department before using trackbacks.

Sticky Post
In the Publish section, under Visibility, there is an option to stick the post to the front page of the website. This means that this post is ranked as highly important and will always show on the front page of the website regardless of any other content being displayed. This functionality may or may not be utilized in the development of your site.

NB: You should consult your web developer or IT Department before using the sticky post function.

Format


Format, or sometimes called Post Format, allows setting a post as a certain format. Some example formats are standards, aside, gallery, link, status, image and quote. This will allow themes to style these posts according to format.

Setting a post format will change the way posts are being displayed into the site.

For example if you set your post to have aside format, when you view the list of your posts on your actual website you will notice titles are gone.

Once you set up your post to have a definite format option. You will notice its post format is indicated next to the title of your post.


NB: You should consult your web developer or IT Department before using format.

Categories
Content on your website is more than likely divided up into several categories relating to subject matter. For example: a financial planner’s website may be divided into the categories, "shares", "superannuation" and "property". Assigning a post to a category will determine where exactly on the website the post will be displayed.

To assign a post to a category, simply place a tick in the box next to the category name. You can assign a post to more than one category. If you do not assign a post to a category it will be assigned to the "Uncategorized" category by default.

To add a new category, click on the link that reads "+ Add New Category" and enter the name of the new category.

Tags
Tags allow you to assign one or more tags, or keywords, to a post. If your website has been developed to display tags they can help your users navigate to other posts containing similar information or keywords. For example: a post about catering for a wedding may contain the keywords “catering” and “wedding”. Clicking on the tag “wedding” may take the user to other posts assigned the tagwedding” like booking a wedding photographer, or finding wedding cars.

To add a tag to a post, enter the tag in the Add new tag field and click on the Add button. The tag will appear below immediately with the heading Tags used on this post:

To remove a tag from a post, click on the “x” next to the tag in the list.

To choose from a list of the most widely used tags in the site, click on the link that reads “Choose from the most popular tags” and a list of tags will appear for you to choose from. Simply click on the tag(s) you want to use and they will automatically be linked to this post.

NB: You should consult your web developer or IT Department before using tags.

Quick Edit
As previously detailed, placing the mouse over a page or post title in the Edit Pages or Edit Posts screen gives you the option to Edit, Quick Edit, Delete or View the page or post. We have covered the Edit option in length so now it's time to look at the other options available.

The Quick Edit Page screen looks like this:


From this screen you can make quick changes to the page without editing the actual content of the page.

On the left hand side you can change the title, the slug, the date of publication, the author and the visibility, that is whether or not the page is password protected or private.

On the right hand side you can edit the page parent, the order of the page in the main menu, the template assigned to the page as well as allowing or disallowing comments and/or pings and finally the publication status of the page.

You can cancel your changes at anytime by clicking on the Cancel button or you can save your changes by clicking on the Update Page button.

The Quick Edit Post screen looks like this:


From this screen you can make quick changes to the post without editing the actual content of the post.

On the left hand side you can change the title, the slug, the date of publication, the author and the visibility, that is whether or not the post is password protected or private.

On the right hand side you can edit the categories the post belongs to, the tags assigned to the post as well as allowing or disallowing comments and/or pings and finally the publication status of the post including whether or not the post is sticky.

You can cancel your changes at anytime by clicking on the Cancel button or you can save your changes by clicking on the Update Page button.

Trash A Post
Clicking on the Trash option under any page or post title will allow you to move that certain page or post in a Trash bin and you could confirm this action soon as a confirmation message shows above saying that your page or post has been moved to trash with an Undo link.


Restore Or Delete A Post
If a Trash link exists, located next to the All link, you may want to click it to locate all the posts that you have deleted for the past 30 days.

Hover your mouse over to the title of the post that you want to delete or restore, and a sub menu of options will appear below.

Choose Restore to recover back your deleted post or choose Delete Permanently to delete the post forever.


Post Revisions
What happens when you decide you need to go back and retrieve that version of the page you edited three days ago, or three weeks, or three months? On the edit post screen, there is a revisions box which lists a different version of the posts in the system. Click on the version of the post you want to review.

On the compare revisions screen, you can use the timeline slider to compare the changes of the post over time. You can also use the “next” and “previous” buttons to move through the timeline. The redbox on the left, indicates what was changed in the previous version and the greenbox on the right shows the new changes in the latest version.

If you want to compare the difference between two specific revisions, tick the compare revisions check box and position the two markers on the timeline to specify the revisions that you wish to compare. To restore the post to a previous version, untick the compare revisions check box, move the marker along the timeline to the revision you want and then click the “restore” revisions and click the update button to save your changes.

View
Clicking on the View option under a page or post title will take you to the page or post on your website so you can see how it appears to the rest of the world.

Add New Post

You can access the Add New Post screen by choosing Add New from the Posts widget in the sidebar

The Add New Post screen looks like this:

This screen functions are exactly like the Edit Post screen with the exception that the "Update Post" button is now the "Publish" button because the post has never been published. Once the post is published this button will become the "Update Post" button.

There is no content on a new post so you are free to be creative and design your own post from scratch.

Tags
You can access the Tags screen by choosing Tags from the Posts widget in the sidebar

The Tags screen looks like this:

Add New Tag section is at the top of the screen. To add a new tag enter the Tag name and Tag slug and click on the Add Tag button. The tag name can be the full name of the tag to be used, for example "wedding". The slug will be a search engine friendly version of the tag. If you do not enter the slug the system will automatically create one consisting of all lowercase words separated by a hyphen, for example "wedding ".

On the right of the screen is a table that lists all of the tags in the system. Clicking on the tag name will take you to the edit tag screen for that tag. Clicking on the number under posts will take to you to the Edit Post screen with a list of posts assigned with this tag.

Placing the mouse over the name of a tag in the list displays a menu of options as previously explained.

The Bulk Actions menu functions as previously explained.

Edit Tags
The Edit Tag screen looks like this:


Simply edit the tag name and tag slug and click on the Update Tag button to make your changes.

Quick Edit
Quick Edit allows you to edit the name and slug of the tag only.

Categories
You can access the Categories screen by choosing Categories from the Posts widget in the sidebar

The Categories screen looks like this:

Directly beneath the popular categories list is the Add a New Category section. Popular Categories are listed at the top of the screen. Clicking on a category in the list will take you to the Edit Categories screen, which is described in the next section.

To add a new category enter the Category Name and Category Slug, choose a Category Parent from the drop down list, enter the Description for the category and click on the Add Category button.

The category name can be the full name of the category to be used, for example "wedding". The slug will be a search engine friendly version of the category. If you do not enter the slug the system will automatically create one consisting of all lowercase words separated by a hyphen, for example "wedding ".

On the right of the screen is a table that lists all of the categories in the system. Clicking on the category name will take you to the edit category screen for that category. Clicking on the number under posts will take to you to the Edit Post screen with a list of posts assigned to this category.

Placing the mouse over the name of a category in the list displays a menu of options as previously explained.

The Bulk Actions menu functions as previously explained in the Edit Pages section

You do not have access rights to use the category to tag converter so just ignore this option.

Edit Category
The Edit Category screen looks like this:


Simply edit the category name, category slug, category parent and description and click on the Update Category button to make your changes.

Quick Edit
Quick Edit allows you to edit the name and slug of the category only.