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

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.

Please check wordpress tooltip for image demo