Code blocks for WordPress

CSS & JavaScript Toolbox PLUS delivers a dashboard for writing and organizing CSS, JavaScript, PHP, and HTML. Each code block pairs an editor with a location editor, so you can select the WordPress requests where it should run. For example, assign CSS to a page for styling changes, use PHP to add functionality, or add JavaScript for page interactions and scripts such as analytics or chat widgets.

Assignments and placement

The assignment panel covers pages, posts, custom posts, tags, and categories. Auxiliary targets include the entire site, the website backend, all pages, all posts, recent posts, the blog index, all categories, search pages, archives, tag archives, author archives, attachment pages, and 404 error pages. Multiple locations and code blocks can be assigned as needed.

PLUS adds premium placement options for the entire website, all posts, and other broad areas. It works with adding code through shortcodes, widgets, and Gutenberg blocks, and targeting with URLs or regular expressions. Eight additional hooks provide more placement choices. The invert feature lets a block run everywhere except the locations selected for exclusion.

Editor and library utilities

Code auto-completion and options to beautify or minify code are available in the editor. The code revisions system helps manage earlier versions of blocks. Backup and export/import tools let you preserve or move the code library. The extension is described as optimized for hundreds of blocks and thousands of locations, including pages, posts, categories, and custom posts.

Create and assign a block

Create a code block, select CSS, JavaScript, PHP, or HTML, and enter the code in the editor. In the assignment panel, select the locations where it should run, review the selection, and save the block. Manage additional blocks from the shared code and script library.