CMS Integration
Four stages are required to integrate our CMS:
- All navigational menus; i.e. header, side navigation, footer, etc. must be formatted into an unordered list. The use of server side includes are recommended for navigational menus.
- Add the CMS Tag as a comment to each navigational menu and editable content area on every page (see example code).
- Add the authorization script to activate your account. An Authorization script and associated key code(s) will be provided after the completion of the product registration. This will need to be prevalent on every page.
- Manually enter all navigational menus in CMS by clicking Manage Site. Use the corresponding CMSMenu element name when adding each navigational menu. Click here to view a video tutorial.
Breakdown of the CMS Tag
CMS Tag requires two element types:
- CMSMenu – represents a navigational menu.
- CMSContent – represents an editable text area.
Each element has two states: Start & End
<div>
<-- CMSMenuStart:MainMenu --> Menu here...<-- CMSMenuEnd:MainMenu -->
</div>
<div>
<-- CMSContentStart:Main --> Content here... <--CMSContentEnd:Main-->
</div>
Lastly, each element has a name:
- The text after the colon is the element’s name. There can be multiple navigational menus and editable regions on a page. The name is used to differentiate between multiple selections of the same element.
- The name is not pre-defined; however, it must be unique for each element type and must be used concurrently in both states.
- Follow standard naming conventions.
Optional Coding
Trigger a load complete event.
rhjQuery('body').bind('CMSLoadComplete', function() {
// Do something here.
});
jQuery.each(rhjQuery('body').data('events'), function() {
// Do something here.
});
Integration Notes
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.
