Tag: Video Tutorial

Added more details for wordpress tooltip video tutorial — “WordPress Tooltip Keyword Matching Mode” and “WordPress tooltips for image setting”

Hi Dears,

Based on users requested, we just added more details with text and images for our wordpress tooltip video tutorial, please check new update of “WordPress Tooltips Video Tutorial 7: WordPress Tooltip Keyword Matching Mode” and “WordPress Tooltips Video Tutorial 9: WordPress tooltips for image setting“, we are still add more text and screenshot for video tutorial of our wordpress tooltip plugin, you will see more document soon 🙂

Tagged with: , , , ,

Text Version of WordPress Glossary Settings Video Tutorial

Hi Dears,

Based on user’s requests, we are adding text version of each wordpress tooltips video tutorial, the first text version of wordpress glossary settings can be found at:  WordPress Tooltips Video Tutorial 11: WordPress Glossary Settings

Thanks, have a blessings day with your family :

Best Regards,

WordPress Tooltips Support Team

Tagged with: , , , , ,

WordPress Tooltips Video Tutorial 11: WordPress Glossary Settings

WordPress Glossary Settings Panel

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 Style Panel

WordPress Tooltip plugin provide five Glossary styles: Blue, Blonde, Dark, Red and Green.

WordPress Glossary Customize Setting Panel

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.

Tagged with: , , , , , , ,

WordPress Tooltips Video Tutorial 10: Import WordPress Tooltips From csv

How to Import WordPress Tooltip From csv

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

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

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

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

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

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.

 

Tagged with: , , , , , , , ,

WordPress Tooltips Video Tutorial 9: WordPress tooltips for image setting

WordPress tooltips for image setting

Add wordpress tooltip to the image on hover

WordPress Tooltip plugin provide several ways for you to add tooltip to the image on hover.

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

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.

Tooltips for image Keyword Matching Mode

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

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

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.

Please check wordpress tooltip for image demo

Tagged with: , , , ,

WordPress Tooltips Video Tutorial 8: Enable/Disable WordPress Tooltips for Images

How to enable or disable wordpress tooltips on images

Tagged with: , , , ,

WordPress Tooltips Video Tutorial 7: WordPress Tooltip Keyword Matching Mode

WordPress Tooltip Keyword Matching Mode

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

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

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

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

Show wordpress tooltip only for the first matching keyword

Tagged with: , , , , , , ,

WordPress Tooltips Video Tutorial 6: custom tooltip box color, font, underline, Shadow… and more

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

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 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 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 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 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”.

That is all, WordPress Tooltips Pro Plugin help you create the unique tooltip in just a few clicks.

wordpress tooltip customize demo

wordpress tooltip customize demo

Tagged with: , , , , , ,

WordPress Tooltips Video Tutorial 5: How to use 7 preset stylesheet and beautiful color schemes

WordPress Tooltips Video Tutorial

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:

Image

Plain 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

light color scheme for wordpress tooltip plugin

Dark 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

red color scheme for wordpress tooltip

Green 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

blue color scheme for wordpress tooltip

How to choose your favorite preset color scheme?

preset 7 wordpress tooltip color schemes

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.

If you don’t like these preset color schemes, then you can customize your own color scheme by yourself. We will introduce wordpress tooltip plugin color scheme customization in next video.

Tagged with: , , , , , ,

WordPress Tooltips Video Tutorial 4: How to Create Your First Tooltips In WordPress Tooltips Pro Plugin

How to Create Your First Tooltips In WordPress Tooltips Pro Plugin

Tooltips pop up when the visitors hover over an element, which help you provide more detail about some certain text.

WordPress Tooltip allow you easily create a Tooltip, we’ll show you how to add tooltips step by step.

1. Install and activate WordPress Tooltip Plugin on your site.

2. Logging in to your WordPress admin area and Click on Tooltips » Add New in your WordPress admin sidebar.

add new wordpress tooltip

add new wordpress tooltip

3. You can add any HTML elements to the tooltip include images, link as well as text in your WordPress post text editor.

Add new wordpress toolip

4. You’ve successfully added a wordpress tooltip, When you hover over the keyword, the tooltip will trigger.

Image

You can also customize the appearance of your tooltips, our wordpress tooltip plugin provides more awesome configuration options, like text color, background, font size, width, shadow, opacity, trigger method and more. If you prefer, please read how to customize your tooltips.

Thanks, have a blessings day with your family 🙂

Best Regards,

Wodpress Tooltip Plugin Support Team

Tagged with: , , , , , ,
Top