Benefits of Using Custom Code Editors | BoldGrid
Last updated on

In the course of your web development, you would have likely encountered a situation in which a testing environment was a huge help. Perhaps you had a code snippet you wanted to try quickly without the necessity of creating a new, dedicated development environment. The BoldGrid plugin helps address this need with custom code editors built in.

The custom code editors available in the Advanced section of the Customizer let you try out custom CSS and JavaScript code right away and see immediate results. For experienced developers or beginners just getting started, the ability to add code without editing source files is a powerful option for design and development. 

Beyond basic testing, any number of changes can be applied to change the look and feel of your theme, add advanced user interactivity without touching any core files. In this article, we will show you how you can get to the custom editors and start adding your code snippets.

  1. Log into WordPress admin menuLog into the WordPress admin menu.
  2. Choose CustomizeClick Customize.
  3. Choose AdvancedChoose Advanced.
  4. Custom JS & CSSChoose Custom JS & CSS.
  5. Open the editorClick Open Editor for the code you want to add.

You will notice there is already some sample code in your chosen editor to get your syntax going. If you found this tutorial helpful or if you have a question, please let us know with a comment or consider opening a question for a BoldGrid expert. 




   200+ Design Templates + 1 Kick-ass SuperTheme
   6 WordPress Plugins + 2 Essential Services

Everything you need to build and manage WordPress websites in one Central place.

Leave a Reply

Your email address will not be published. Required fields are marked *