Create a Style
By now you should be ready to start building the content of the websites, which is made of Styles and Articles in Midgard CMS.
A style is a HTML template containing the layout and design of a webpage. Because most websites tend to have a common style throughout all the pages, the style is separated from the page content such that it is easier for maintenance and modification.
A style generally contains the header with logo, and the navigation menu of the website. Designers are usually the ones who are in charge of Styles. The recommended procedures in creating styles in Midgard CMS are, firstly the design of the style should be created with tools that the designers are familiar with, such as Photoshop and Dreamweaver, then copy and paste the style into Aegir interface as an HTML file.
However, only Company Administrators are allowed to created new styles, and that the designers will be building the content of styles.
Create New Style
- Login as Company Administrator, e.g. peterwong of Test Ltd.
- Open the Style tab in the left menu.
- Click on the New Style button under the tab.
- In the Create New Style window as shown below, type in the name of the new style and select the group in charge.
The Based on Style option allows you to create a new style that is a copy of an existing style. The pull down list contains all existing styles in the company, and the shared styles created by the System Administrators that are available to all users in the system. * Press Submit to confirm.
The message "Style has been created" will be displayed if successful, indicating that the new style has now been created, but without any content. By default you should see the only content in the style - the tag <(content)> - for the moment.
Edit Styles
Editing styles is done in the inline editor or the HTML editor.
- Login as a designer, e.g. John.
- Select the style from the left menu.
- Click on the Edit tab from the top menu. The inline editor will be displayed as below. You may start building the style here.
If you prefer to write HTML, you may switch to use the html editor. Or if you have created the style with other programs such as Dreamweaver, you may copy the HTML and paste into Aegir using the HTML editor. * Press Submit to confirm.
NOTE
- You can split your style into separate elements for easier management. Elements are included to the style using the <(elementname)> tag
- MidCOM template provides you with several handy elements built-in
- Besides HTML you can also add PHP code into your style elements
- Modifying MidCOM templates
TASK
- Create a new style, e.g. Main.
- Create another new style, e.g. Main2.