Tagging Existing Pages
Tags are OmniUpdate-specific HTML comments that instruct the OmniUpdate editor where and how to open a section of content for editing. When you are going to "Tag" a page, you will be typing in new source code which will specify what regions you would like to be editable. Placement and accuracy of the tags is crucial, so it is important to follow the guidelines below in order for a page to work correctly within the OmniUpdate system.
When tagging existing pages, first decide what areas of a page you want your users to be able to edit. Usually those areas include at least the main content region of the page. Areas to which you may not want users to make adjustments are those consistent sitewide, including the header, footer, and navigation. This image below outlines a navigation area you might not want all users to have access to edit, whereas the main content block is something that should be editable.
It is important to mention that specific areas can be restricted to be editable by certain users or groups of users, which you can see here.
Once you have decided what areas you want editable, the next step is to add the tags. Within the source of the page, you will insert an opening tag and a closing tag around the main content. Click the "Edit Source" button to begin tagging your page.
<!-- com.omniupdate.div label="content" group="Everyone" button="787" break="break" -->
<h3 class="notop">Welcome to Gallena University</h3>
<p>Gallena University is a nationally recognized research institution and center for the promotion of performing arts. The center for research and technological advancement, in partnership with the private sector, is ranked as a top college in Southern California.</p>
<!-- /com.omniupdate.div -->
There are several types of tags to choose from. Below is a list of tags:
- Date Time Tag
- Direct Entry/Login Tag
- Editable Region Tag
- Edit Full Page Tag
- Editor Tag
- MultiEdit Tag
- Properties Tag
For a description of each one, please visit the Page Tagging Reference page.
The editor tag is optional. If it is included, it can contain variables that determine the following:
- the path to the CSS stylesheet to be pulled into the editor while a user is editing this region
- the path to the text file that contains "instructions" for the editor concerning which CSS-driven styles to display in the editor's "Styles" drop-down menu
- how wide the editor should appear to be
Note: this tag does not require a closing equivalent.
<!-- com.omniupdate.editor csspath="/omnistyles/mainbodythird.css" cssmenu="/omnistyles/mainbody.txt" width="799" -->
Note that the HTML-style comment tags (e.g., <!-- com.omniupdate.editor /-->) are transitioning to a different tag style for XML elements. The style and syntax shown in the examples are and will continue to be supported. There may also be shown a transitional style for the editor and multiedit tags. For example:
<!-- ouc.editor /-->
Once you have accurately tagged your page, you may click the "Preview" button to see what the finished result will look like. If you need to make changes, click the "Edit Source" button again and edit your code.
Once the tagging satisfactorily meets your requirements, click the "Publish" button which will push the page to the production server and make it live.