WordPress.org

Ready to get started?Download WordPress

Plugin Directory

CSS & JavaScript Toolbox

Easily add custom CSS, JavaScript, HTML and PHP code to unique CJT code blocks and assign them wherever you want.

CSS & JavaScript Toolbox is a powerful code management plugin that gives you the tools to easily and safely modify or extend the functionality and appearance of your WordPress-powered website. You do this by adding custom code directly into unique code blocks and assign them to pages, posts, custom posts, categories, URLs, expressions, and loads more!

CJT Free – Now Full-Featured!!!

We want you to try out all the features of CJT Pro/Dev so we have now included them in the community edition of CJT Free on WordPress.org. It’s also a way of giving back to the community that have supported us from the very beginning.

When you get a chance, please click into the CJT website and learn about the benefits of upgrading to CJT Pro/Dev.

So what exactly is CJT?

Just like plugins, scripts can modify or extend the functionality and appearance of your website. Unlike plugins, adding and configuring script code files can be frustrating. CJT makes this process pleasant and easy. In fact, adding scripts and styles with CJT can be done in as little as two steps: 1) Add your code 2) Assign where it goes

Who is this plugin for?

This plugin is primarily intended for WordPress website developers and designers. But that is not to say that others would not be able to get use out of it. CJT can be used for a lot of things from; teachers teaching and students learning to code, to mum and dad bloggers wanting to add Google Analytics or other scripts to their website. So whether it be adding free/premium scripts, creating and testing new scripts, streamlining development work, making front-end customisations, or even teaching and learning WordPress – CJT is extremely flexible and versatile.

Have you ever thought?

  • Wouldn't it be great to have an easy way to plug code into your WordPress installation without having to know how to create a WordPress plugin OR having to modify files through FTP, etc
  • How nice it would be if you could simply add code that works with WordPress internal code without hacking away at core files
  • How about a nice simple way to change the appearance of a page or post in your WordPress website
  • What about a means to organise your scripts and blocks of code in an easy-to-use graphical web interface

Features

Check out the HUGE list of features for CJT Free below.

Global Code Blocks

Add as many CJT code blocks as you need Assign a code block to multiple Pages/Posts/Categories/etc Edit multiple code blocks at the same time without navigating browsers Reorder code blocks via drag and drop to allow block priority over others

Assign code blocks to: - Pages (including Child/Sub Pages) - Posts (including Custom Posts) - Categories (including Child/Sub Categories) - Auxiliary Assignments (including Entire Website, Website Backend, All Pages, All Posts, Recent Posts, Blog Index, All Categories, Search Pages, All Archives, Tag Archives, Author Archives, Attachment Pages, and 404 Error Pages) - URLs and Regular Expressions Select to output the code block to the Header/Footer of the assignment

Metabox Code Block & Shortcodes

Add CJT metabox code block at the Page/Post level Security setting in Options to enable/disable metabox code block Use CJT shortcodes to output the code block at the Page/Post level (for pinpoint output) TinyMCE button provides a popup, which lists all CJT shortcodes for easy insertion via a single click

Code Files

Each code block now supports code files: - Create as many code files as needed - Add a name, language type (i.e. HTML, PHP, CSS and JavaScript), and description for your code file. Editor language will automatically be switched for you - All code files will share the same assignments (e.g. the same Posts/Pages/Categories/etc) - You can turn your code block into a mini project. For example, you can assign a single block with multiple code files to a Page or Post, instead of creating multiple blocks to a single Page or Post - Switch between code files using AJAX - Multiple authors can work on the same block at the same time by editing different code files - When executed all block code files will be merged together and involved as a single file

Templates & Packages

External Link function seamlessly download a third-party script (e.g. from CDN), add it as a template and link it to the current code block

Code Template Manager allows you to: - Create HTML, PHP, CSS and JavaScript code templates so you can link or embed them to your code blocks - Centralise your library/third-party codes by linking templates, which is using WordPress scripts/styles queue to avoid conflicts

Template Lookup System allows you to: - Link/embed BOTH Templates and even WordPress built-in scripts/styles (such as jQuery, Thickbox, etc) that are bundled with WordPress

Package System allows you to: - Install packages from the CJT website - Create your own packages (zip package made up of code blocks and templates) - Work in external editors, save all code blocks and templates into files, and then import them into CJT via a simple definition.xml file - Share packages with other CJT developers - Define block parameters, making it possible to utilise shortcode parameters form, which allows block to prompt for parameters when inserted as a shortcode

Cool Tools

Write HTML, PHP, CSS and JavaScript using the Advanced Code Editor Powerful editor coding tools like: Undo, Redo, Find, Replace, Go To Line, Fold, UnFold, Collapse and Expand, and much more! Code Auto Completion is a powerful helper tool to quickly auto-complete HTML, PHP, CSS and JavaScript code syntax and code snippets Syntax highlighting and error checking Around 30 editor and code block themes to choose from

Many batch operations including: - Activate/Deactivate/Revert state for all code blocks (great for debugging) - Switch all code blocks to either the Header or Footer - Delete all or delete only the empty code blocks Create multiple backups for all your code blocks, allowing them all to be restored Create multiple code block revisions, allowing the single block to be restored Tools allow for font-size adjustment, full-width and full-screen editing Minimise or maximise all code blocks with a single click

Performance

Have you ever noticed how your website can start slowing down when you add more and more WordPress plugins into the mix. Unfortunately plugins can bloat your website and use unnecessary resources if they are used when not needed. CJT only reserves memory resources and usage processes when it needs to, otherwise it will not get involved. Additionally, by adding scripts that emulate an existing plugin, YOU get to decide exactly where the script will run.

CJT has been fully tested using over 100 code blocks and 1000′s of assignments (e.g. Posts/Pages/Categories/etc). This was made possible using a combination of AJAX scrolling and pagination. In fact, 99% of CJT utilises AJAX technology, which means there is no need to refresh/reload the webpage

Follow the Developments

If you like to know more about the development state, issues and to track future versions code please follow us on GitHub Plugin repository.

Thank You

We would like to take this opportunity to thank you for installing our WordPress plugin. We will continue to develop it further, making it bigger and better with awesome updates in the near future. If you like this plugin and not only find it useful, but appreciate the huge amount of work that has gone into creating it, you can certainly support us in a number of ways, including:

Thank you very much for your support and we hope you enjoy using it as much as we enjoy developing it.

Regards, Team CJT

Requires: 3.9 or higher
Compatible up to: 3.9.1
Last Updated: 2014-5-6
Downloads: 49,980

Ratings

4 stars
4.7 out of 5 stars

Support

3 of 7 support threads in the last two months have been resolved.

Got something to say? Need help?

Compatibility

+
=
Not enough data

1 person says it works.
0 people say it's broken.

100,3,3
0,1,0
50,2,1 75,4,3
100,2,2
50,2,1
100,2,2
100,2,2 100,1,1
100,1,1 100,1,1 100,1,1 100,1,1 100,1,1 100,1,1 100,1,1 100,1,1 100,1,1
100,2,2 100,2,2 100,1,1 100,1,1 100,1,1 100,2,2 100,1,1 100,1,1 100,1,1 100,1,1
100,1,1
0,1,0
100,1,1 100,1,1 100,1,1
100,1,1 75,4,3
100,1,1 100,1,1
100,1,1
100,1,1