CM Tooltip (CMTG) - Shortcodes - Glossary Custom Tooltip Shortcode with Dashicons

Glossary Custom Tooltip Shortcode

Back to User Guide

If you want to add a tooltip to some word/phrase/image on a single page but you don't want to or can't add it as a term, you can use the Custom Tooltip Shortcode.

Shortcode: [glossary_tooltip content="text" dashicon="dashicons-editor-help" color="#c0c0c0" size="16px"] term [/glossary_tooltip]

Shortcode Parameters

• Required - Use either content or term_id
  • content - The tooltip will display the content specified in the parameter. Useful when the content is not updated constantly.
    • Example -  [glossary_tooltip content="This is the text that will be shown"] term [/glossary_tooltip]
  • term_id - The tooltip will display the content of a certain term, specified by its ID. Userful when the content is updated constantly.
    • Example -  [glossary_tooltip term_id="10000"] term [/glossary_tooltip]

      TIP: Finding the term ID

      Edit the term and check the URL. The ID is located after the "post=" segment, as highlighted.

      
• Optional
  • link - Clicking the parsed word will direct the user to this link.
  • underline - The term and dashicon tooltips will not be underlined by default. If you want to force underline you need to set this parameter to 1.
  • tsize - Define the size of text inside of the tooltip. Note: this parameter was introduced in version 4.2.0.
  • tcolor - Define the text color inside of the tooltip. Note: this parameter was introduced in version 4.2.0.
  • bgcolor - Define the background color of the tooltip. Note: this parameter was introduced in version 4.2.0.
  • dashicon - The icon which will be used before term to display the tooltip (list of possible dashicons).
  • color - The color of the dashicon.
  • size - The size of the dashicon.

How To Use

1) Basic use case - the display of a single word or phrase existing in the content of your post/page.

Example:

[glossary_tooltip link="cminds.com" tsize="18px" tcolor="#ffffff" bgcolor="#802BB1" underline="1" content="WordPress (WP or WordPress.org) is a free and open-source content management system (CMS) written in hypertext preprocessor language and paired with a MySQL or MariaDB database with supported HTTPS."]WordPress[/glossary_tooltip]

2) Advanced use case - utilizing the support for the dashicons library built in WordPress. This allows you to easily add help/explanations with the eye catching graphic elements instead of plain text:

Below: A lot of examples displaying different dashicons with different sizes and colors:

Below: Basic use case shows the Example 1) and later on it displays how the dashicons can look in the text.

	More information about the CM Tooltip Glossary WordPress Plugin Other WordPress products can be found at CreativeMinds WordPress Store
	Let us know how we can Improve this Product Documentation Page  To open a Support Ticket visit our support center