Developed by the folks at Automatic, Jetpack is One WordPress plugin that brings a lot of features from WordPress.com to the site self-hosted Wordpress. I mentioned a few lists of features that will make it easier for us to manage our WordPress site, such as: Site statistics, Carousel for image gallery effects, Publicize, Mobile themes and so on.
In this article I will suggest that those of you who often do custom themes on WordPress to activate one of the features of Jetpack, namely the Custom CSS Editor.
Do I need it?
You don’t have to install it and it all depends on you, but see the benefits first:
Convenience: When you activate the Custom CSS feature, you will have the CSS Stylesheet Editor in your wordpress admin-panel, where you can freely enter your custom code and start customizing the appearance of your wordpress theme.
Security: Without changing the existing stylesheet file, Jetpack Kustom CSS stores the custom code in your database. Because of this, it’s perfectly safe to use Custom CSS. You can delete any changes you make without disturbing your site, and even when you disable or remove Jetpack, these changes will still be in your database.
Start Using Custom CSS
1. First, please install Jetpack on your WordPress site. Custom CSS already comes along with some of the features of jetpack.
2. There are 2 ways you can activate the Jetpack plugin:
Connect to your WordPress.com account. If you don’t have it yet, please create a wordpress.com account first here.
Development Mode: if you want to use Jetpack without connecting to a Wordrress.com account, you can use local development mode. Add the following code to the file wp-config.php you:
define( 'JETPACK_DEV_DEBUG', true);
You can read more here.
3. Enter the jetpack menu and look for the Custom CSS Feature and activate it.
4. Now you will have the CSS Stylesheet Editor in Settings> Edit CSS
Make sure that you see the changes you have made and click save to save them.
CSS Revision Module
Right in the Editor, the CSS Revision Module shows a backup copy of your CSS every customization you save. Jetpack will store up to 25 revisions, you can click Restore to revert your changes and return to the previous version.