CM Tooltip (CMTG) - Shortcodes - Glossary Custom Tooltip Shortcode with Dashicons
Glossary Custom Tooltip Shortcode
TIP: What Are Shortcodes
Shortcodes add dynamic content to your site via a small piece of code.
Learn more: Shortcodes - How To Use | Finding ID of Post/Page/Other Content
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
- Custom glossary tooltip -
[glossary_tooltip content="text" dashicon="dashicons-editor-help" color="#c0c0c0" size="16px"] term [/glossary_tooltip]
- content - the content which will be displayed in the tooltip.
- (optional) link - clicking the parsed word will direct the user to this link
-
(optional, only for dashicon) dashicon - The icon which will be used before term to display the tooltip (list of possibledashicons ). - (optional, only for dashicon) color - the color of the
dashicon. - (optional, only for 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.
This is an [glossary_tooltip content="Show a tooltip for a unique phrase on the single post/page"] example of the basic use case [/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 |