Custom Codes

Description

Your custom SASS, CSS, JS and PHP customizations in same directory with the best advanced code editor CodeMirror! Just “Command + S” to save, and much more. You don’t even need to enable the child-theme of your themes if you use this plugin. It also has responsive breakpoints to write specific CSS for each mobile device.

Main Features

  1. Custom SASS or CSS editors (Including separate mobile devices and retina display devices SASS/CSS editors)
  2. Custom JavaScript editors (Head and footer)
  3. Emmet (Code abbreviations on CSS)
  4. AutoPrefixer
  5. Full Screen Mode
  6. Plays a sound when saved
  7. Permission settings
  8. Admin notes section
  9. Dark and light themes

Screenshots

  • General look
  • Options and Shortcuts
  • Admin side editor look

Installation

  1. Login to your website and go to the Plugins section of your admin panel.
  2. Click the Add New button.
  3. Under Install Plugins, click the Upload link.
  4. Select the plugin zip file (custom-codes.zip) from your computer then click the Install Now button.
  5. You should see a message stating that the plugin was installed successfully.
  6. Click the Activate Plugin link.

FAQ

Will my custom codes be deleted after uninstalling the plugin?
  • No, it won’t if you uncheck the “Store custom CSS/JS after uninstall” option on settings.
A red cross appeared when I try to save. It doesn’t look save the files, what’s the problem?
  • Just mouseover the cross and see the error message.

Reviews

Thank you for this amazing plugin!!!

I have tried many plugins for adding custom code, and this is the best by far. Add all of your custom CSS/SASS and JavaScript/jQuery in one place. Robust code editor with error notification, line numbers, good use of colors, separate tabs to keep media queries organized. SASS is compiled automatically. It's like having an enhanced version of Sublime Text built directly into WordPress! Thank you for creating this plugin!!!

AMAZING!

This even has multi-line select (hold alt and click) AMAZING!. two features I would love: 1. auto-prefixer (for elements like flex): https://autoprefixer.github.io/ 2. Tabs for sass includes so I can have _typography.scss to separate my styles

WOW!

The editor is perfect! emmet expansions, breakpoints as tabs, editable breakpoints, keyboard shortcuts, SASS!, javascript as well. Very impressive and better than most other "pro" plugins. So well done. The icing on the cake would be: - Live view of the site in a panel that refreshes when saving. To allow for rapid styling. - Allow for multiple files. - An easy way to add code for specific pages or posts. Maybe, if there was multi-file editing, you could select to attach file/s on each post/page entry.
Read all 8 reviews

Contributors & Developers

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

Contributors

Translate “Custom Codes” into your language.

Interested in development?

Browse the code, check out the SVN repository, or subscribe to the development log by RSS.

Changelog

1.0.1 (2018-11-16 16:49 EET)

  • AutoPrefixer feature disabled for now..

1.0.0 (2018-11-16 14:53 EET)

  • Tested on WordPress 5.0
  • AutoPrefixer feature added!
  • SASS updated
  • CodeMirror updated
  • Some optimizations has been made
  • Minor bug fixes

0.3.7 (2018-08-31 15:15 EET)

  • Tested on WordPress 4.9.8
  • Open source license type changed
  • Plugin URL updated

0.3.6 (2018-04-17 17:51 EET)

  • Tested on WordPress 4.9.5

0.3.5 (2018-01-05 19:16 EET)

  • Bug fix related to empty desktop sass file template.

0.3.4 (2017-08-10 14:04 EET)

  • A small bug fix related to CSS output editor’s read-only state after saving.

0.3.3 (2017-08-03 18:53 EET)

  • Old version plugin settings, roles, capabilities changes (Bug fix).

0.3.2 (2017-08-03 18:12 EET)

  • Old version plugin settings, roles, capabilities changes.
  • Small corrections.

0.3.1 (2017-07-07 15:51 EET)

  • Prefix added to enquee IDs.

0.3.0 (2017-06-09 13:36 EET)

  • Plugin moved to the WordPress.org plugin repository

0.2.2 (2017-06-02 11:40 EET)

  • Removed slashes from the readme file

0.2.1 (2017-06-02 03:32 EET)

  • Readme files corrections

0.2.0 (2017-05-08 17:40 EET)

  • Moved to Github

0.1.9 (2017-05-08 17:14 EET)

  • Version count added
  • Bug fixes

0.1.8 (2017-01-24 21:07 EET)

  • Some optimizations

0.1.7 (2017-01-24 14:19 EET)

  • Fatal Error catcher is removed
  • Plugin Update Checker updated

0.1.6 (2016-09-24 12:32 EET)

  • Bug fixes

0.1.5 (2016-09-08 15:05 EET)

  • Enabled error reporting for the admin_functions.php

0.1.4 (2016-09-08 12:57 EET)

  • Bug fixes
  • Tested on WordPress 4.6.1

0.1.3 (2016-09-06 13:21 EET)

  • Bug on Google Chrome Stable 53.0.2785.89 fixed

0.1.2 (2016-09-05 13:02 EET)

  • CodeMirror and Sass updated to latest versions

0.1.1 (2016-09-01 17:30 EET)

  • Plugin Update Checker updated

0.1 (2016-09-01 15:43 EET)

  • New ideas added

0.0.9 (2016-08-28 18:01 EET)

  • Tested on WordPress 4.6

0.0.8 (2016-08-28 17:51 EET)

  • Emmet features added

0.0.7 (2016-08-21 20:00 EET)

  • Roles selector to show the plugin

0.0.6 (2016-08-14 01:18 EET)

  • Bug fixes

0.0.5 (2016-08-14 00:58 EET)

  • Bug fixes

0.0.4 (2016-08-14 00:19 EET)

  • Roles selector for admin side CSS and JS

0.0.3 (2016-08-13 22:41 EET)

  • Bug fixes related to tabs

0.0.2 (2016-08-13 20:29 EET)

  • Bug fixes
  • “Saving..” overlay added

0.0.1 (2016-06-27 14:36 EET)

  • Initial commit