Cloud

Scripts Organizer use Google Drive to store the code snippets. Connect to the Scripts Organizer Cloud Under “Features” at the bottom, you will see Google Drive Cloud. Hit button “Connect to Google Drive”. You will get google account chooser to select account you want to use for the cloud. Allow it to finish the process. […]

Read More

Features

After activating the license features, settings are available. They are disabled by default.

Read More

Create a file

Generate CSS and JS as a files By default when you create Code Block and you choose JS, CSS, or SCSS, code will be generated as an inline Script or Style. And that is great if you are inserting critical and small code. If you want to create an entire website theme or have an […]

Read More

Code Blocks

What is it? Code Blocks is simply an expression for the name of our custom post type or one script post that can have three scripts locations inside. Code Block Locations Every code block can contain Header, Footer, and PHP or Shortcode. That is useful for a much better organization. For example, you can use […]

Read More

Code Languages

With Scripts Organizer you can write CSS, SCSS, JavaScript, HTML, and PHP. The Header and the Footer blocks are HTML-based and wrap scripts and styles in closing tags. In PHP you can write whatever you need (CSS, JavaScript, HTML, and PHP.) PHP Use PHP same as you would write it inside functions.php. Wrap code with […]

Read More

Code Editor

With version 2.0 and above you will get Full Visual Studion code experience. We have integrated Monaco and with that, you will have a feeling like you never left the desktop coding application. To be able to write your code faster inside the editor we support autocomplete. Intro video Most useful keyboard shortcuts Shortcut action […]

Read More

Code Block Editor Interface

User Interface first look UI is heavily inspired by the Gutenberg editor that is the future of the WordPress. Top Bar WordPress Icon Is the same in Gutenberg. It will take you back to the Code Blocks. + Add new Will create new Code Block or SCSS Partial depending on the location you are. Read […]

Read More

Themes

Looking at the code all day long is hard, so we are making constant improvements. From Dark to Light mode, transition between night and day for better contrast, to even custom code editor font size. Same as WordPress Native we are using a light theme by default. Changing the theme is transferred from Features to […]

Read More

Code Navigator

Navigate quickly between code blocks with a sidebar list without leaving Code Editor. Code Navigator is available for Code Blocks and SCSS Partials, and it is located under the gear tab (Page settings) To save space and reduce clutter’s excluding from the list: The reason behind hiding drafts – you most likely don’t need them […]

Read More

Scripts Location

What distinguishes Scripts Organizer from others is that you can write Scripts and Styles inside Header and Footer, and on top of that you can write PHP Action, or Hook, or you can create a Shortcode at the same time. Header, Footer, and PHP code will be running across the entire website unless it is […]

Read More