Title: Inline Context Author: Joop Laan Published: 28 november 2025 Last modified: 2 mei 2026 --- Plugins zoeken ![](https://ps.w.org/inline-context/assets/banner-772x250.png?rev=3405478) ![](https://ps.w.org/inline-context/assets/icon.svg?rev=3405470) # Inline Context Door [Joop Laan](https://profiles.wordpress.org/joop/) [Download](https://downloads.wordpress.org/plugin/inline-context.2.8.1.zip) [Live voorbeeld](https://nl.wordpress.org/plugins/inline-context/?preview=1) * [Details](https://nl.wordpress.org/plugins/inline-context/#description) * [Beoordelingen](https://nl.wordpress.org/plugins/inline-context/#reviews) * [Installatie](https://nl.wordpress.org/plugins/inline-context/#installation) * [Ontwikkeling](https://nl.wordpress.org/plugins/inline-context/#developers) [Ondersteuning](https://wordpress.org/support/plugin/inline-context/) ## Beschrijving **Inline Context** is een krachtige uitbreiding van de blok-editor waarmee je overal in je inhoud inline uitvouwbare notities of overzichtelijke pop-ups in tooltip-stijl kunt maken. Het is ideaal voor **inhoudrijke sites**, waaronder redactionele platforms, onderzoekssites, online tijdschriften, documentatiehubs en educatieve blogs die afhankelijk zijn van duidelijke uitleg zonder de aandacht van de lezer te verstoren. In plaats van lezers naar woordenlijstpagina’s of externe links te sturen, kun je met Inline Context definities, verwijzingen, verduidelijkingen en annotaties _op hun plaats_ geven, waardoor lezers betrokken blijven en je inhoud gestructureerd blijft. Notities kunnen **herbruikbaar** zijn, gecategoriseerd, opgemaakt, centraal beheerd en automatisch geüpdatet worden, waar ze ook verschijnen. [Bekijk het live voorbeeld](https://wordpress.org/plugins/inline-context/?preview=1) #### Waarom dit waardevol is voor content-rijke sites Sites met veel tekst hebben vaak nodig: * definities en terminologie * bronverwijzingen * achtergrondinformatie * contextuele inline uitleg * mini voetnoten zonder scrollen * inline oproepen, tips of waarschuwingen Inline context levert dit alles met een wrijvingsloze, toegankelijke gebruikerservaring. Het helpt lezers gefocust te blijven, vermindert navigatiemoeheid en verbetert het onthouden van kennis, vooral in lange artikelen of onderzoeksgerichte inhoud. #### Hoe het werkt 1. Markeer tekst in de blok-editor. 2. Klik op **Inline Context**. 3. Voer de inhoud van je notitie in (rich text wordt ondersteund). 4. Wijs optioneel een categorie toe met een aangepast icoon & kleur. 5. Publiceren — je notitie verschijnt inline of als tooltip, afhankelijk van de instellingen. Je kunt ook **herbruikbare** notities maken vanuit een speciaal extra berichttype. Updaten van een herbruikbare notitie updatet alle instanties op de hele site. ### Belangrijkste functies #### Weergavemodi * Inline uitbreiding (onthult een klein inhoudsscherm) * Tooltip pop-overs (zwevende contextuele bubbels) * Slimme tooltip plaatsing om weergave buiten het scherm te voorkomen * Directe anker links (`#context-note-xxx`) voor deep linking * Automatisch openen bij het laden van de pagina wanneer deze via een link wordt geopend #### Productiviteit van redacteuren * Herbruikbare notities met globale updates * Notities bibliotheek met gebruik volgen (toont waar elke notitie wordt gebruikt) * Snelle zoekopdracht in de editor om bestaande notities in te voegen * Rich text ondersteuning via ReactQuill (vet, cursief, lijsten, links) * Schone, geïntegreerde Rich Text toolbar #### Categorieën & iconen * Maak een onbeperkt aantal categorieën aan (Definitie, Referentie, Extern artikel, Tip, Waarschuwing, enz.) * Kies uit zorgvuldig geselecteerde Dashicons of een van de meer dan 300 iconen * Aparte iconen voor geopende en gesloten statussen #### Styling & aanpassing Volledige styling besturing vanuit **Instellingen Inline Context**: * **NEW in v2.6**: Five pre-configured color presets for one-click professional styling * Choose from Modern Blue, Minimalist Gray, High Contrast, Warm Earth Tones, or Dark Mode * All presets meet WCAG 2.1 AA accessibility standards * Kleur van links, hoveren en focus statussen * Notitie padding, spatiëring, randen, achtergronden, schaduwen * Weergave van tooltip * Chevron/indicator styling * Live interactief voorbeeld van alle stijlaanpassingen #### Toegankelijkheid & veiligheid * ARIA ondersteuning, focus vergrendeling, Escape sleutel gedrag * Met het toetsenbord te navigeren voor zowel links als notities * DOMPurify opschonen van notitie inhoud ### Internationalisering Inline Context is volledig klaar voor vertaling. ### Voorbeelden & inspiratie Het idee voor deze plugin kwam voort uit een project met Renée Kool — een beeldend kunstenaar die werkt in publieke kunst, film en nieuwe media. Ze wilde een site maken waar een enkele link extra content kon onthullen met meerdere gerelateerde links. We keken naar het Nederlandse journalistieke platform De Correspondent, dat subtiele inline notities gebruikt om context te geven zonder de leeservaring te onderbreken. Je kunt voorbeelden van hun inline notities zien in dit artikel: [Hoe Nederland kampioen deeltijdwerken werd](https://decorrespondent.nl/15887/hoe-nederland-kampioen-deeltijdwerken-werd/9053b712-3591-0002-29b3-8c7b69eae0c3) ### Broncode Inline Context gebruikt `@wordpress/scripts` met webpack en npm om assets te bouwen. De volledige broncode (inclusief niet-gecompileerde JS en CSS) is beschikbaar op: [https://github.com/jooplaan/inline-context](https://github.com/jooplaan/inline-context) ## Schermafbeeldingen [⌊Inline context note link with pill style⌉⌊Inline context note link with pill style⌉[ Inline context note link with pill style [⌊Inline context note link with pill style expanded⌉⌊Inline context note link with pill style expanded⌉[ Inline context note link with pill style expanded [⌊Inline context note link with pill style as tooltip⌉⌊Inline context note link with pill style as tooltip⌉[ Inline context note link with pill style as tooltip [⌊Editor popover voor het toevoegen van inline context met categorie selectie⌉⌊Editor popover voor het toevoegen van inline context met categorie selectie⌉[ Editor popover voor het toevoegen van inline context met categorie selectie [⌊Modaal venster voor het schrijven van een inline contextnotitie⌉⌊Modaal venster voor het schrijven van een inline contextnotitie⌉[ Modaal venster voor het schrijven van een inline contextnotitie [⌊Zoekinterface voor het invoegen van herbruikbare notities⌉⌊Zoekinterface voor het invoegen van herbruikbare notities⌉[ Zoekinterface voor het invoegen van herbruikbare notities [⌊Inline contextnotitie op de front-end (standaard uitgevouwde modus)⌉⌊Inline contextnotitie op de front-end (standaard uitgevouwde modus)⌉[ Inline contextnotitie op de front-end (standaard uitgevouwde modus) [⌊Tooltip versie van de inline notitie op de front-end⌉⌊Tooltip versie van de inline notitie op de front-end⌉[ Tooltip versie van de inline notitie op de front-end [⌊Notities bibliotheek in de beheer ruimte toont gebruiksaantal en gekoppelde berichten⌉⌊ Notities bibliotheek in de beheer ruimte toont gebruiksaantal en gekoppelde berichten⌉[ Notities bibliotheek in de beheer ruimte toont gebruiksaantal en gekoppelde berichten ## Installatie 1. Upload de plugin bestanden naar `/wp-content/plugins/inline-context`, of installeer via het scherm Plugins. 2. Activeer de plugin. 3. Configureer categorieën en styling onder **Instellingen Inline Context**. 4. Selecteer tekst in de blok-editor en klik op **Inline Context**. 5. Voeg de inhoud van je notitie toe en kies een categorie (optioneel). ## FAQ ### Werkt dit met de klassieke editor? Nee. Inline Context is speciaal gebouwd voor de WordPress blok-editor (Gutenberg). ### Kan ik de stijlen wijzigen? Ja. Uitgebreide visuele opties voor aanpassing zijn beschikbaar onder **Instellingen Inline Context Styling**. ### Is er een limiet aan het aantal categorieën? Nee. Maak zoveel categorieën aan als je content structuur vereist. ### Kan ik elke Dashicon gebruiken? Ja. Je kunt elke Dashicon-klassenaam typen om alle 300+ iconen te gebruiken. ## Beoordelingen ![](https://secure.gravatar.com/avatar/87ad33919ebb1f8fc48bad3ed2a736207746ffb6562ecc0a4b52baf855588988? s=60&d=retro&r=g) ### 󠀁[Great plugin! Responsive dev, very happy!](https://wordpress.org/support/topic/great-plugin-responsive-dev-very-happy/)󠁿 [shannonpayne](https://profiles.wordpress.org/shannonpayne/) 2 mei 2026 Super happy with this plugin. Ticks all the boxes. Easy to use, lightweight, accessible. There was one feature that myself (and client) wanted and after requesting this from Joop the dev he delivered within a few days. 10/10! ![](https://secure.gravatar.com/avatar/074d2e4afb46da5ab1b71d5916162a1fcc8c1c570da059810aaf33b15c4df2f6? s=60&d=retro&r=g) ### 󠀁[Super straightforward and lightweight](https://wordpress.org/support/topic/super-straightforward-and-lightweight/)󠁿 [boxhamster](https://profiles.wordpress.org/boxhamster/) 1 december 2025 1 reactie If only more plugins were like this… Easy to setup, intuitive and light. Thanks [ Lees alle 2 beoordelingen ](https://wordpress.org/support/plugin/inline-context/reviews/) ## Bijdragers & ontwikkelaars “Inline Context” is open source software. De volgende personen hebben bijgedragen aan deze plugin. Bijdragers * [ Joop Laan ](https://profiles.wordpress.org/joop/) “Inline Context” is vertaald in 1 locale. Dank voor [de vertalers](https://translate.wordpress.org/projects/wp-plugins/inline-context/contributors) voor hun bijdragen. [Vertaal “Inline Context” in je eigen taal.](https://translate.wordpress.org/projects/wp-plugins/inline-context) ### Interesse in ontwikkeling? [Bekijk de code](https://plugins.trac.wordpress.org/browser/inline-context/), haal de [SVN repository](https://plugins.svn.wordpress.org/inline-context/) op, of abonneer je op het [ontwikkellog](https://plugins.trac.wordpress.org/log/inline-context/) via [RSS](https://plugins.trac.wordpress.org/log/inline-context/?limit=100&mode=stop_on_copy&format=rss). ## Changelog #### 2.8.1 – May 2, 2026 * FIX: Inline context popover no longer closes when inserting an image from the WordPress Media Library #### 2.8.0 – May 2, 2026 * NEW: Embed images inside inline context notes via the WordPress Media Library * NEW: Image button in the note editor toolbar (shown when image support is enabled) * NEW: “Allow images in notes” admin setting in the General tab (default: enabled) * NEW: Custom Quill image blot preserves alt, loading, decoding, and class attributes * NEW: `inline_context_allowed_image_protocols` filter for sites that need data URIs or other schemes * NEW: Three CSS variables for image sizing customization (tooltip max width/height, inline max height) * IMPROVED: Tooltip mode caps images at ~280×200 to keep tooltips compact * IMPROVED: Inline mode caps image height at 400px while allowing full content width * IMPROVED: Print styles handle images with page-break avoidance and sensible sizing * IMPROVED: Confirmed WordPress 7.0 compatibility — “Tested up to” bumped to 7.0 * IMPROVED: Always sets alt=”” on images missing alt text so screen readers don’t announce filenames * IMPROVED: Image src restricted to http(s) and relative paths by default for security * IMPROVED: Settings export/import now includes the image-support toggle #### 2.7.3 – March 21, 2026 * FIX: Category icons now align correctly with text at all icon placement settings * FIX: Category icon double-scaling issue causing icons to render at half the intended size #### 2.7.2 – March 20, 2026 * FIX: Custom category icons now respond to size and placement settings * FIX: Default chevron icon now responds to color and placement settings * FIX: Tooltip hover mode no longer shows erratic show/hide behavior * FIX: Admin settings JS toggles now work (display mode, link style, preset warnings) * NEW: Icon right margin CSS variable for theme.json and admin settings * IMPROVED: Refactored icon rendering to use consistent HTML elements for both default and category icons * IMPROVED: Fine-tuned icon placement values for top, middle, and bottom positions * IMPROVED: Pill style always centers icons regardless of placement setting #### 2.7.1 – December 30, 2025 * FIX: Keyboard shortcut Cmd+Shift+K now works correctly on first try for reusable notes * IMPROVED: Documentation for automatic cleanup feature with WP-CLI command #### 2.7.0 – December 29, 2025 * NEW: Export/Import Settings – Backup and restore all plugin configurations as JSON * NEW: Print Styles – Professional print formatting with automatic note expansion * NEW: Footnote-style numbering for printed documents using CSS counters * NEW: Import/Export tab in admin settings with validation and error handling * IMPROVED: Smart link URL display in print (shows URLs except for anchor links) * IMPROVED: Print-optimized typography and colors for professional documents * FIX: Export/Import now properly handles headers to prevent HTML output issues #### 2.6.0 – December 27, 2025 * NEW: Color preset system with five pre-configured professional color schemes * NEW: Modern Blue (Default), Minimalist Gray, High Contrast, Warm Earth Tones, and Dark Mode presets * NEW: Automatic preset detection and “Custom” indicator when values are modified * NEW: Warning dialog before applying preset over custom settings * IMPROVED: All presets meet WCAG 2.1 AA accessibility standards * IMPROVED: One-click preset application with instant visual feedback #### 2.4.1 – December 19, 2025 * IMPROVED: Documentation #### 2.4.0 – December 19, 2025 * NEW: Pill-style link display option with button-like appearance * NEW: WordPress 6.9+ Abilities API integration for AI assistant discovery * NEW: Five REST API abilities for AI-powered content enhancement * NEW: Context Library Panel in editor sidebar * IMPROVED: Updated “Tested up to” WordPress 6.9 For complete version history, see [changelog.txt](https://github.com/jooplaan/inline-context/blob/main/changelog.txt) ## Meta * Versie **2.8.1** * Laatst geüpdatet **2 maanden geleden** * Actieve installaties **20+** * WordPress versie ** 6.0 of nieuwer ** * Getest t/m **7.0** * PHP versie ** 7.4 of nieuwer ** * Talen * [Dutch](https://nl.wordpress.org/plugins/inline-context/) en [English (US)](https://wordpress.org/plugins/inline-context/). * [Vertaal in je eigen taal](https://translate.wordpress.org/projects/wp-plugins/inline-context) * Tags * [annotations](https://nl.wordpress.org/plugins/tags/annotations/)[context](https://nl.wordpress.org/plugins/tags/context/) [footnote](https://nl.wordpress.org/plugins/tags/footnote/)[inline](https://nl.wordpress.org/plugins/tags/inline/) [tooltip](https://nl.wordpress.org/plugins/tags/tooltip/) * [Geavanceerde weergave](https://nl.wordpress.org/plugins/inline-context/advanced/) ## Waarderingen 5 van 5 sterren. * [ 2 5 sterren beoordelingen ](https://wordpress.org/support/plugin/inline-context/reviews/?filter=5) * [ 0 4 sterren beoordelingen ](https://wordpress.org/support/plugin/inline-context/reviews/?filter=4) * [ 0 3 sterren beoordelingen ](https://wordpress.org/support/plugin/inline-context/reviews/?filter=3) * [ 0 2 sterren beoordelingen ](https://wordpress.org/support/plugin/inline-context/reviews/?filter=2) * [ 0 1 sterren beoordelingen ](https://wordpress.org/support/plugin/inline-context/reviews/?filter=1) [Your review](https://wordpress.org/support/plugin/inline-context/reviews/#new-post) [Bekijk alle beoordelingen](https://wordpress.org/support/plugin/inline-context/reviews/) ## Bijdragers * [ Joop Laan ](https://profiles.wordpress.org/joop/) ## Ondersteuning Iets te melden? Hulp nodig? [Het supportforum bekijken](https://wordpress.org/support/plugin/inline-context/)