WordPress tooltip lets you easily add tooltips to content on your posts and pages. Contrary to most libraries, tooltips are achieved only through CSS.
It offers a tinyMCE shortcode GUI which will guide you through the entire process of a tooltip.
You can also add tooltips manually by following the pattern below:
[tooltip title="This will show as a title for the tooltip (disabled for the classic tooltip)" content="This will show in a tooltip" type="classic|critical|help|info|warning"]Hover over me for tooltip[/tooltip]
(type is only optional, classic is the default)
This plugin is largely based on isharis’s plugin: “WordPress Tooltip” which uses the TipTip jQuery plugin. Many thanks Muhammad! Note that I’ve corrected
the main bug which prevented it from working in some server configurations (tinyMCE form just redirected to the site
It uses the excellent “Sexy Tooltips with Just CSS” authored by Alexander Dawson
Download the plugin. Navigate to “Plugins -> Add New” and click on Upload link.
Use the uploader to upload the plugin zip file and click on “Install Now” button.
After plugin is uploaded. Click on “Activate Now” link to fully install the plugin.
- Why not using alt attributes for the tooltip content?
- How to modify the style of the tooltips?
If you need to change the tooltip styles, you can always edit “easy-tooltip.css”, but a more secure way is to copy and rename this file to “custom.css”. The plugin will give the priority to your custom stylesheet when it loads. This way you minimize the risk to lose your precious customizations when upgrading the plugin in the future.