WP Manifestindependent plugin directory
manifest / content / explainer-pro

Explainer Pro

lightweight WordPress plugin that adds customizable popup hints and tooltips to terms in your content. Define terms with shortcodes, adjust styles (font, colors, icons, boxes), and enhance user experience with quick explanations. Fully responsive and translation-ready

by Matin Sabernezhad · github.com/matintzh/explainer-pro · website

★ 0stars

Install

Download source zip No release zip yet

This is the repository archive. It installs, but the folder name will carry the branch suffix and updates will not flow.

Install straight from GitHub with WP-CLI:

wp plugin install https://github.com/matintzh/explainer-pro/archive/refs/heads/main.zip
No built-in updater. New versions won't appear under Dashboard → Updates. Install new releases yourself, or let Git Updater track the repository.
Readme github.com/matintzh/explainer-pro ↗

Explainer Pro is a lightweight and highly customizable WordPress plugin that enables authors to highlight technical terms in posts and pages. Clicking the highlight opens a popup with explanatory content—perfect for glossaries, tutorials, or educational content.

🔍 View Demo

Features

  • Custom Shortcode Generator — Easy shortcode [popup_hint term="..." description="..."] to embed hints anywhere.
  • Flexible Styling Options — Customize font size, colors, icon size, tooltip box padding, margins, shadows, and more from settings.
  • Custom CSS & JS Support — Add your own code for full creative control.
  • Responsive & Lightweight — Designed to work seamlessly on desktop and mobile.
  • Admin & Frontend Separation — Cleaner performance and better organization.
  • TinyMCE Button — Quick access to insert hints while editing content.
  • AJAX-powered Shortcode Generator — Live shortcode preview in admin.

Installation

  1. Clone or download this repository into wp-content/plugins/explainer-pro.
  2. Activate the plugin via the WordPress admin under Plugins → Installed Plugins.
  3. Navigate to Settings → Explainer Pro to configure default styles and behavior.

Usage

  • Use the shortcode manually:
    
[popup_hint term="Your Term" description="Your Explanation"]
---
  • From the admin settings, customize term styles, tooltip box appearance, and other visuals.
  • Add your own CSS or JavaScript under Custom Code for additional enhancements.

Development

  • Frontend assets (popup-hint.css, popup-hint.js) are enqueued only on singular views to optimize performance.
  • Admin assets (popup-hint-admin.css, popup-hint-admin.js) include the shortcode helper UI.
  • Shortcode generator in admin uses secure AJAX callbacks with nonces.
  • TinyMCE integration for easy visual hint insertion.

Contributing

Pull requests and issues are welcome! Please follow the project's coding standards and include documentation with your updates.

License

This project is licensed under the GPL v2 or later — see the LICENSE file for details.