Bamboo Build

Pages
What is a page?
A page is a webpage can be viewed over the internet. A page must be built on a template.
What is a page folder?
A page folder is like a file folder holds several web pages.
the root folder for all pages and folders is: Pages.


For Example: (of this site)

 

 

'Homepage' is file 'index.html' placed under 'Pages'. because it is named 'index.html' and it is placed under 'Pages' directly. so it will be the homepage of this site.

'Homepage' will be the title of the page. The url for this page is: http://SITE_NAME/Pages/index.html.

Because this is a homepage, so http://SITE_NAME will do the same.

as

 

 

'Bamboo Templates' is a page folder which is also placed under 'Pages' directly.

'Bamboo Templates' will be page title.

URL: http://SITE_NAME/Pages/templates

 

'Template Tutorial' is a page under 'Bamboo Tutorial. its file name is 'index.html', you can make up anyname, but need to ends with '.html' and should be a normal url name.

URL: http://SITE_NAME/Pages/templates/index.html

http://SITE_NAME/Pages/templates/tut.html if you name it as 'tut.html'.

 

 

You have added plugins to a template, and you can create a page based on that template. now you want to add more content to the page to make up the purpose of this page.

click the 'Edit Page Content' link, you will be directed to page edit mode.

 

this is page edit mode of Template Tutorial which is built upon template: 1 column.

the top header 'bamboo cms' content and horizontal menu bar is on 1 column template. so you can not do any modification to them. so does the footer which is a plain green so far.

 

there are 3 'click to add content' links. the first one will add content to area 'Middle Top', second will add to area 'Main Middle', third will add to 'Middle Bottom'.

 

the main content 'Template' is added as a {Content.Html Edotor} plugin. because it is added on to page. so there are five command icons on top of it: delete, general setup, detailed configuration, move up, move down.

 

delete: will delete this content from this page.

 

general setup (yellow tool): you can set width, height and general css to this content.

 

detailed configuration ( green pen ): you have more control over this content. you got to know basic css at least.

 

move up, move down: will move plugins up and down inside the area where it is originally placed.

 

©Copyright Bamboo CMS 2008