shazdeh

<p>A set of shortcodes for the website administrators.</p>
<h4>if</h4>
<p>Using this shortcode you can limit the display of the text or shortcodes to specific page(s) on your website. You can use all the <a href="https://codex.wordpress.org/Conditional_Tags" rel="nofollow ugc">conditional tags</a> WordPress provides. Checkout examples below.</p>
<p>Show text only on the homepage:</p>
<pre><code>[if is_front_page] The text [/if]
</code></pre>
<p>Show text only on the About page of the site:</p>
<pre><code>[if is_page="about"] The text [/if]
</code></pre>
<p>Show only on the category archive view:</p>
<pre><code>[if is_category] The text [/if]
</code></pre>
<p>You can add “not_” before the conditional tag to reverse the logic, example:<br />
Show on all pages of the site except the homepage:</p>
<pre><code>[if not_is_front_page] The text [/if]
</code></pre>
<p>Using multiple parameters, the content is displayed when either of the conditions are met (“OR” comparison), for example, show text on both category and tag archive pages:</p>
<pre><code>[if is_category is_tag] The text [/if]
</code></pre>
<p>To set multiple conditions you can nest the shortcode, for example show text only on homepage AND if the user is logged in:</p>
<pre><code>[if is_user_logged_in][if is_front_page] The text [/if][/if]
</code></pre>
<p>Show a link to wordpress.org site, only on single post pages and only on mobile devices:</p>
<pre><code>[if wp_is_mobile][if is_single] <a href="https://wordpress.org/">WordPress</a> [/if][/if]
</code></pre>
<h4>switch_to_blog</h4>
<p>Run shortcodes in the context of another website in the network. This shortcode is only available in multisite installations (WP Network). For example, list posts from another blog:</p>
<pre><code>[switch_to_blog id="10"] [list_posts limit="10"] [/switch_to_blog]
</code></pre>
<h4>iterator</h4>
<p>Display text or shortcodes only if repeated a certain number of times. Requires an “id” parameter which should be unique for that shortcode (can be anything you want).</p>
<pre><code>[iterator id="my-ads" repeat="5"] My ad codes [/iterator]
</code></pre>
<p>After every 5th call to that shortcode, render the output.</p>
<h4>get_template</h4>
<p>Load a template file into the page. The referenced file is loaded from child theme if it exists, if not from the parent theme. Example, load includes/slider.php template file from the theme:</p>
<pre><code>[get_template slug="includes/slider"]
</code></pre>
<h4>scheduler</h4>
<p>Show text or shortcodes only if the specified date has passed. Example, show the text only if it’s after Christmas of 2016:</p>
<pre><code>[scheduler date="December 25, 2016"] Text [/scheduler]
</code></pre>
<h4>date</h4>
<p>Shows the current date or time in the specified format (https://codex.wordpress.org/Formatting_Date_and_Time). Uses Date Format (in Settings > General) by default.</p>
<pre><code>[date format="F j, Y"]
</code></pre>
<h4>loginoutlink</h4>
<p>Display a link to login page if user is not logged-in, or a logout page if they are. Parameters:</p>
<ul>
<li>login : “Log in” text</li>
<li>logout : “Log out” text</li>
<li>redirect : optional URL to redirect to on login or logout</li>
</ul>
<h4>login_form</h4>
<p>Display the login form.</p>
<h4>custom_field</h4>
<p>Display a custom field from a post. Parameters:</p>
<ul>
<li>key : name of the custom field to show. This parameter is required.</li>
<li>post_id : the ID of the post to display the custom field from; by default uses the current post in the loop</li>
<li>before : show a text to display before the value of the field</li>
<li>after : show a text after the value of the field</li>
</ul>
<h4>disable</h4>
<p>Wrap any content or shortcode with <code>[disable]</code> shortcode to prevent that piece of content from being rendered. Perfect for debugging shortcodes.</p>
<h4>the_id</h4>
<p>Shows the current post ID; useful when you need to debug WP Loops.</p>
<h4>Path shortcodes</h4>
<p>[home_url] : returns the homepage URL<br />
[get_template_directory] : Absolute path to the parent theme directory<br />
[get_template_directory_uri] : URL to the directory of the parent theme<br />
[get_stylesheet_directory] : Absolute path to the directory of the child theme<br />
[get_stylesheet_directory_uri] : URL to the directory of the child theme</p>
<h4>rand shortcodes</h4>
<p>Show a random number between two numbers. Parameters:<br />
* min : minimum value (default 0)<br />
* max : maximum value (default 100)</p>
<h4>get_var</h4>
<p>Retrieve a value from $_GET or $_POST variables.<br />
To get a URL query string:</p>
<pre><code>[get_var get="myvar"]
</code></pre>
<p>To get a value from POST:</p>
<pre><code>[get_var post="myvar"]
</code></pre>


Administrative Shortcodes

A set of shortcodes for the website administrators.

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><strong>NEW in v2.6</strong>: Five pre-configured color presets for one-click professional styling</li>
<li>Choose from Modern Blue, Minimalist Gray, High Contrast, Warm Earth Tones, or Dark Mode</li>
<li>All presets meet WCAG 2.1 AA accessibility standards</li>
<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.

Administrative Shortcodes vs Inline Context