Custom CSS and JavaScript

Description

This plugin allows you to add custom site-wide CSS styles and JavaScript code to your WordPress site. Useful for overriding your theme’s styles and adding client-side functionality.

Features:

  • Code editor with syntax highlighting and AJAX saving to avoid reloading the editor at each save.
  • Save and preview your CSS and JavaScript as a draft that is only applied to logged-in users with the necessary permissions until you are ready to publish your changes to the public.
  • View and restore past revisions of your CSS and JavaScript.
  • Automatically minify your custom CSS and Jasascript code to reduce file size.
  • For the public, custom CSS and JavaScript code is served from the filesystem instead of the database for optimal performance.

Now available! Custom CSS and JavaScript Developer Edition:

  • Divide your CSS and JavaScript into multiple virtual files to keep your code organized (the code is still served as one CSS and one JS file on the front-end for efficiency).
  • Supports Sassy CSS (SCSS)!
  • Live preview for CSS!
  • Upload and download CSS and JavaScript files, individually or in ZIP files.
  • The developer logo and review/donation links are removed from the editor page in the WordPress admin.

Click here to purchase!

If you like this plugin, please consider making a donation.

Screenshots

  • Custom CSS editor

Installation

  1. Click “Plugins” > “Add New” in the WordPress admin menu.
  2. Search for “Custom CSS and JavaScript”.
  3. Click “Install Now”.
  4. Click “Activate Plugin”.

Alternatively, you can manually upload the plugin to your wp-content/plugins directory.

Reviews

جون 23, 2020
Don't know where all the good reviews are coming from. I installed the plugin but its not showing any code editors not in javascript or css option.
مې 26, 2020
For a free plugin, this is fantastic. It works well - code highlighting is solid and it doesn't auto-indent pasted text, unlike similar plugins. I hate that. Search function is aces - it will highlight all instances of the search term in the scroll bar, instead of just highlighting the search term itself and having to click through to see all instances. REVISIONS! What I would do without this feature I don't know. It's here, so I don't have to think about it. A must have. Thank you to the developers - you make my day easier!
نوومبر 6, 2019
Especially I appreciate an Ajax-update-code function, what doesn't reset my (code) view when updating – and so I don't have to search for the recent line again after update 😉 Thanks guys! + Would be great if there was an option to split custom code into multiple files - at least visually - so that there's no need to write one long long file, but to split it into e.g. HEADER FIXES, MAIN FIXES, FOOTER FIXES etc 😉
سپتمبر 5, 2019
Let add javascript and css, without having to change the code of the theme that can be erased on an update
اگست 19, 2019
When a client calls in a panic and needs something done quickly, like that same day if not that same hour, Custom CSS and Javascript is my go to plugin. Sometimes I'll go back and resolve the problem in WordPress, but usually I do not need to. Great job Custom CSS and Javascript developers, you should call your company Bacon Savers as you've saved my bacon plenty of times:)
مارچ 25, 2019
Easy to make quick CSS updates without having to go into the Customizer + The added bonus of efficiently inserting custom scripts, which is essential for those of us that are not developers.
Read all 46 reviews

Contributors & Developers

“Custom CSS and JavaScript” is open source software. The following people have contributed to this plugin.

Contributors

Changelog

2.0.11

  • Fix: Issue with previous update if the admin JavaScript file was already in the browser cache

2.0.10

  • Miscellaneous improvements
  • Updated licensing (GPLv3+)

2.0.9

  • Added search functionality to code editor
  • Added bracket matching to code editor

2.0.8

  • Fixed issue with backslash in CSS

2.0.5

  • Improved HTTPS support

2.0

  • Added revisions
  • Added drafts/previewing
  • Added minification

1.0.5

  • Changed file storage location to prevent deletion on plugin update. IMPORTANT: BACK UP YOUR CUSTOM CSS AND JAVASCRIPT CODE BEFORE INSTALLING THIS UPDATE.

1.0

  • Initial release