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.

Why was the CJT plugin developed and what is it used for?

The CJT plugin was created to help website authors write their own code. The plugin allows you to contribute to your WordPress installation code via a simple web interface, where you can modify and extend the functionality and appearance of your website by writing code directly into CJT code blocks. A typical example of using the plugin can include changing the the way a specific WordPress page is displayed, or making a page more interactive by adding some JavaScript (Dynamic HTML).

What is a CJT 'code block'?

The CJT code block is the basic unit for writing code and to associate it with specific WordPress requests.

What is the Assignment Panel?

The Assignment Panel is a tabs window, which appears on the right side of the code block editor and is used to assign/apply the code block into specific requests.

Can you select more than one item from the Assignment Panel?

Yes! You can select any number of items you need, there is no limitation regarding this.

Can you assign multiple blocks to the same items from the Assignment Panel?

Yes! It's one of the most useful features that CJT supports as it allows you to manage/split your codes into several code blocks, allowing you to override code in a former (or lower ordered) code block.

What is Pages, Posts, Categories and Custom Posts tabs?

These lists with checkboxes represent all of your WordPress Pages, Posts, Categories and Custom Posts that your entire website contains. It also supports subpages and sub-categories, which you will also find in there.

What is the Auxiliary tab?

As there are a number of requests that are not available as normal WordPress items (e.g. Pages, Posts, etc) but since it's commonly required and most likely be used, you will find them pre-defined in the Auxiliary tab. In the Auxiliary tab you can find pages like: Home, Blog Index, Author, 404 error, Tag, Archive, Entire website, Front-end, Admin backend and much more!

Is it better to use the URLs tab, or should I select items if found through other tabs?

Pages, Posts, Custom Posts and Categories tabs are created to simplify the assignment process for all types of users. Using URLs is great for fast performance as it requires less time to evaluate/identify the request! However, not all things can be done through the URLs tab. For example, applying a single block to a Category index page and all its sub-categories.

What is the Advanced Expressions tab?

The Advanced Expression tab allows you to fully control what requests to integrate into the code block by using Regular Expressions. In other words, allowing CJT users to define more requests to assign the code block to.

Can I move the blocks around?

Yes by hovering your mouse cursor over the code block title bar until it turns into a four-sided arrow, this allow you to move the blocks. Clicking the block title bar allows you to open and close the blocks.

Is block immediately saved after I clicked 'create' on 'Create New Code Block' form?

Yes! The block is created and saved in your database, to discard the block you've to delete it.

Is block orders immediately saved after drag-and-drop block box?

No! In order to save blocks order you need to press 'Save All Changes' button.

Is block immediately deleted after removed from the blocks list page?

No! After delete block you need to click 'Save All Changes' button.

I'm using the URLs tab and my code is not working?

Make sure you have copied and pasted the Page, Post, or Category URL exactly as it appears in the address bar. For example, you may have inadvertently included an extra forward slash at the end of your URL.

Why use the Footer switch in Location/Hook?

Hook location feature gives you control over the location of outputting the CSS/JS code. This is useful in case overriding another plugins' CSS is required. Also sometimes its better to put your JS code in the footer to avoid slowing down your page load.

I received a weird error, what do I do now?

Sometimes a bug decides to rear its ugly head and when this happens, this is when we need your help. If you receive an error, if it be a PHP error, or some functionality that isn't working for whatever reason, please visit our: CSS & JavaScript Toolbox website and let us know

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

Ratings

4 stars
4.7 out of 5 stars

Support

3 of 6 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