Blog

Managing Pages - Part 1

Posted: 10-Oct-2012
Category: Using PyroCMS

In this tutorial we will look at how we go about adding a new page to your website and the things you need to be aware of before you publish your new page.

Anatomy of a web page.

Before we make the start on creating your new page, we need to get some terminology sorted out. The web is full of acronyms and strange words so lets look at a few you should understand:

Meta Data

Meta data is just data about data, or, something that describes the main content of your page. These will be covered later on in detail, but for now, the main things to remember are meta title and meta description. These two parts of your web page are hidden from view when your page is displayed, but are read by search engines. It is the meta Title and meta Description that you will often see in search results listed by search engines. 

Page Title

Well, this is used as the main heading for the content that follows on your web page. It can also be used as the link title in the site navigation menu and "address" of the page.

Page Slug

What a wierd name!  The page slug is created for you by PyroCMS and is typically used in the navigation menu as the Title for the link to your new page and can also be used in the link address for the page on your website. PyroCMS creates the slug from the words you enter in the Page Title. The short technical description of what a slug is was provided in a forum post by Jerel Unruh, one of the core developers of PyroCMS. 

Page Content

This is the information you wish to convey in the webpage. Here you can use a content editor with a WYSIWYG (What You See Is What You Get) interface that allows you to apply essential structure by way of paragraphs, lists, bolding, headings inserting images, links and more. PyroCMS includes the web's most popular WYSIWYG editor for your use.

Page Chunks

A handy and valuable feature of PyroCMS is Page Chunks which allow you to break up your content into logical sections that can have different styling applied to them. This styling is usually worked out in advance by the site designer and applied by the site developer.

Create a New Page

To create a new page, login to the Admin area of your site and  Select Pages from the Content Menu:

Create a Page 1

After selecting Pages, a list of currently available pages is displayed with some hints. To create a new page click the Add New button.

Pages 2

The Add Page dialog now opens with the Page Content Tab pre-selected by default. 

Now, you can enter in the required information for your new page.

The following illustration shows the various fields already filled in for a ficticious About Us page.

Enter page details 1

Here you will see that the page Slug has been auto generated from the entered Page Title. This we will come back to later.

Its a good idea to leave the page as a Draft version until completed and ready for publication.

When creating your page, you have the option to select which Navigation Group this page will be added to. For this example, I have selected the Header Navigation Group. Navigation Groups provide a very flexible method for setting up sites with many pages that can be accessed from a number of different Navigation Menus. For example, a site may have some pages accessed via the Header menu, whilst others may only be accessed via a sidebar menu. - Then some other pages such as a Terms and Conditions page, may only be accessed via a navigation group included in the site's Footer.

Once you have entered your essential information, the page can be Saved. If you intend on creating in a single session a lengthy page, its a good idea to Save your page often - just to protect yourself from unexpected happenings such as your connection to the interet being interupted.

Coming up next is an intro to Page Chunks and after that the all important Meta Data....