• Home
  • About Mitch
  • Speaking
  • Articles
  • Contact
  • Home
  • About Mitch
  • Speaking
  • Articles
  • Contact

Digital Strategist

WordPress Developer

Content Creator

Unapologetic Punk

Mitch Canter

  • X
  • Bluesky
  • GitHub
  • Twitch
  • YouTube
  • LinkedIn
WordPress

Easy Javascript ToolTips in WordPress

CMDR Mitchcraft

Reading time: 1 minute

A client needed a simple way to preserve real estate on the sidebar, but still have the ability to display their policies at a quick glance.  I found a plugin on the repository that uses the TipTip jquery script and condenses it down into a simple-to-use shortcode (complete with button on the editing screen).

The plugin is called “WordPress Tooltip“, and can be downloaded from the repository.

Usage

Usage is dirt simple: Simply use the button located in the editor screen, and fill out the options it gives you.  You can also add tooltips by using the following shortcode (which the button generates):

[code]

[tooltip content=”This will show in a tooltip” url=”This will make tooltip a link”]Hover over me for tooltip[/tooltip]

[/code]

Styling

You can style the code using the #tiptip_content ID… an example would be:

[code]

#tiptip_content{
font-size: 14px !important;
width: 400px;
padding: 15px !important;
line-height: 22px;
}

[/code]

Bonus: Using a Shortcode in a Widget

“But Mitch,” you may say, “You said you got that to work in their sidebar widgets… when I try to paste the code in, nothing happens.” Take heart, friend, and simply add this code into your functions.php file:

[code]

add_filter(‘widget_text’, ‘do_shortcode’);

[/code]

Now, any shortcode can be added to a text widget and will resolve itself to the correct code.

JavaScript, jQuery, plugin, tiptip_content, tooltip, WordPress
  • Add a Buttonless Search Form in WordPress

    Add a Buttonless Search Form in WordPress

    Reading time: 1 minute

    I love search forms.  But sometimes, designs call for forms to be placed in a tight space to save room for other elements or where buttons may look out of place.  If that’s the case, then you can add a special box that will allow users to search with the enter key (or the Done…

    WordPress
  • WordPress 2.6 Review

    WordPress 2.6 Review

    Reading time: 3 minutes

    First of all, I updated WordPress to its new version as soon as I was able.  I’ve been very excited to see some of the new features they’ve added, and I have my list of the top ones to look foward to.  There aren’t any major interface changes this time, but (just like any great…

    WordPress