Adding Definitions to Your Web Page

Content editors have the option to add definitions to their web page terms. Definitions come from Terminology Services, EPA’s repository of environmental . Definitions added using this method will appear on your page as a pop-up box when the user clicks the highlighted term.

These definitions should be added selectively and judiciously. Using the Add Definition feature will add the definition directly to the page content.

Note: If the definition in Terminology Services is ever updated, this change is not reflected on your page. You will have to update every page that has that definition.

Enter your page text into the Body (or any other textarea with the WYSIWYG editor buttons) text area.
Highlight the text you wish to search, and then select the Add Definitions button to launch the term selection window.
Your highlighted text will be scanned and sent to Terminology Services for matching terms. Any matching terms found by the service are called out.
- To filter the matching terms by glossary (i.e., you only want terms that come from a specific glossary), use the Filter by Dictionary dropdown box.
Use the Add Term or Skip buttons to move through the highlighted terms.
When a term you wish to define is highlighted, select your preferred definition from the Select Term dropdown menu. (If Filter by Dictionary has not been used, all definitions for the selected term will appear, and you will be able to see which glossary each definition is from.)
When you have selected the definition you wish to use, click the Add Term button.
Repeat steps 4 through 6 as needed to add definitions to your content. Remember, be judicious.
When all definitions have been added, click the Apply button. You will be returned to the edit screen. Defined terms will now have a dotted underline.
Publish your content per the Public Access WebCMS publishing process.
If you wish to remove a definition from a term, you need to disable the rich text editor using the link right below the body field, find that term in the code, and remove both the link surrounding the term and the following code (which includes the definition) that is inserted with definitions:

<span class="definition js-definition"><button class="definition__trigger js-definition__trigger">Definition Term</button><span class="definition__tooltip js-definition__tooltip" role="tooltip"><dfn class="definition__term">Definition Term</dfn>Description of the definition term.</span></span>

Adding Definitions to Your Web Page

WebCMS Training