Keep WordPress code in blocks
CSS & JavaScript Toolbox PLUS provides a dashboard for creating CSS, JavaScript, PHP, and HTML code blocks. Each block pairs a code editor with a location editor, so you can enter code and choose which WordPress requests should execute it. For a page that needs a styling adjustment, assign a CSS block to that page. PHP can add functionality, while JavaScript can support page interactions or scripts such as analytics and chat widgets.
Choose where each block runs
The assignment panel targets pages, posts, custom posts, tags, and categories. Its auxiliary locations include the entire website, 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. You can select multiple locations for a block.
PLUS adds placement settings for broad areas such as the entire website and all posts. It also works with adding code through shortcodes, widgets, and Gutenberg blocks, with assignments by tags, URLs, and regular expressions. Header and footer hook options control where CSS or JavaScript is output; PLUS includes eight additional hooks for more precise placement. The invert feature lets a block run everywhere except the locations selected for exclusion.
Manage and maintain code
The code and script library keeps blocks in one place. Editor utilities include auto-complete and options to beautify or minify code. Revisions help you manage earlier versions of blocks, while backup and export/import tools help preserve or move the library.
Create and assign a block
- Create a code block and select its code type.
- Enter CSS, JavaScript, PHP, or HTML in the editor.
- Use the assignment panel to select where the block should run.
- Review the selected locations and save the block.
Manage additional blocks from the shared code and script library.
