=== CSS & JavaScript Toolbox === Contributors: wipeoutmedia Author URL: http://css-javascript-toolbox.com Donate link: https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=EWDWF75JHT9Q6 Tags: post, posts, admin, sidebar, page, pages, image, plug, plugin, customise, style, scripts, hack, Wordpress, HTML, CSS, JavaScript, HTML5, jQuery, PHP, code, script, scripts, manage, management, display, output, header, footer, apply, requests, match, hook, execute, run License: GPLv2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Requires at least: 3.9 Tested up to: 3.9.2 Stable tag: 7.2 Easily add custom CSS, JavaScript, HTML and PHP code to unique CJT code blocks and assign them wherever you want. == Description == 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 Comes with Unlimited number of Extensions = CJT is providing a cool extensions that can be used through CJT Shortcode Form. Both [FREE CJT Extensions](https://wordpress.org/plugins/search.php?q=cjte) and [Premium CJT Extensions](http://css-javascript-toolbox.com/script-extensions/) are available for downloads. = Like CJT Free – Upgrade to CJT Pro/Dev = If you like CJT Free, we hope you can support the continued development by upgrading to CJT Pro or CJT Dev. Click to learn about the [benefits of upgrading to CJT Pro/Dev](http://css-javascript-toolbox.com/pricing). [youtube http://www.youtube.com/watch?v=iyjq7IXBC5E] = 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. = Features = There are way too many features to list on this CJT description page, so if you want to learn more, please click into the [CSS & JavaScript Toolbox website](http://css-javascript-toolbox.com). = Thank You = We would first like to thank you for installing our WordPress plugin. If you like this plugin, find it useful, and appreciate the huge amount of work that has gone into creating it, you can certainly support our efforts by: - Clicking here to [purchase a copy of CJT Pro or CJT Dev](http://css-javascript-toolbox.com/pricing) - Provide a [feedback review and rating](http://wordpress.org/support/view/plugin-reviews/css-javascript-toolbox) on WordPress.org - Spreading the word and recommending the CJT plugin to others. = 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](https://github.com/css-javascript-toolbox/css-javascript-toolbox-plugin). == Installation == 1. If you're upgrading from older versions its highly recommended to backup your database before upgrading. 2. Upload the 'css-javascript-toolbox' folder to the '/wp-content/plugins/' directory 3. Activate the plugin through the 'Plugins' menu in WordPress 4. Click 'CSS & JavaScript Toolbox' link in the main navigation (left side of your Dashboard). == Frequently Asked Questions == = 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 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 saved after I click 'Create' in 'Create New Code Block' form? = Yes. The block is created and saved in your database. In order to discard the block, you have 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? = Due to the overwhelming amount of emails we get for users requesting support for our CJT plugins, we cannot provide support for the CJT Free plugin (hosted here on WordPress.org) at this stage unfortunately. If you wish to receive priority support, please visit our CJT website and [purchase a license for any of our plugins](http://css-javascript-toolbox.com/pricing). == Screenshots == 1. Code Block 2. Create code blocks 3. Blocks List 4. Editor Syntax Highlights and Error Checker 5. Code Auto Completion and Code Snippets Extension 6. Editing Tools 7. Save Load Code Tools 8. Assigning Wordpress Pages 9. Assigning Wordpress Posts 10. Assigning Custom Posts 11. Assigning Categories 12. Auxiliary Assignments 13. Advanced Assignment (URLs and Regular Expressions) 14. Change State Batch Tools 15. Change Location/Hook Batch Tools 16. Delete and Backup Tools 17. Block Code-Files Manager Form 18. Hide/Show Assignment Panel window 19. Single Window Full Screen Mode 20. Change Editor Theme 21. Templates Manager Form 22. Templates Lookup Form 23. Insert Block Shortcode via TinyMCE Button 24. Create Metabox Block At Edit post Level 25. Blocks Screenshor by creating Backup from all existing Code Blocks 26. Block Revisions Dialog 27. Block Info Dialog == Changelog == = 7.2 = * Fix: Block Code file name moving away when open/close Block metabox * Fix: Shortcode list is too small for Shortcode names * Enhance: CJT Framework for packages and extensions updates = 7.1.2 = * Enhance: Show Latest News on Dashboard Widget = 7.1.1 = * Enhance: Add Statistics Dashboard Widget that shows few useful fields. = 7.1 = * Enhance: Processing and Memory optimization for better performance. * Enhance: Block Box Themes Support. * Enhance: 32 Themes is now supported to be applied for the whole block box. * Enhance: Applying theme per browser. Allow for assigning appropriate theme for different devices. * Enhance: Assigned/All mode switchers for assignment panel list. You can show all items even not selected ones or show only assigned to the block. * Enhance: Bullet-Proof Assignment Panel layout so it would always reserved even if another Plugin wrongly load jQuery TABS/ACCORDION Styles. * Enahnce: General UI enhancements. * Enahnce: Code editor updates. * Enhance: Turns CJT Block into a tiny Project that host Multiple "Managed" Code-Files instead of just one. * Enhance: No need to create a Block for each Language Type and assign them to the same Wordpress Page. One Block with Multiple Code Files solved that by creating only one Block for each assgined request. * Enhance: Code Files Support Language Type, Code, Description and TAG fields. * Enhance: Write Design-Time Organized Code by separating them into code-files (JS, CSS, PHP, HTML) and CJT will merge them all at run-time. * Enhance: There is no need to write