WP Manifestindependent plugin directory
manifest / utilities / tooltip-ws

Tooltip WS

Use a shortcode to wrap content in a customizable tooltip. Customize default styles or override them with shortcode parameters.

by PluginRx · github.com/apos37/tooltip-ws · website

0stars
0forks

Install

No release zip yet. The repository archive installs, but the folder name will carry the branch suffix and updates will not flow:

wp plugin install https://github.com/apos37/tooltip-ws/archive/refs/heads/main.zip

Readme

=== Tooltip WS === Contributors: apos37 Tags: tooltip, shortcode, ui, styling, hover, bubble Requires at least: 5.9 Tested up to: 6.8 Requires PHP: 7.4 Stable tag: 1.0.1 License: GPLv2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.txt

Add customizable tooltips to your WordPress content using merge tags like {tooltip} and {end-tooltip}.

== Description ==

Tooltip WS lets you insert helpful, stylish tooltips directly into your content using simple {tooltip}...{end-tooltip} merge tags. Tooltips are styled using your default plugin settings but can also be customized inline using {end-texte|options}.

This approach makes it easier to create clean content without remembering complex shortcode syntax.

Features:

  • Merge Tag Syntax: Use {tooltip}...{end-texte|options}...{end-tooltip} directly in posts or widgets.
  • Customizable Defaults: Set global styles for color, width, shadows, offsets, etc.
  • Inline Overrides: Customize each tooltip with options like width, opacity, background-color, and more.
  • Lightweight: Minimal overhead.

Example usage:

Use the {tooltip}...{end-texte|options} merge tags to wrap your content. The text before {end-texte} becomes the trigger, and the text after becomes the tooltip box. Example:

{tooltip}Hover over this{end-texte|width=360,opacity=0.9,arrow=1}This is the tooltip box content.{end-tooltip}

Available options inside {end-texte|...}:

  • width – Width of the tooltip box in pixels (e.g. 360).
  • opacity – Final opacity level (e.g. 0.9).
  • arrow – Whether to display the arrow (0 or 1).
  • background-color – Tooltip background color (hex or CSS color).
  • text-color – Tooltip text color.
  • border-color – Tooltip border color.
  • border-radius – Tooltip border radius in px.
  • content-alignment – Text alignment inside the tooltip (left, center, right, etc.).
  • shadow-blur – Tooltip shadow blur radius.
  • shadow-color – Shadow color.
  • offset-x – X offset in pixels.
  • offset-y – Y offset in pixels.

Global defaults for these options can be set in the plugin settings screen.

Important Notes:

  • You can place the {tooltip} block anywhere shortcodes are supported: posts, pages, and widgets.
  • The tooltip content supports basic HTML.
  • If a specific option is omitted, it will fall back to the global setting from the admin.

This plugin is perfect for content creators, educators, marketers, and anyone looking to add clean, informative tooltips to their site without clutter.

== Installation ==

  1. Upload the plugin files to the /wp-content/plugins/tooltip-ws/ directory.
  2. Activate the plugin through the 'Plugins' menu in WordPress.

== Screenshots ==

  1. Example of a tooltip in action.

== Changelog ==

= 1.0.1 =

  • Initial Release on April 7, 2025

Read the full README on GitHub →