Code Monkey home page Code Monkey logo

wpadminassetsjscss's Introduction

WPAdminAssetsJSCSS

WP JS/CSS Installation enqueue admin

// Plugin admin area no framework or boilerplate! 
// Admin CSS / Stlesheets 
add_action( 'admin_enqueue_scripts', 'myplugin_enqueue_style_admin' );
function myplugin_enqueue_style_admin() {
	
  /*
   wp_enqueue_style(
     string           $handle,
     string           $src = '',
     array            $deps = array(),
     string|bool|null $ver = false,
     string           $media = 'all'
   )
 */
	
  $src = plugin_dir_url( __FILE__ ) .'admin/css/example-admin.css';
  
  wp_enqueue_style( 'myplugin-admin', $src, array(), null, 'all' );

}
// Plugin admin area no framework or boilerplate! 
// Admin JS / script
add_action( 'admin_enqueue_scripts', 'myplugin_enqueue_script_admin' );
function myplugin_enqueue_script_admin() {
	
  /*
	  wp_enqueue_script(
	  string           $handle,
	  string           $src = '',
	  array            $deps = array(),
	  string|bool|null $ver = false,
	  bool             $in_footer = false
	   )
	*/
	
	$src = plugin_dir_url( __FILE__ ) .'admin/js/example-admin.js';

	wp_enqueue_script( 'myplugin-admin', $src, array(), null, false );
}
// Admin Specific page
add_action( 'admin_enqueue_scripts', 'myplugin_enqueue_style_admin_pages' );
function myplugin_enqueue_style_admin_pages( $hook ) {

  // wp_die( $hook );

  if ( 'edit.php' === $hook ) {

    $src = plugin_dir_url( __FILE__ ) .'admin/css/example-admin.css';

    wp_enqueue_style( 'myplugin-admin-pages', $src, array(), null, 'all' );

  }
  
}


Also :
Admin inline script : https://developer.wordpress.org/reference/hooks/admin_print_scripts/
Admin inline style: https://developer.wordpress.org/reference/hooks/admin_print_style/

function admin_inline_js(){ 
   echo "<script type='text/javascript'>\n";
   echo "alert('Only in Admin this inline script')";
   echo "\n</script>"; 
} 
add_action( 'admin_print_scripts', 'admin_inline_js' );

wpadminassetsjscss's People

Contributors

nielsoffice avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.