Add custom javascript and CSS to WordPress admin

A conceptual example of how you could add css or javascript to your ”edit post” page in the WordPress dashboard.
I included an example of how you can ”send parameters” to the javascript file.

<?php
class MyClass {
	function admin_init() {
		wp_register_style( 'my_css', get_stylesheet_directory_uri() . 
			'/css/my_class.css' );
		wp_register_script( 'my_js', get_stylesheet_directory_uri() . 
			'/js/my_class.js', 'jquery', '1.0.6', true );
	}
 
	function enqueue_css() {
		wp_enqueue_style( 'my_css' );
	}
 
	function enqueue_js() {
		wp_enqueue_script( 'my_js' );
 
		// Add current post id as a javascript variable.
		global $post;
		$current_id = empty( $post ) ? '' : $post->ID;
		$my_params = array(
		  'postid' => $current_id,
		);
		wp_localize_script( 'my_js', 'MyParams', $my_params );
	}
}
 
if ( class_exists( "MyClass" ) ) 
	$my_class = new MyClass();
else
	error_log( "MyClass missing" );
 
add_action( 'admin_init', array(&$my_class, 'admin_init') );
add_action( 'admin_print_styles-post.php', array(&$my_class, 'enqueue_css') );
add_action( 'admin_print_scripts-post.php', array(&$my_class, 'enqueue_js') );

Jonas tipsar – 19 November 2010

  1. www.preservationhall.com – Preservation Hall Recordings To Release Limited Edition Recording Featuring Tom Waits and the Preservation Hall Jazz Band on 78rpm Vinyl Format
    – Nedräkning för att få köpa en stenkaka med Tom Waits. Inte ens jag är så galen (or am I …)
  2. Dagens Spotifylista – 80-talstema: 1983
    – Anders Mildners lista är lysande. Förutom The Style Council förstås. Jag har aldrig gillat dem. 🙂
  3. Blogg om SEO, sociala medier och marknadsföring» | Joinsimon.se – Red Shirt Guy – att vårda sina kunder
    – Smart av Blizzard.
  4. www.youtube.com – YouTube – Bruce Springsteen & Jimmy Fallon ”Whip My Hair” 11/16 (TheAudioPerv.com)
    – Sjukt bra.
    httpv://www.youtube.com/watch?v=vhFh-JqQuMg
  5. www.avclub.com – A.V. Club Taste Test Special: The Bowl At The Howling Rim Of Famous-Ity | Film | Taste Test | The A.V. Club
    – Som en kompis sa, ”I’m disgusted and amazed at the same time”
  6. Resumé: Nyheter – Beyoncés sexreklam stoppas
    – Undrar hur många kvinnor som får den parfymen i julklapp i år …
  7. Ted Valentin – Barbro och det magiska numret
  8. WP Engineer – Remove WordPress Multisite Feature – ToDo List!
    – Det är inte one-click att gå från multisite till ”vanlig” WordPress. Men här är en bra guide till hur man gör. Och igen, ta backup på alla filer och databas först!
  9. www.alistapart.com – A List Apart: Articles: CSS Positioning 101
  10. Smashing Magazine Feed – Designing for iPhone 4 Retina Display: Techniques and Workflow

Jonas tipsar – 2009-10-26