Introducing the page editor

Lets have a quick walk through the page editor.

The page editor creates the HTML templates (and content pages) that you will be using throughout your site. Lets examine the process, and each field.

Enter the page management area

Then click on "New Page" which will lead to this popup

#1 Page Type - This is the most important thing you'll chose in this form. You need to decide what kind of page to create. It could be some kind of text file, a layout, or some kind of content page. For example if you wanted a page that would show a list of blog posts from the content manager, you would select "Blogs". 

#2 URL - This is the URL to be referred to in your browser, or linked to from other pages. Some URL's can have dynamic segments, such as most single pieces of content (blog post, testimonial, etc). Some URL's are not used externally only internally (layouts, partials). If a URL is being used on the web, you need to precede it with a "/". 

#3 Page Name - This is just a name for your page that you will use to refer to internally in the page manager.

 

The Editor

In most cases when editing a page you will get a HTML code editor which allows you to edit your HTML or other text pages directly. If you selected "Page (html rich text editor)" you will be given a WYSIWYG editor. This is useful for non-technical users to edit pages. 

Let's walk through the features of the editor (click to see a larger image):

#1 Page Title - This is the same title when you created the page

#2 Editor body - This is a full fledged HTML editor that works in your browser. It will autosave your work (by default, every 3 seconds when a change is detected). You can copy and paste and search for code in this editor. It is also color coded.

#3 URL - The URL to this page. Useful for every kind of page created except layouts and partials. You can put this URL in your browser to test your page. Eg: "https://mysite.com/help".

#4 Meta Information - Set the Meta title, meta description and meta keywords for your page to add SEO value. In the case of Individual content such as blog posts, testimonials and so on, this will be overridden with the title and summary of that content. This is optional.

#5 Choose a Layout - Sets the layout for the current internal page. If you are editing a layout or a partial, assigning it to another layout would not have any effect. 

#6 Choose a page type - You would have already did this when you were creating the page. But if you change your mind you can change it at any time. The page type influences what kind of liquid tags become available in your templates. The name of the liquid tags directly correspond to the page types you selected.

#7 Include in menu - If you decide to use a dynamic menu system, you can check this box to add this page to your menu. Once you add a page to the menu, the page editor will allow you to create nested pages that produces sub-menus. This is a good way to implement a dynamic dropdown menu system.

#8 Page privacy - Your pages can be public or private as follows:

  • Public - Visible to everyone
  • Users - The visitor must be logged in
  • Only employees - To be seen by employees of your organization
  • Admins - To be seen only by administrators.

#9 Items per page - If this page will produce a collection, you can determine how many items will be in the collection. A collection is like a list of blog posts.

#10 Ordering - You can order the items in the collection in a variety of ways

#11 Filtering by Category - If you categorize the items in your collection, you can decide to only show items in a certain category. This is very useful for creating separate pages for each category. For example, you might want a special page to show items with the category "Cruises"

#12 Filter by Tag - Since you can tag every item in a collection, you get the chance to also filter by random tags. You can enter more than one tag to show posts with either (or all) of the tags you entered.

#13 Filter by Search Term - Your collection can also be filtered by arbitrary search terms.

 

 

Last updated 2 months ago