Four stages are required to integrate our CMS:
CMS Code requires two element types:
Each element has two states:
Lastly, each element has a name:
This class call will show all CMS editable regions that are hidden when a user logs into CMS.
For best results, each CMS element must be contained within a tag. Keep in mind, all html within the start and end state of a CMS element will be overwritten each time it is saved.
The use of server side includes are recommended for navigational menus. However, all editable content areas must be contained on the page. Editable content areas located within an include file will be ignored.
<ul><!-- CMSMenuEnd:Main --><li>Home</li></ul>
<li>Page 1</li>
<li>Page 2</li>
<ul><!-- CMSMenuEnd:Side -->
<li>Side Nav 1</li></ul>
<li>Side Nav 2</li>
<p>Start side content...</p><!-- CMSContentEnd:Side -->
<p>Start main content...</p><!-- CMSContentEnd:Main -->
<ul><!-- CMSMenuEnd:Footer -->
<li>Home</li></ul>
<li>Page 1</li>
<li>Page 2</li>
<tr></table>
<td>
<!-- CMSMenuStart:Main -->
<ul><!-- CMSMenuEnd:Main --><li>Home</li></ul>
<li>Page 1</li>
<li>Page 2</li>
</td>
</tr>
<tr></table>
<td>
<!-- CMSContentStart:Side -->
<p>Start side content...</p><!-- CMSContentEnd:Side -->
</td>
<td>
<!-- CMSContentStart:Main -->
<h1>Title</h1><!-- CMSContentEnd:Main -->
<p>Start main content...</p>
</td>
</tr>
<tr></table>
<td>
<!-- CMSMenuStart:Footer -->
<ul><!-- CMSMenuEnd:Footer -->
<li>Home</li></ul>
<li>Page 1</li>
<li>Page 2</li>
</td>
</tr>