Joop Laan

<p><strong>Inline Context</strong> is a powerful Block Editor enhancement that lets you create inline expandable notes or clean tooltip-style popovers anywhere in your content. It is ideal for <strong>content-rich websites</strong>, including editorial platforms, research sites, online magazines, documentation hubs, and educational blogs that rely on clear explanation without breaking the reader’s focus.</p>
<p>Instead of sending readers to glossary pages or external links, Inline Context allows you to provide definitions, references, clarifications, and annotations <em>in place</em> — keeping readers engaged and your content structured.</p>
<p>Notes can be <strong>reusable</strong>, categorized, styled, centrally managed, and automatically updated everywhere they appear.</p>
<p><a href="https://wordpress.org/plugins/inline-context/?preview=1" rel="ugc">Check the live preview</a></p>
<h4>Why this is valuable for content-heavy websites</h4>
<p>Websites with substantial text often need:</p>
<ul>
<li>definitions and terminology</li>
<li>source references</li>
<li>background information</li>
<li>contextual inline explanations</li>
<li>mini footnotes without scrolling</li>
<li>inline callouts, tips, or warnings</li>
</ul>
<p>Inline Context delivers all of this with a frictionless, accessible user experience. It helps readers stay focused, reduces navigation fatigue, and improves knowledge retention — especially in long articles or research-based content.</p>
<h4>How it works</h4>
<ol>
<li>Highlight text in the Block Editor.</li>
<li>Click <strong>Inline Context</strong>.</li>
<li>Enter your note content (rich text supported).</li>
<li>Optionally assign a category with custom icon & color.</li>
<li>Publish — your note appears inline or as a tooltip, depending on settings.</li>
</ol>
<p>You can also create <strong>reusable</strong> notes from a dedicated Custom Post Type. Updating a reusable note updates all instances site-wide.</p>
<h3>Key Features</h3>
<h4>Display modes</h4>
<ul>
<li>Inline expansion (reveals a small content panel)</li>
<li>Tooltip popovers (floating contextual bubbles)</li>
<li>Smart tooltip positioning to avoid off-screen display</li>
<li>Direct anchor links (<code>#context-note-xxx</code>) for deep linking</li>
<li>Auto-open on page load when accessed via link</li>
</ul>
<h4>Editor productivity</h4>
<ul>
<li>Reusable notes with global updates</li>
<li>Notes Library with usage tracking (shows where each note is used)</li>
<li>Quick Search inside the editor to insert existing notes</li>
<li>Rich text support via ReactQuill (bold, italic, lists, links)</li>
<li>Clean, integrated Rich Text toolbar button</li>
</ul>
<h4>Categories & icons</h4>
<ul>
<li>Create unlimited categories (Definition, Reference, External Article, Tip, Warning, etc.)</li>
<li>Choose from curated Dashicons or any of 300+ icons</li>
<li>Separate icons for open and closed states</li>
</ul>
<h4>Styling & customization</h4>
<p>Full styling control from <strong>Settings <span aria-hidden="true" class="wp-exclude-emoji">→</span> Inline Context</strong>:</p>
<ul>
<li>Link colors, hover, and focus states</li>
<li>Note padding, spacing, borders, backgrounds, shadows</li>
<li>Tooltip appearance</li>
<li>Chevron/indicator styling</li>
<li>Live interactive preview of all style changes</li>
</ul>
<h4>Accessibility & security</h4>
<ul>
<li>ARIA support, focus lock, Escape key behavior</li>
<li>Keyboard-navigable for both link and note</li>
<li>DOMPurify sanitization of note content</li>
</ul>
<h3>Internationalization</h3>
<p>Inline Context is fully translation-ready.</p>
<h3>Examples & inspiration</h3>
<p>The idea for this plugin originated from a project with Renée Kool — a visual artist working in public art, film, and emerging media. She wanted to create a website where a single link could reveal additional content containing multiple related links. We looked at the Dutch journalism platform De Correspondent, which use subtle inline notes to provide context without interrupting the flow of reading. You can see examples of their inline notes in this article: <a href="https://decorrespondent.nl/15887/hoe-nederland-kampioen-deeltijdwerken-werd/9053b712-3591-0002-29b3-8c7b69eae0c3" rel="nofollow ugc">Hoe Nederland kampioen deeltijdwerken werd</a></p>
<h3>Source code</h3>
<p>Inline Context uses <code>@wordpress/scripts</code> with webpack and npm to build assets.</p>
<p>Full source (including uncompiled JS and CSS) is available at:<br />
<a href="https://github.com/jooplaan/inline-context" rel="nofollow ugc">https://github.com/jooplaan/inline-context</a></p>


Inline Context

Add inline expandable notes or tooltips to provide context, definitions, and references without disrupting the reading flow.

ネトデジ編集部

<p>StickyBoardは、WordPressサイトの任意のページに付箋を追加できるプラグインです。ログインユーザーのみが使用でき、付箋はユーザーごとに個別に保存されます。サイトを閲覧しながらメモを取ったり、重要な情報をマークしたりするのに最適です。</p>
<p><strong>主な機能:</strong></p>
<ul>
<li>サイト上の任意の場所に付箋を追加</li>
<li>ドラッグアンドドロップで付箋を移動</li>
<li>5色の付箋（黄、緑、青、ピンク、紫）</li>
<li>テキスト内のURLを自動的にリンクに変換</li>
<li>管理画面からすべての付箋を一覧表示・管理</li>
<li>付箋の表示は作成者のみ（他のユーザーには表示されません）</li>
</ul>
<p><strong>使い方:</strong></p>
<ol>
<li>プラグインをインストールして有効化</li>
<li>サイトの任意のページに移動</li>
<li>画面右下（または設定により左下）のツールバーの「+」ボタンをクリック</li>
<li>付箋を配置したい場所をクリック</li>
<li>メモを入力（自動保存されます）</li>
</ol>
<p><strong>For English Users:</strong></p>
<p>StickyBoard allows logged-in users to add sticky notes to any page on your WordPress site. Notes are private to each user and can be placed anywhere on the page. Perfect for taking notes while browsing or marking important information.</p>
<p><strong>Key Features:</strong></p>
<ul>
<li>Add sticky notes to any position on your site</li>
<li>Drag and drop to move notes</li>
<li>5 color options (yellow, green, blue, pink, purple)</li>
<li>Automatic URL linking in note text</li>
<li>Manage all your notes from the admin dashboard</li>
<li>Notes are visible only to their creator</li>
</ul>
<h3>Additional Info</h3>
<p><strong>開発者情報:</strong></p>
<p>当プラグインはミニクル合同会社によって開発・メンテナンスされています。<br />
サポートや質問については、公式サイトをご覧ください: <a href="https://minikuru.co.jp" rel="nofollow ugc">https://minikuru.co.jp</a></p>
<p>For English Users:</p>
<p>This plugin is developed and maintained by MINIKURU LLC.<br />
For support and inquiries, please visit our official website: <a href="https://minikuru.co.jp" rel="nofollow ugc">https://minikuru.co.jp</a></p>


StickyBoard

ログインユーザーがWebページに付箋を追加できるようにするプラグイン。Create personal sticky notes on any WordPress page.

Inline Context vs StickyBoard