itthinx

Kento

<p><em>Widgets Control</em> is a toolbox that features visibility management for all widgets, sidebars, sections of content and content blocks.<br />
It allows to <strong>show widgets and sidebars based on conditions</strong> – you can choose to show them only on certain pages or exclude them from being displayed.</p>
<p><strong>Sections</strong> of content can also be restricted by using this plugin’s <code>[widgets_control]</code> shortcode.</p>
<p>You can also define new WYSIWYG <strong>Content Blocks</strong> that can be used in widgets, sidebars and with shortcodes.</p>
<p>For each widget and sidebar, you can decide where it should be displayed:</p>
<ul>
<li>show it on all pages</li>
<li>show it on some pages</li>
<li>show it on all except some pages</li>
</ul>
<p>… you can target small, medium or large screens for mobile, tablet and desktop users.</p>
<p>To include or exclude pages, the plugin allows you to indicate page ids, titles or slugs and tokens that identify the front page, categories, tags, etc.</p>
<p>In addition to page ids, titles and slugs, these tokens can be used to determine where a widget should or should not be displayed:</p>
<pre><code>[home] [front] [single] [page] [category] ...
</code></pre>
<p>On sites using <a href="https://wpml.org" rel="nofollow ugc">WPML</a>, widgets can be shown conditionally based on the language viewed.</p>
<p>The <code>[widgets_control]</code> shortcode is used to embed content and show it conditionally similar to the visibility options used for widgets and sidebars.<br />
For example, <code>[widgets_control conditions="{archive}"]This text is shown only when the content is displayed on an archive page.[/widgets_control]</code>.</p>
<p><em>Widgets Control</em> also provides <strong>flexible WYSIWYG Content Blocks</strong> and a proper widget that can be used to place them in sidebars,<br />
the <code>[widgets_control_content]</code> shortcode to embed freely created blocks anywhere on your pages and<br />
API functions that allow to include these blocks in PHP templates of your theme.<br />
For even more flexible control, use <a href="https://www.itthinx.com/shop/widgets-control-pro/" rel="nofollow ugc">Widgets Control Pro</a> which provides freely definable additional sidebars.</p>
<p>Use display conditions to show or hide content on devices with small, medium or large displays, useful to adapt the display to <strong>mobile, tablet and desktop</strong> viewers.</p>
<p>See the <a href="http://docs.itthinx.com/document/widgets-control/" rel="nofollow ugc">documentation</a> for more details.</p>
<p><em>Widgets Control</em> works with virtually any widget. It is compatible with lots of plugins, among these it has been tested with:</p>
<ul>
<li><a href="https://wordpress.org/plugins/groups/" rel="ugc">Groups</a></li>
<li><a href="https://wordpress.org/plugins/affiliates/" rel="ugc">Affiliates</a></li>
<li><a href="https://wordpress.org/plugins/decent-comments/" rel="ugc">Decent Comments</a></li>
<li><a href="https://wordpress.org/plugins/woocommerce/" rel="ugc">WooCommerce</a></li>
<li><a href="https://www.itthinx.com/shop/woocommerce-product-search/" rel="nofollow ugc">WooCommerce Product Search</a></li>
<li><a href="https://wordpress.org/plugins/search-live/" rel="ugc">Search Live</a></li>
<li><a href="https://wordpress.org/plugins/documentation/" rel="ugc">Documentation</a></li>
<li><a href="https://wordpress.org/plugins/events-manager/" rel="ugc">Events Manager</a></li>
<li><a href="https://buddypress.org" rel="nofollow ugc">BuddyPress</a></li>
<li><a href="https://wordpress.org/plugins/bbpress/" rel="ugc">bbPress</a></li>
<li><a href="https://wordpress.org/plugins/ninja-forms" rel="ugc">Ninja Forms</a></li>
<li><a href="https://gravityforms.com/" rel="nofollow ugc">Gravity Forms</a></li>
<li><a href="https://wordpress.org/plugins/jetpack/" rel="ugc">Jetpack</a></li>
<li><a href="https://wpml.org" rel="nofollow ugc">WPML</a></li>
<li><a href="https://wordpress.org/plugins/nextgen-gallery/" rel="ugc">NextGEN Gallery</a></li>
<li><a href="https://wordpress.org/plugins/image-widget/" rel="ugc">Image Widget</a></li>
<li><a href="https://wordpress.org/plugins/mailchimp-for-wp/" rel="ugc">MailChimp for WordPress</a></li>
<li><a href="https://wordpress.org/plugins/the-events-calendar/" rel="ugc">The Events Calendar</a></li>
<li><a href="https://wordpress.org/plugins/wysija-newsletters" rel="ugc">MailPoet Newsletters</a></li>
<li><a href="https://wordpress.org/plugins/elementor/" rel="ugc">Elementor</a></li>
</ul>
<h3>Widgets Control Pro</h3>
<p>Our <a href="https://www.itthinx.com/shop/widgets-control-pro/" rel="nofollow ugc">Widgets Control Pro</a> provides additional features:</p>
<ul>
<li>Conditions based on the viewed <strong>post type</strong>. For example, show a widget only on posts with <code>[type:post]</code> or only on product pages with <code>[type:product]</code></li>
<li>Show or hide widgets on full <strong>page hierarchies</strong>, where conditions are based on a parent page and all its child pages: <code>some-page/*</code></li>
<li>Show or hide widgets based on user <strong>roles</strong>. For example, show a widget to subscribers and customers only: <code>[role:subscriber,customer]</code></li>
<li>Show or hide widgets based on a user’s <strong>group membership</strong> with <a href="https://wordpress.org/plugins/groups/" rel="ugc">Groups</a>. For example, show a widget only to registered users with <code>[group:Registered]</code> or show a widget only to users in a Premium group using <code>[group:Premium]</code></li>
<li>Show or hide widgets for archive pages of a specific post type. For example, <code>[archive:product]</code> can be used to show widgets for the WooCommerce shop page and product archives only.</li>
<li>Allows to specify exclusions. For example, to show a widget only on pages, but exclude it from being shown on one or more specific pages.</li>
<li>Provides additional <strong>sidebar features</strong> that allow to define any number of <strong>custom sidebars</strong>, flexible placement based on common locations, including above and below content, the comment form, menus and other sidebars, the <code>[widgets_control_sidebar]</code> shortcode to embed them in content on your pages and API functions to use them in your theme’s templates.</li>
</ul>
<h3>Feedback</h3>
<p>Feedback is welcome!</p>
<p>If you need help, have problems, want to leave feedback or want to provide constructive criticism, please do so here at the <a href="https://www.itthinx.com/plugins/widgets-control/" rel="nofollow ugc">Widgets Control</a> plugin page.</p>
<p>Please try to solve problems there before you rate this plugin or say it doesn’t work. There goes a <em>lot</em> of work into providing you with quality plugins!</p>
<p>Please help with your feedback and we’re also grateful if you help spread the word about this plugin.</p>
<p><strong>Thanks!</strong></p>
<h4>Twitter</h4>
<p>Follow <a href="https://twitter.com/itthinx" rel="nofollow ugc">@itthinx</a> on Twitter for updates on this and other plugins.</p>


Widgets Control

A Widget toolbox that adds visibility management and helps to control where widgets, sidebars and content are shown efficiently.

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.

Widgets Control vs Inline Context