• Skip to main content
  • Skip to primary sidebar
  • Skip to footer

nSiteful Web Builders

Building a Better Web - One Site at a Time.

  • Home
  • About
    • Testimonials
    • Resources
  • Web Sites
  • Online Marketing
  • WordPress Support
    • Customized WordPress Training
    • 60-for-60 Sessions
  • Web Applications
  • Blog
    • Archive Listing Minimalistic
    • Blog Articles Grouped by Category
    • Case Studies
    • General
    • Portfolio
    • Reviews
    • Snippets
    • Techniques
  • Contact Jeff
    • Purchase Retainer Consulting Hours
    • About Retainer Consulting Hours

By Jeff Cohan, December 9, 2012

Tipsy WordPress Plugin from iThemes

Last updated February 21st, 2019 at 06:46 am

Overview

iThemes, the makers of the great BackupBuddy plugin for WordPress sites, offers a number of useful plugins. One that I just downloaded and installed is Tipsy (yeah, hover over me to learn with Tipsy does), and this post is a test of how it works. Note that anything that appears like this in this post has a Tipsy ToolTip associated with it. By hovering over a Tipsy ToolTip link (although the plugin can be configured to be activated upon click, instead), the tool tip should pop up.

Installation and Setup

Installation and setup is very simple.

  1. Install the plugin in any of the ways plugins are installed.
  2. Create a first Tipsy Group. A Tipsy Group is a unique set of configuration options.
    For this post, I created two groups. One I initially named “First” but then renamed it to “Hide300” to help me remember that it has auto hide set to true and maximum width set to 300 pixels. Groups can be named anything.

    Here’s a screen shot of the Tipsy Group Setup screen; click to enlarge. Note that I left the “Tip content” box blank. This is the norm; it allows you to set the tooltip text independently for each case.

    (The reason I set up a second Tipsy Group (which I named “Persistent”) is that the auto-hide feature isn’t appropriate for a tool tip that includes a hyperlink that I want my visitors to be able to click. The only difference between the “Hide300” group and the “Persistent” group is that auto-hide is turned off for the latter.)

Implementing in a Post

Note that the screen shots show the “HTML” view.

  1. Highlight the segment of your post to which you want to associate a tool tip, and click the “Tipsy” toolbar in your editor.

  2. Enter the content and click “Save Settings”.

  3. When you click “Save Settings”, WordPress will insert the appropriate shortcode into your post:

    Warning: When entering content that includes quotation marks (such as the hyperlink in the above example), you’ll have to manually replace the double-quotes that embrace the content element of the short code with single-quotes. I’ll be doing further testing — including entering Tipsy tooltips in Visual mode; and I’ll report back.

Reactions and Outlook

Outlook: Promising!

I like this one. Might it encourage one to go a little crazy with tooltips &#8212 when, perhaps, more conventional methods for adding auxilliary content might be more appropriate? Sure. But this little plugin offers a simple solution for something that can make your Web site a little more interesting and engaging.

Comments or questions? Feel free to post below.

Related Posts

  1. Downscaling Images On Upload in WordPress
  2. Post Formats have NOT been removed from WordPress 3.6 core
  3. FooGallery Plugin for WordPress: First Look
  4. I Built a WordPress Plugin for Downloadable Files
  5. Enhanced Media Library Pro Plugin for WordPress: First Look
  • Choose the best match.

Written by Jeff Cohan · Categorized: Reviews · Tagged: Plugins, WordPress

  • Choose the best match.

Reader Interactions

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

Primary Sidebar

mailchimp signup

Subscribe to get notified when new articles are published. Unsubscribe any time. No spam. I promise. Check out my newsletter archives.

social

Twitter Facebook LinkedIn

Recent Articles

  • Use Case for Custom Post Type: “In The News” March 10, 2023
  • Create a Custom Shortcode to Display a MemberPress Membership Price ANYWHERE on Your Website February 5, 2023
  • Avoid Direct Styling; Use CSS Instead September 21, 2022
  • Blog Tags: What They Are (and What They’re Not) August 5, 2022
  • How to Create a Simple Custom Events Plugin May 24, 2022

Filter By Category/Tag

Categories

  • Case Studies (7)
  • General (61)
  • Portfolio (5)
  • Reviews (12)
  • Snippets (16)
  • Techniques (38)

Popular Tags

Advanced Custom Fields Blogging Child Themes Content Marketing CSS CSS Grid Customer Service Custom Fields Custom Post Types Diagnostics Facebook FooGallery Genesis Gutenberg HTML Images iPhone Libra Live Chat Marketing Media MemberPress MemberPress Courses mu-plugins MySQL Photo Gallery php Pinterest Plugins Post Formats Pricing Project Management Security SEO Seth Godin Shortcodes Social Networking Surveys Taxonomies Trello Twitter Video Web design Web forms WordPress

siteground wp hosting

Web Hosting

wp101

EasyWordPresstutorialvideosforbeginners.
MemberPress CTA

Footer

Background

Web Sites | WordPress Support | Web Applications.

Formally trained in liberal arts and education (I have a B.A. in Government from Harvard and studied Secondary Education at Rutgers Graduate School), I have honed my skills in the communication arts and sciences as a teacher, trainer, instructional designer, writer, photographer, calligrapher, helpdesk manager, database programmer, and multimedia developer.

(I've also been a group counselor, waiter, bartender, bicycle messenger boy, computer salesman, carpenter's helper, financial analyst, and school board president.)

Tech

Systems since 1983.
Web sites since 1994.
PHP since 2001.
WordPress since 2007.

Contact

770-772-5134
Email Jeff
Send Money
All Ways

Copyright 2023, nSiteful Web Builders, Inc.

 

Subscribe

Pardon the interruption. I know popups can be annoying. But I’d love to have you as a subscriber.

Sign up to be notified when new articles are published. Unsubscribe any time.

* indicates required

Powered by MailChimp

×