Code Machine

<p>Convert Post Shortcodes into Visual Clickable Elements. Provide a simple web form for modifying Shortcode attributes by just clicking on the visual shortcodes.</p>
<p>Shortcode is one of the very important features introduced in WordPress platform. Shortcode is a WordPress-specific code that lets you do nifty things with very little effort. Shortcodes can embed files or create objects that would normally require lots of complicated, ugly code in just one line. Shortcode = shortcut</p>
<p>The only problem is dealing with Shortcode via raw text editor. Editing Shortcode with text editor would required a little efforts. Visual Shortcode Plugin rule is to simplify shortcode editing process by allow editing Shortcode attributes through simple web form</p>
<p>Visual Shortcode form is very simple and consist only from Text Fields however more fields might be configured for the Shortcode by installing <a href="http://www.cbspoint.com/plugins/advanced-visual-shortcode/" rel="nofollow ugc">Advanced Visual Shortcode Extension Plugin</a> Extension.</p>
<p>Once Shortcode Visual Element is clicked a Shortcode form will be pop-up allowing editing Shortcode attributes very easy without any manual editing for Shortcode attributes</p>
<p>Shortcode content, those data between the open and close Shortcode tags, is currently not allowed to be edited. Only Shortcode attributes can be edited.</p>
<p>Shortcode still can be edited manually or via Visual Shortcode clickable element, however make sure to don’t change Visual Shortcode HTML wrapped signature to avoid Visual Shortcode plugin from visualizing your element twice as this would lead to unpredicatble behavior that prevent you from editing Shortcode attribute via web form.</p>
<p>Creating Visual Shortcodes must be done manually by clicking on Visualize Shortcode button. Visualizing Shortcode automaticlly is considered as <a href="http://www.cbspoint.com/plugins/advanced-visual-shortcode/" rel="nofollow ugc">Advanced Visual Shortcode Extension Plugin</a> feature to be added later.</p>
<p><a href="http://www.cbspoint.com/plugins/advanced-visual-shortcode/" rel="nofollow ugc">Advanced Visual Shortcode Extension Plugin</a> make it even eaiser by allowing of defining Shortcode and its attributes so you don’t need to rememebder Shortcode attributes everytime you want to edit Shortcode Attributes. Its also allow many Creating Different field type for every Shortcode Attribute.</p>
<h4>Features</h4>
<ul>
<li>Turns Shortcode texts into Visual Elements</li>
<li>Modify Shortcode attributes using Web Form</li>
<li>All Shortcode attributes are represted as input text field</li>
<li>Visualize each post Shortcodes manually by single button click</li>
<li>Support Switch between Text and Visual Editors</li>
<li>Shortcode attributes may be updated manually after shortcode visualized</li>
</ul>
<h4>Note</h4>
<p>This Plugin will display empty dialog for Shortcodes those don’t have attributes yet. You must have Shortcode Attributes typed before displaying the form so that The Plugin knows how to create Shortcode Form. If you like to have Your Shortcode Defined and the forms as well you can purchase <a href="http://www.cbspoint.com/plugins/advanced-visual-shortcode/" rel="nofollow ugc">Advanced Visual Shortcode Extension Plugin</a></p>
<h4>Need More Features ?</h4>
<p><a href="http://www.cbspoint.com/plugins/advanced-visual-shortcode/" rel="nofollow ugc">Advanced Visual Shortcode Extension Plugin</a> comes along with many features, check out he list below:</p>
<ul>
<li>Text Field</li>
<li>Dropdown List</li>
<li>Multiple Selection list</li>
<li>Single Selection List</li>
<li>Checkbox list</li>
<li>Radio Options list</li>
<li>HTML5 Color Picker</li>
<li>WordPress Color Picker</li>
<li>Image field</li>
<li>Yes/No Field</li>
<li>True/False Field</li>
<li>On/Off Field</li>
<li>Zero/One field</li>
<li>Textarea field</li>
<li>Set Field defaut value</li>
<li>Define Shortcode (Tag, Title, Description)</li>
<li>Define Shortcode form (Name, Title)</li>
<li>Herarichal forms</li>
</ul>
<h3>Requirements</h3>
<ul>
<li>PHP >= 5.3</li>
</ul>


