pkgw

The WYSIWYG Inline Code Command plugin adds an “inline code” command to the 
WYSIWYG (visual) post and page editor. It’s just like the “Bold” or “Italics” 
commands, except that it makes your text look like code — usually, this means 
that it’s drawn in a monospace font <code>like this</code>. The comand is accessible as a 
button and with the keybinding <code>Alt-Shift-C</code>.
The unmodified editor does provide a <code>pre</code> style that’s somewhat similar, but 
it’s a block style, which means that you can only apply it to whole 
paragraphs. I wrote this plugin because I found that I often want to apply 
code styling to shorter pieces of computer-y content, such as the 
 Alt-Shift-C above.
I encourage you to provide feedback about this plugin. Entries on the 
compatibility matrix are especially helpful so that people can feel confident 
installing it. Thanks!
The WYSIWIG Inline Code Command plugin provides precisely this one feature, so 
don’t expect it to be updated very often. One issue that I’m aware but don’t 
know quite how to fix is that the user-visible text describing the command in 
the editor isn’t internationalized.

WYSIWYG Inline Code Command

Does one thing, and does it well. No bells and whistles, just a simple code button added to the end of the top row in the WYSIWYG editor.
Saves me A TON of time, as I'm writing a bunch of technical tutorials on my blog. Thanks Peter.



Simple plugin. Works great. Huge time-saver!

This is a simple, single-purpose plugin. Makes it very easy to insert code into posts.



Simple, makes life easier

Thank you, this simple plugin works fine and is saving me time.

Before I had to switch to the code editor to insert a code tag.

It works

Adds a button and keybinding to the WYSIWYG (visual) editor to mark text as inline code.

Bleech

Find issues before others do – every time. With automatic screenshots, daily comparisons, and instant tests after WordPress and plugin updates. Select the pages of your choice for continuous monitoring. The plugin immediately notifies you of any visual changes it detects.
Please note: The website must be publicly accessible in order to set up and run the tests. Password protection or any kind of firewall might prevent the plugin from working correctly.
<h4>Your strategy to spot unwanted changes</h4>
How do you check your website after updates and code changes? Do you manually go through pages, or do you just cross your fingers, hoping everything will be okay? Visual regression testing provides a better way to spot issues and detect visual changes. The VRTs plugin automates testing for you with a click of a button.
<ol>
<li>Activate tests for any page or post: Upon activation, a reference screenshot is taken. This will be renewed when a post is saved or updated.</li>
<li>VRTs monitors your pages: Every day, VRTs captures and compares screenshots of your selected pages. Upgrade to Pro to automate tests for WordPress updates, integrate deployment pipelines via API, and run manual tests on demand.</li>
<li>Receive instant alerts: If a change is detected between the snapshot and the comparison screenshot, the plugin will notify you via email.</li>
<li>Review changes: The difference view makes it easy to spot changes, while the comparison slider lets you inspect the details.</li>
<li>Hide elements: Prevent false positives by excluding dynamic elements, ads, and animations from snapshots.</li>
</ol>
<h4>Use cases</h4>
In which cases can visual regression testing help you spot issues?
<ul>
<li>Plugin and core software updates</li>
<li>Manual code changes</li>
<li>External software and API issues</li>
<li>Server issues</li>
<li>Malware and other malicious code</li>
<li>Missing quality assurance</li>
</ul>
<h4>Features</h4>
<ul>
<li>No Setup: After plugin activation, the frontpage is immediately monitored and alerts are sent to the WordPress admin email.</li>
<li>Daily Tests: The plugin monitors selected posts and pages and compares screenshots daily.</li>
<li>Hide Elements: Hide dynamic or irrelevant elements to prevent false positives in your tests.</li>
<li>Click Element: Define an element that should be clicked before taking a screenshot. This is useful for closing cookie banners or modals.</li>
<li>Email Notifications: As soon as a change is detected between the snapshot and the comparison screenshot, you will be notified via email.</li>
<li>Fullscreen Review: Inspect changes up close using the difference view and comparison slider in fullscreen mode.</li>
<li>Read / Unread: Keep track of test results that require further attention by marking alerts as unread.</li>
<li>Flag False Positives: Identify acceptable changes or non-issues to minimize unnecessary notifications.</li>
<li>Update Automation (Pro): Automatically trigger tests on WordPress core, plugin, theme, or language updates and catch any issues right away.</li>
<li>Manual Testing (Pro): Run tests manually on demand, either for all configured pages or for specific pages, to verify any changes or global edits immediately.</li>
<li>API Integration (Pro): Trigger tests via PHP scripts or WP CLI for integration with other tools, deployment pipelines, or custom automations.</li>
<li>Customizable Notifications (Pro): Specify email addresses for each trigger, to set up notifications for various teams or stakeholders.</li>
</ul>
<h4>Free forever</h4>
<ul>
<li>Test up to 3 pages</li>
<li>On one domain</li>
<li>Automatic daily tests</li>
</ul>
<h4>Go Pro</h4>
Do you like VRTs and want to run more tests? 
Unlock more features with our paid plans:
<ul>
<li>Test up to 500 pages in total</li>
<li>On multiple domains</li>
<li>Scheduled daily tests</li>
<li>Multiple alert recipient groups by alert type</li>
<li>Manual tests (unlimited)</li>
<li>API access (unlimited) <a href="https://vrts.app/docs/" rel="nofollow ugc">Read the docs.</a></li>
<li>Automatic tests after WordPress updates, plugin updates and plugin installations</li>
</ul>
<a href="https://vrts.app/pricing/" rel="nofollow ugc">See pricing plans</a>
<h4>Bug reports</h4>
You found a bug? Please report it by creating an issue on the <a href="https://wordpress.org/support/plugin/visual-regression-tests/" rel="ugc">support forum</a>.
<h4>Read more</h4>
Want to learn more about VRTs? 
Visit our website: <a href="https://vrts.app/" rel="nofollow ugc">vrts.app</a>

VRTs – Visual Regression Tests

Keep your WordPress websites bug-free with automatic screenshots, daily comparisons, and instant tests after WordPress and plugin updates.

WYSIWYG Inline Code Command vs VRTs – Visual Regression Tests