Linux 软件免费装
Banner图

Inline Context – Footnotes, Tooltips & Glossary Notes

开发者 joop
更新时间 2026年10月21日 03:49
PHP版本: 7.4 及以上
WordPress版本: 7.1
版权: GPLv2 or later
版权网址: 版权信息

标签

footnotes tooltip glossary annotations sidenotes

下载

2.3.8 2.8.3 2.3.6 2.3.7 2.7.2 2.7.1 2.7.3 2.8.1 2.10.0 2.3.5 2.4.1 2.8.2 2.9.0 2.9.1 2.9.2

详情介绍:

Add footnotes, tooltips and glossary notes to any text in the block editor. A reader clicks a term, the explanation opens in place, and they carry on reading - no jump to the bottom of the page, no new tab. Try it in your browser - a real WordPress with the plugin already set up. Nothing to install. Built for sites with a lot of text: editorial, research, documentation and education. How it works
  1. Select text in the block editor and press Cmd+Shift+I.
  2. Write the note. Rich text, links and images are supported.
  3. Optionally give it a category, with its own icon and colour.
  4. Publish. The note opens inline or as a tooltip, whichever you choose.
Mark a note reusable and it joins your Notes Library. Edit it once and every post that uses it updates. Add the Glossary block to a page and those same notes are listed as a browsable reference - no second copy to keep in step with the first.

安装:

  1. Upload the plugin files to /wp-content/plugins/inline-context, or install via the Plugins screen.
  2. Activate the plugin.
  3. Configure categories and styling under Settings → Inline Context.
  4. In the Block Editor, select text and click Inline Context.
  5. Add your note content and choose a category (optional).

屏幕截图:

  • Tooltip mode shows the same note as a compact popover that stays on screen.
  • Add a note from the block editor toolbar, or press Cmd+Shift+I on a selection.
  • Write the note in a rich text editor and give it a category.
  • Search your existing notes and reuse one instead of retyping it.
  • The Notes Library lists every reusable note, how often it is used and which posts use it.
  • Pill link style, before the reader clicks.
  • Underlined link style with the note expanded inline.
  • Underlined link style shown as a tooltip.
  • Search for a word that only exists inside a note, and the note opens with the word marked.

常见问题:

Can I use this for footnotes, sidenotes or a glossary?

All three - they are the same feature with different settings. Inline mode reads as a sidenote, tooltip mode as a glossary pop-up, and without JavaScript every note is numbered as a footnote at the end of the post. Reusable notes give you a glossary you edit in one place, and the Glossary block puts that same set of notes on a page readers can browse.

How do I add a glossary page?

Create a page, add the Glossary block, and publish. By default it lists your reusable notes grouped by first letter, with an A-Z jump bar. In the sidebar you can group by category instead, restrict it to chosen categories, include one-off notes, hide notes nothing links to yet, and show links to the posts each note explains. Those links go to the note's own place in the article, not the top of it, and the note opens as the reader arrives. If you would rather not use the block - in a widget, a template, or the Classic Editor - [inline_context_glossary] takes the same options: group_by="letter|category|none", categories="definition,source", only_reusable="true", show_usage="false", hide_unused="false", show_icons="true", show_jump_bar="true" and heading_level="2". Every term gets its own id, so you can link straight to one: /glossary/#glossary-your-term.

Does this work with the Classic Editor?

Not for writing the notes into your text. Attaching a note to a phrase is a Block Editor format, and it has no Classic Editor equivalent - that part needs Gutenberg. The rest does work. The Notes Library runs on a classic edit screen by design, so reusable notes can be written and organised there, and [inline_context_glossary] renders wherever a shortcode does, Classic Editor posts included. So a Classic Editor site can keep a glossary page; what it cannot do is anchor a note to a phrase mid-sentence.

Does it work with page builders like Elementor or Divi?

Notes are created in the block editor, so you cannot insert one from a page builder's own editing screen. Notes already in your content display normally on the front end, whatever renders the page, and [inline_context_glossary] works in any builder that accepts shortcodes.

Does it work with caching and optimisation plugins?

Yes. If notes jump to the bottom of the page instead of opening, you are on a version before 2.8.2, where a plugin that delayed or deferred JavaScript could stop the script running. Update, or exclude inline-context/build/frontend.js from JavaScript delay and defer.

What happens to my notes if I deactivate the plugin?

Nothing is lost. The note text stays in the post and comes back when you reactivate. If you uninstall, the uninstaller can optionally strip the markup and leave your text clean.

Is it accessible?

Yes. Triggers are operable by keyboard with full ARIA state and Escape to close, and focus returns to where it started. If JavaScript does not run, the notes appear as a numbered endnote list at the foot of the post, each linking back to its place in the text.

Will it slow my site down?

No. A note's content is stored with the post, so showing one costs no extra database queries.

Can notes contain images and links?

Yes. Notes accept rich text, links, and images from the Media Library. Images can be switched off under Settings if you want text-only notes.

Can I use the same note in several posts?

Yes. Mark it reusable and edit it once - every post that uses it updates.

Can I change the styles?

Yes. Pick one of five accessible colour presets, or set colours, spacing, borders and shadows yourself under Settings → Inline Context → Styling, with a live preview.

Is there a limit to the number of categories?

No. Create as many categories as your content structure requires.

Can I use any Dashicon?

Yes. You can type any Dashicon class name to use all 300+ icons.

What are the SVG category icons?

On WordPress 7.1 and later the plugin ships a curated set of icons drawn as SVG instead of as glyphs from the Dashicons font. They sit correctly on the text baseline in any theme, and once no category uses a Dashicon the font is no longer loaded on the front end at all. Pick one from the grid on a category's screen. Existing categories keep their Dashicons until you choose to switch, and Settings offers to move over the ones that have an exact match.

更新日志:

2.10.0 - October 20, 2026 2.9.2 - October 19, 2026 2.9.1 - October 19, 2026 2.9.0 - October 18, 2026 2.8.3 - October 17, 2026 2.8.2 - August 27, 2026 2.8.1 - May 2, 2026 2.8.0 - May 2, 2026 2.7.3 - March 21, 2026 2.7.2 - March 20, 2026 2.7.1 - December 30, 2025 2.7.0 - December 29, 2025 2.6.0 - December 27, 2025 2.4.1 - December 19, 2025 2.4.0 - December 19, 2025