WP Coder Pro

Create and place code snippets

WP Coder Pro includes a tabbed CodeMirror editor with syntax highlighting for HTML, CSS, JavaScript, and PHP. Create and manage snippets in the WordPress dashboard without editing theme documents. Developers can test hooks and debug, marketers can add tracking code, and designers or bloggers can adjust layouts and site interactions.

Place a snippet with the Gutenberg block, which works with custom attributes and live preview, or use the shortcode [wp_code id="X"]. HTML and CSS can be previewed in the backend and Gutenberg without reloading the page.

Set PHP scope and prepare front-end code

Choose whether a PHP snippet runs in the admin area, on the front end, everywhere, or only where it is inserted. External libraries can be included, such as Google Fonts and CDN scripts or styles. Test Mode lets you preview snippets before they go live.

Front-end controls include CSS and JavaScript minification, JavaScript obfuscation with Dean Edwards’ Packer, and settings to load scripts with async or defer.

Integrations and editing tools

Integrations include Google Tag Manager with user-role controls, Google Analytics, Facebook Pixel, Pinterest Pixel, and Google AdSense. AdSense can be disabled for selected user roles.

The Markdown Editor uses CodeMirror and replaces Gutenberg and TinyMCE while enabled. You can hide unused editor tabs and add NAV comments as inline navigation markers for code editing.

Administration and included snippets

• Enable, disable, or clear the WordPress debug log.
• Show request details in the Admin Bar, including the template, query type, object, and body classes. This tool is available to administrators.
• Switch between installed themes from the Admin Bar.
• Use included snippets for editor, content, login, user access, media, embeds, and core functionality.
• Available options include disabling Gutenberg, changing login redirects, enabling SVG uploads, setting default avatar ALT text, controlling lazy loading, and disabling embeds.

Move and use snippets

Import and export tools move snippets and settings between sites. To get started, make a snippet in the dashboard, choose its code type, add the required content, and choose how and where it should run. Preview it in Test Mode when appropriate, then place it with the Gutenberg block or shortcode.