Skip to content
🚀 Write, edit and organize your code from your WordPress dashboard.

JavaScript Files ​

JavaScript resource files can be added to back-end as well as front-end pages.

✨ Example - Reading Progress Bar ​

This example adds a reading progress bar to the page header.

Code Manager - JS File

How To Use ​

A JS file can be enabled in the List View. It supports five options:

  1. Disabled - Disables the JS.
  2. Admin Enabled - Adds JS to back-end pages.
  3. Public Enabled - Adds JS to front-end pages.
  4. Both Enabled - Adds JS to back-end and front-end pages.
  5. URL Enabled - Enables the JS through a unique URL.

Code Manager - JS File

Back-End ​

With the Code Manager, you can add your own JavaScript code to the back-end. This can be particularly useful for plugins like WP Data Access that support apps in the back-end.

Front-End ​

With the Code Manager, you can add your own JavaScript code to the front-end. This can be particularly useful for plugins like WP Data Access that support apps in the front-end.

URL ​

A URL enabled JS file is not added to back-end and front-end pages automatically. Instead, it can be added when needed.

Code Manager - JS File

✨ Example - onAppOpen Hook ​

Add the Reading Progress Bar example to a WP Data Access app.

js
((loadScript, loadStyle) => {

	loadScript("/wp-json/cm/js/?code_id=381", "myReadingProgressBar")
	
})

> Read more...