Composr Tutorial: Adding standalone pages of content (via Comcode)

Written by Chris Graham (ocProducts)
You may easily add new pages of information to Composr by making a 'Comcode page'.

A Comcode page is a page in the system that you can edit either via a WYSIWYG editor, or a very simple mark-up language called Comcode, or a combination of both.

This documentation is written using Comcode in fact.

If you want to write a page without any special formatting, you can just type it out in plain-text, and this will usually be valid Comcode and display as you would expect it to. You can then add 'tags' to identify things such as titles and links.

This tutorial covers some basic information relating to Comcode pages.


Default pages

Image

The list of Comcode pages to be edited/deleted

The list of Comcode pages to be edited/deleted

(Click to enlarge)

Comcode pages may be selected for editing either:
  1. From Content Management > Pages (Comcode pages), which gives you a table to choose from.
  2. By clicking the edit link underneath a page being viewed.

The default Comcode pages are…
Zone Page Purpose Editing likelihood
All panel_* Panels are special pages that sit alongside all pages in a zone. They are like shared borders.
Composr 10+ does not use left/right panels by default. Some are there out-of-the-box in the system, but blank. If you do panels you can set them up by editing them like normal pages.
25%
Welcome start This is the default front-page. 100%
Site start This is the default front-page of the Site zone. It only exists if you do not have the "Single public zone" option enabled. If "Single public zone" is not enabled then this page is usually used for logged-in users only. 100%
Welcome sitemap The Site Map, which by default, is automatically generated using a special block. 5%
Welcome _rules Site rules, also shown when joining the website (rules also exists, which just wraps around _rules so that it looks good also as a standalone page). 50%
Welcome privacy Privacy information. 30%
Welcome keymap Keymap of shortcuts, promoted to users on screenreaders (i.e. partially-sighted/blind users). 5%
Welcome 404 Shown when requested content cannot be found. 5%
Welcome recommend_help Usage instructions on recommending the site. Only installed if the recommend addon is installed. 5%
Welcome feedback This provides a feedback form, linked from the footer. 50%
Site help Help for your site. Contains default information on points, etc. 80%
Site userguide_comcode A basic user-focused guide on Comcode. 30%
Site popup_blockers Information about how to disable pop-up blockers. Only installed if the chat addon is installed. 5%
Site userguide_chatcode Help for the chat system. Only installed if the chat addon is installed. 2%
Collaboration start This is the default front-page of the collaboration zone. Only installed if the collaboration_zone addon is installed. 100%
Collaboration about This describes the Collaboration Zone. Only installed if the collaboration_zone addon is installed. 100%


URLs

Like any page in Composr, a Comcode page is accessed by using:
http://yourbaseurl/<zone>/index.php?page=<page-name>

Actually If you are using a URL Scheme, then it may be something else (depending on which URL Scheme you use):
  • http://yourbaseurl/<zone>/pg/<page-name>
  • http://yourbaseurl/<zone>/<page-name>.htm
  • http://yourbaseurl/<zone>/<page-name>

Adding a new page

Image

The easy way to add a Comcode page

The easy way to add a Comcode page

(Click to enlarge)

There are two ways to add a new Comcode page in Composr.

Method 1:
  1. Click the browser address bar
  2. Just type in the URL to where you want the page to be
  3. Click the given link to add the missing page

Image

Choosing to add a page

Choosing to add a page

(Click to enlarge)

Method 2:
  1. Go to Content Management > Pages (Comcode pages)
  2. Scroll down
  3. Give a new page name in the <zone>:<page-name> format Composr uses in the list of pages that already exist (where a page in the Welcome Zone would just be :<page-name>)

    (If you don't use a colon, a default zone will be picked)

Proceeding to edit the page

Image

The edited Comcode page looks like this

The edited Comcode page looks like this

(Click to enlarge)

Image

Editing a Comcode page

Editing a Comcode page

(Click to enlarge)

Once the Comcode page editor is open, you can pretty much just type your page in.

This screen is exactly the same both for adding a new page and editing an existing page.


If WYSIWYG is on:

You'll have a nice editor to use.

If WYSIWYG is off:

You'll pretty much type plain-text, with small diversions to indicate special formatting (most notably, the title tag, which every page should include).

It is beyond the scope of this tutorial to explain Comcode: see the Comcode and the attachment system tutorial for this.

Deleting pages

You can delete a Comcode page from the bottom of its edit form.

Page templates

There are a number of built-in page templates available. These are shown when you add a new page from Content Management > Pages.

The templates are designed to help you in the following ways:
  • So you don't need to think too hard about what kind of pages your site would benefit from
    • Note we don't provide an FAQ page template because we have a default FAQ catalogue instead
  • So you get some reasonable default layouts and graphics (any website benefits greatly from professional design, but the samples are enough to get most sites started)
  • Specific and detailed advice you can work to, particularly on how to structure persuasive or engaging articles (we think we've saved you a lot of self-education here, bringing together techniques from journalism, PR, sales, and brand marketing, into a single set of convenient techniques)

Hiding pages from the Sitemap

There may be cases where you don't want a Comcode page to appear in your Sitemap. The easiest way to solve this is to preface the name of the Comcode page with an underscore (_). For example, pages named _test and _example will not show on the Sitemap due to starting with the underscore symbol.

Concepts

Comcode page
A Composr page written in Comcode, editable from inside Composr

See also


Feedback

Please rate this tutorial:
Item has a rating of 1

Have a suggestion? Report an issue on the tracker.

Back to Top