| 1 |
=== CSS & JavaScript Toolbox === |
| 2 |
Contributors: wipeoutmedia |
| 3 |
Author URL: http://wipeoutmedia.com/whats-new/css-javascript-toolbox/ |
| 4 |
Donate link: https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=VMXTA3838F6A8 |
| 5 |
Tags: html, css, javascript, code, custom, page, pages, post, posts, category, categories, url |
| 6 |
Requires at least: 3.0 |
| 7 |
Tested up to: 3.2.1 |
| 8 |
Stable tag: 0.3 |
| 9 |
|
| 10 |
Easily add custom CSS and JavaScript code to individual Pages, Posts, Categories, and URLs. |
| 11 |
|
| 12 |
== Description == |
| 13 |
|
| 14 |
If you are an avid CSS and JavaScript fan, then you will really love this nifty piece of software. Our WordPress plugin provides a great deal of flexibility by allowing you to attach custom CSS or JavaScript code to pages, posts, categories, and URLs. |
| 15 |
|
| 16 |
= Key Features = |
| 17 |
|
| 18 |
- create and save CSS or JavaScript code snippets, allowing for code reuse |
| 19 |
- give code snippets specific titles, so you can search and add them to the editor window from a drop-down list |
| 20 |
- insert button to add code to pages/posts, categories, and URLs (code is added at the cursor) |
| 21 |
- delete code from the drop-down list |
| 22 |
- add default inline and external CSS and JavaScript declarations |
| 23 |
- add extra CSS & JavaScript code block windows as needed |
| 24 |
|
| 25 |
= Instructions = |
| 26 |
|
| 27 |
[Instructions with Screenshots](http://wipeoutmedia.com/whats-new/css-javascript-toolbox/) |
| 28 |
|
| 29 |
After you have uploaded and activated the CSS & JavaScript Toolbox plugin, you will notice a new menu item appear under Settings in your Dashboard. Click 'CSS & JavaScript Toolbox' link in the left admin bar of your dashboard. |
| 30 |
|
| 31 |
Write the code, then choose what the code affects |
| 32 |
Clicking into the toolbox link from the WordPress Dashboard for the first time, you will see a CSS & JavaScript Block. Inside this block is a large editor window, and this is where you write your CSS or JavaScript code. To allow your code to run on your website, you need to specify the pages, posts, categories, or page URLs you want the code to work with. You can select multiple checkboxes and even make selections from the other tabs – just make sure you click the Save All Changes button when you are done. The three tab sections are shown in the slideshow below. Note: clicking the small box icon with the arrow in the corner will open the page for testing purposes. |
| 33 |
|
| 34 |
Adding default CSS or JavaScript declaration code |
| 35 |
If you want to add CSS or JavaScript declaration code snippets, but can never remember how they go, that’s cool, we have included these as default code snippets in the drop-down list box. Simply choose the one you want, and click the button with the green down arrow. |
| 36 |
|
| 37 |
Creating and saving your own code snippets This plugin allows you to create and save your own snippets of code so you can reuse it across additional CSS & JavaScript Blocks. To create and save your own snippets of code, simply click the button with the green cross. You will see a popup window, where you can create a title for your code, and enter the actual code in the main text area. Once you are happy with your code snippet and title, click the Save Code Template button. |
| 38 |
|
| 39 |
You can then click the drop-down list, select the code title you provided, and then click the green down arrow button to insert the code into the editor window. |
| 40 |
|
| 41 |
Adding more CSS & JavaScript Blocks We understand that one CSS & JavaScript Block is not enough. You may want to affect a different page with a whole new set of code. In this scenario, we have you covered. Look below the bottom of the block and you will find a button labelled Add New CSS/JS Block. Click that to add an entirely new CSS & JavaScript Block. |
| 42 |
|
| 43 |
Although this plugin uses Ajax for the function calls (in other words does not refresh the webpage), please remember to save your code on a regular basis by clicking the Save All Changes button. |
| 44 |
|
| 45 |
= Thank You = |
| 46 |
We would like to take this opportunity to thank you for installing our plugin. :) |
| 47 |
We hope you enjoy using our new WordPress plugin with your development work. We do plan on developing it further with some awesomely cool updates in the near future – so stay tuned!!! If you do enjoy 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: |
| 48 |
- Consider donating through PayPal |
| 49 |
- Join our Newsletter mailing list for updates and news |
| 50 |
- Contact us for WordPress or logo services |
| 51 |
- Like our Facebook page |
| 52 |
- Follow us on Twitter |
| 53 |
|
| 54 |
We would also love to hear your thoughts on our plugin. How has it helped you? How did you find using it? And – is there anything that could make it better? Please drop us a comment below, and thanks again for your support! Enjoy!! |
| 55 |
|
| 56 |
== Installation == |
| 57 |
|
| 58 |
1. Upload the 'css-js-toolbox' folder to the `/wp-content/plugins/` directory |
| 59 |
2. Activate the plugin through the 'Plugins' menu in WordPress |
| 60 |
3. Click 'CSS & JavaScript Toolbox' link in the left admin bar of your dashboard |
| 61 |
|
| 62 |
== Frequently Asked Questions == |
| 63 |
No frequently asked question at this time - stay tuned! |
| 64 |
|
| 65 |
== Screenshots == |
| 66 |
|
| 67 |
1. Main CSS & JavaScript Toolbox window showing the JS/CSS Block. |
| 68 |
2. Three tab sections showing Pages (& Posts), Categories, and URL List respectively. |
| 69 |
3. Adding default CSS or JavaScript declaration code |
| 70 |
4. Creating and saving your own code snippets |
| 71 |
5. Using the drop-down list box to add your own code snippets |
| 72 |
6. Adding more CSS & JavaScript Blocks |
| 73 |
|
| 74 |
== Changelog == |
| 75 |
= 0.3 = |
| 76 |
* This is the first and latest release |
| 77 |
|
| 78 |
== Credits == |
| 79 |
|
| 80 |
Copyright (c) 2011, Wipeout Media. |
| 81 |
|
| 82 |
This program is free software; you can redistribute it and/or |
| 83 |
modify it under the terms of the GNU General Public License |
| 84 |
as published by the Free Software Foundation; either version 2 |
| 85 |
of the License, or (at your option) any later version. |
| 86 |
|
| 87 |
This program is distributed in the hope that it will be useful, |
| 88 |
but WITHOUT ANY WARRANTY; without even the implied warranty of |
| 89 |
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the |
| 90 |
GNU General Public License for more details. |
| 91 |
|
| 92 |
You should have received a copy of the GNU General Public License |
| 93 |
along with this program; if not, write to the Free Software |
| 94 |
Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA. |
| 95 |
|
