How to select preset wordpress glossary stylesheet, how to customize glossary settings, how to change glossary Nav Bar font size, Hide Nav letters have no item, enable glossady index page, setting glossary index page, select your language… and so on
WordPress Glossary Customize Setting contains settings such as Nav bar font size-all items, nav bar font size-selected item, Hide Nav letters have no item, Show Numbers in Nav bar, Enable Glossary Index Page, Glossary Index Page and Your language.
Option: Nav bar font size, all items
You can customize the font size for your wordpress glossary’s navbar,for example, “11” means “11px” for all font size.
Option: Nav bar font size, selected item
WordPress Glossary navbar is important, we use Glossary letter to navigate through them. You can set font size of the selected Glossary letter larger to make it stand out. For example, “14” means “14px” for font size of selected glossary letter.
Option: Hide Nav letters have no item
You can hide the glossary letter or number which have no any content. The setting help navigate your users to useful page.
Option: Show Numbers in Nav bar
You can show / hidden numbers in Nav bar, you can remove numbers like 1,2,3…. from Nav bar via select the option “Remove numbers in Glossary Nav bar”
Option: Glossary Index Page
You can select one wordpress page as your “Glossary index page”.
Option: Enable Glossary Index Page
You can enable or disable wordpress Glossary index page.
Option: Your language
WordPress Tooltip plugin provide seven languages, they are Swedish, English, German, French, Finnish, Spanish, you can select the language what you want.
You can use “Import Tooltips” to import your tooltip CSV file in all wordpress tooltip list. Click on Tooltips » Import Tooltips, then click on Choose File, select your CSV file to import, it looks like this:
wordpress tooltip plugin Import tooltip from csv file
All tooltip list will be updated according to the content in the CSV file.
all wordpress tooltip in database will be updated
Also, after you finish the CSV file import, You can build a wordpress glossary page to view the change in wordpress tooltip list, click on Posts » Add New, input the wordpress glossary shortcode [glossary] in your WordPress post text editor.
build wordpress glossary post
Click on View Post to see the wordpress glossary page. You will find all wordpress tooltip content in the CSV file have been imported via wordpress tooltip plugin, it looks like this:
Show wordpress tooltip in wordpress glossary page
How to create your wordpress tooltip csv file
1. After downloaded wordpress tooltip plugin, you can find a file sample.csv contained in your wordpress tooltip Pro plugin folder. Open sample.csv in any spreadsheet program, such as Microsoft Excel.
sample wordpress csv file
2. Input your information in the “tooltips term” column and “tooltips content”column. “tooltips term” means tooltip keyword, “tooltips content” means the content in tooltip popup box.
Note: When you’ve finished changes to the sample.csv file, make sure to export it as a CSV file.
When you mouse over the image, you can see a tooltip popping up with the description of the image.
The features of WordPress Tooltip plugin help your users understand your site better, it also helps your site work better in search engines.
How to add wordpress tooltip to the image on hover
1. Login wordpress admin area,click tooltips menu item, clicking the tab “Global Settings” in WordPress Admin sidebar, access to Global Settings page.
2. You can find the panel “Enalbe/Disable Tooltips for image setting”, you need select “I want to enable tooltips for image” at first.
Enalbe WordPress Tooltip for image setting
3. Come to the panel below “Tooltips for image Keyword Matching Mode”, You can use ALT attribute, REL attribute and title attribute to add the wordpress tooltip to the image on hover.
WordPress Tooltip plugin for image Keyword Matching Mode
Use ALT attribute in img tag as content of tooltips for image
The option help you display the value of the alt attribute as a wordpress tooltip when mousing over the image.
Select the option at first, and then go to post editor, add the ALT attribute to your images, everything is OK.
How to add a ALT attribute to your images?
You need upload an image into your post in post editor at first, after the image is uploaded, edit the image details, input intro text in the field of Alternative Text.
Now when you mouse over the image, you will see the alt attribute text appearing in the tooltip.
Use REL attribute in image tag as content of tooltips for image
The option help you display the value of the REL attribute as a wordpress tooltip when mousing over the image.
Select the option at first, and then go to post editor, add the REL attribute to your images, everything is OK.
How to add a REL attribute to your images?
add a REL attribute to your images
You need upload an image into your post in post editor at first, after the image is uploaded, edit the image details, input intro text in the field of link rel.
Now when you mouse over the image, you will see the REL text appearing in the tooltip.
Use title attribute in image link as content of tooltiops for image
The option help you display the value of the title attribute as a tooltip when mousing over the image.
Select the option at first, and then go to post editor, add the title attribute to your images, everything is OK.
How to add a title attribute to your images?
add a title attribute to your images
You need upload an image into your post in post editor at first, after the image is uploaded, edit the image details, input intro text in the field of image title attribute.
Now when you mouse over the image, you will see the title text appearing in the tooltip.
WordPress Tooltip plugin provide a very useful feature – Tooltip Keyword Matching Mode. The option help you control keywords appearance, when you have too many occurrences of the same keyword on a page or post. This video tutorial show you how to setting the wordpres tooltip appear for all matching keywords in a page, or show wordpress tooltip for first matching keywords in the same page
WordPress Tooltip provide two options to select
WordPress Tooltip Keyword Matching Mode
Add tooltips to all matching keyword in the same page
Appear wordpress tooltip for all of the same keyword, when you have too many occurrences of the same keyword in a page.
Appear wordpress tooltip for all of the same keyword
Appear wordpress tooltip for all of the same keyword, when you have too many occurrences of the same keyword in a page.
Appear wordpress tooltip for all of the same keyword
Add tooltips to the first matching keyword in the same page
Show wordpress tooltip only for the first matching keyword, when you have too much occurrences of the same keyword in a page.
Show wordpress tooltip only for the first matching keyword
How to customize your tooltip style with wordpress Tooltips Pro
WordPress Tooltip Pro offers many awesome configuration options to control the appearance of tooltip.
You can modify the settings to give the control a unique appearance for the tooltip
1. Logging in to your WordPress admin area and Click on Tooltips » Tooltips Style Settings in your WordPress admin sidebar.
2. Go to the panel “Tooltips Box Customize Setting”, the following settings control the style of tooltips.
customize your tooltip style with wordpress Tooltips Pro
Tooltip Box Width (required field)
You can customize the width of tooltip here, for example, “400” means “400px” for tooltip popup box.
WordPress Tooltip Box Background (required field)
You can changer wordpress tootlip popup box background easily with color picker.
WordPress Tooltip Box Background
WordPress Tooltip Font Color (required field)
You can use the color picker to select an exact tooltip font color.
WordPressTooltip Box Position (required field)
WordPress tooltip plugin provide 8 options for tooltip positon, they are bottomRight, bottomLeft, topRight, topLeft, topMiddle, bottomMiddle, rightMiddle, leftMiddle.
WordPress Tooltip Box Position
WordPress Tooltip Text Align (required field)
WordPress Tooltip Text Align has three option: left, right, center.
WordPress Tooltip Box Padding (required field)
You can set the padding property for wordpress tooltip popup box, for example, “10” means “10px”.
WordPress Tooltip Class Name (required field)
Define a class name for your tooltip.
WordPress Tooltip Border Radius (required field)
You can give the tooltip popup box rounded corners by applying Tooltip Border Radius, “5” means “5px”.
WordPress Tooltip Border Width (required field)
“Border Width” specifies the width of the border of tooltip, fox example, “3” means “3px” for the border.
WordPress Tooltip Border Color (required field)
You can use color picker to select a border color for your tooltip.
WordPress Tooltip Shows When (required field)
“Tooltip Shows When” means how to trigger tooltip, Tooltips Pro provides nine trigger methods, Mouse Over, Mouse Leave, Mouse Enter, Mouse Out, Mouse Move, Mouse Up, Mouse Down, Double Click, Click.
WordPress Tooltip Shows When
WordPress Tooltip hides when (required field)
Tooltips Pro provides 10 ways to make tooltip popup box disappear, they are Mouse Over, Mouse Leave, Mouse Enter, Mouse Out, Mouse Move, Mouse Up, Mouse Down, Double Click, Click, Stay Open A While.
WordPress Tooltip hides when
WordPress Tooltip Opacity (required field)
WordPress Tooltips Pro Plugin help you create a transparent tooltip popup box, the opacity property can take a value from 0.1 – 1.0, The lower value, the more transparent.
WordPress Tooltip Border Bottom (required field)
You can set the css style of border bottom for the tooltip keywords, there are five options to select, Dotted, Double Line, Solid, Dashed, hidden.
WordPress Tooltips Underline Color (required field)
You can use color picker to select the underline color of worpress tooltip keyword.
WordPress Tooltips Shadow (required field)
You can select to disply or hide shadow.
WordPress Tooltip Font Size (required field)
You can set the font size for the tooltip, “12” means “12px”.
WordPress Tooltip line Height (required field)
You can set line Height for the tooltip, for example “1.5”.
How to use 7 preset wordpress tooltip stylesheet and beautiful color schemes: White, Blue, Light, Dark, Red, Cream, Green.
Our wordPress tooltip plugin provide 7 different preset color schemes, they are Yellow(default), Plain, Light, Dark, Red, Green, Blue.
Yellow color scheme for wordpress tooltip:
Plain color scheme for wordpress tooltip:
plain color scheme for wordpress tooltip
Light color scheme for wordpress tooltip plugin:
light color scheme for wordpress tooltip plugin
Dark color scheme for wordpress tooltip plugin:
dark color scheme for wordpress tooltip plugin
Red color scheme for wordpress tooltip plugin:
red color scheme for wordpress tooltip
Green color scheme for wordpress tooltip:
green color scheme for wordpress tooltip
Blue color scheme for wordpress tooltip:
blue color scheme for wordpress tooltip
How to choose your favorite preset color scheme?
preset 7 wordpress tooltip color schemes
1. Click on Tooltips Style in WordPress Admin sidebar.
2. Find Tooltip Style in the panel “Tooltip Box Style”.
3. Select the color scheme what you want.
4. Click Update Now.
* 16 Years. Industry Benchmark. Defines the Tooltip Standard
* 688 Versions Released
* 1,000+ multilingual docs and videos, legacy support excellence
* 20,000+ websites trust us
* Ticket Support, Detailed Video Tutorials and Document
* Preset beautiful color schemes & stylesheet, Customize wordpress tooltip plugin style via a few mouse clicks, Multi language, positioning, trigger method, Multi browsers / Mobile devices supported, supports tooltips for many popular wordpress plugins
* Join Our Diverse Community of Users: Our plugin is loved by teachers, writers, manga artists, analysts, engineers, financial experts, and professionals from universities, banks, finance, aerospace, the internet, and beyond!