CB Visual Shortcode

Turns textual Wordpress Post Shortcodes into Visual Shortcode, provide web form for changing attributes value

Bleech

<p>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.</p>
<p><strong>Please note:</strong> 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.</p>
<h4>Your strategy to spot unwanted changes</h4>
<p>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.</p>
<ol>
<li><strong>Activate tests for any page or post:</strong> Upon activation, a reference screenshot is taken. This will be renewed when a post is saved or updated.</li>
<li><strong>VRTs monitors your pages:</strong> 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><strong>Receive instant alerts:</strong> If a change is detected between the snapshot and the comparison screenshot, the plugin will notify you via email.</li>
<li><strong>Review changes:</strong> The difference view makes it easy to spot changes, while the comparison slider lets you inspect the details.</li>
<li><strong>Hide elements:</strong> Prevent false positives by excluding dynamic elements, ads, and animations from snapshots.</li>
</ol>
<h4>Use cases</h4>
<p>In which cases can visual regression testing help you spot issues?</p>
<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><strong>No Setup:</strong> After plugin activation, the frontpage is immediately monitored and alerts are sent to the WordPress admin email.</li>
<li><strong>Daily Tests:</strong> The plugin monitors selected posts and pages and compares screenshots daily.</li>
<li><strong>Hide Elements:</strong> Hide dynamic or irrelevant elements to prevent false positives in your tests.</li>
<li><strong>Click Element:</strong> Define an element that should be clicked before taking a screenshot. This is useful for closing cookie banners or modals.</li>
<li><strong>Email Notifications:</strong> As soon as a change is detected between the snapshot and the comparison screenshot, you will be notified via email.</li>
<li><strong>Fullscreen Review:</strong> Inspect changes up close using the difference view and comparison slider in fullscreen mode.</li>
<li><strong>Read / Unread:</strong> Keep track of test results that require further attention by marking alerts as unread.</li>
<li><strong>Flag False Positives:</strong> Identify acceptable changes or non-issues to minimize unnecessary notifications.</li>
<li><strong>Update Automation (Pro):</strong> Automatically trigger tests on WordPress core, plugin, theme, or language updates and catch any issues right away.</li>
<li><strong>Manual Testing (Pro):</strong> Run tests manually on demand, either for all configured pages or for specific pages, to verify any changes or global edits immediately.</li>
<li><strong>API Integration (Pro):</strong> Trigger tests via PHP scripts or WP CLI for integration with other tools, deployment pipelines, or custom automations.</li>
<li><strong>Customizable Notifications (Pro):</strong> 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 <strong>3 pages</strong></li>
<li>On <strong>one</strong> domain</li>
<li><strong>Automatic daily</strong> tests</li>
</ul>
<h4>Go Pro</h4>
<p>Do you like VRTs and want to run more tests?<br />
Unlock more features with our paid plans:</p>
<ul>
<li>Test up to <strong>500 pages</strong> in total</li>
<li>On <strong>multiple</strong> domains</li>
<li><strong>Scheduled daily</strong> tests</li>
<li><strong>Multiple</strong> alert recipient groups by alert type</li>
<li><strong>Manual tests</strong> (unlimited)</li>
<li><strong>API access</strong> (unlimited) <a href="https://vrts.app/docs/" rel="nofollow ugc">Read the docs.</a></li>
<li><strong>Automatic tests</strong> after WordPress updates, plugin updates and plugin installations</li>
</ul>
<p><a href="https://vrts.app/pricing/" rel="nofollow ugc">See pricing plans</a></p>
<h4>Bug reports</h4>
<p>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>.</p>
<h4>Read more</h4>
<p>Want to learn more about VRTs?<br />
Visit our website: <a href="https://vrts.app/" rel="nofollow ugc">vrts.app</a></p>


VRTs – Visual Regression Tests

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

CB Visual Shortcode vs VRTs – Visual Regression Tests