Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community!

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

WordPress How to Build a WordPress Plugin Building a WordPress Plugin Settings Page Adding CSS to a Plugin Settings Page

Posted by Habtemariam Kidane
Habtemariam Kidane
2,887 Points

Can any one help

I really do not know what am I doing wrong on this, can some body help?

plugin.php 
<?php

// Handle: my_plugin_css
// Plugin folder: my-plugin
// CSS file: my-plugin.css
}
function my_plugin_styles() {
   wp_enqueue_styles( 'my_plugin_css', plugin_url( 'my-plugin/my-plugin.css' ) );
}



?>
Sukrit Chhabra
Sukrit Chhabra
1,088 Points

I had the same problem.

For NO APPARENT reason, the editor requires a semi-colon after the closing brace of the function. Also there's a typo: its wp_enqueue_style.

So the code becomes: 

<?php

// Handle: my_plugin_css
// Plugin folder: my-plugin
// CSS file: my-plugin.css



function my_plugin_styles() {
   wp_enqueue_style( 'my_plugin_css', plugin_url( 'my-plugin/my-plugin.css' ) );
};

add_action('admin_head', 'my_plugin_styles');

?>

3 Answers

Jonathan Romine
Jonathan Romine
9,344 Points
Jonathan Romine
Jonathan Romine
9,344 Points

/**

  • Defining constants for later use */ define( 'ROOT', plugins_url( '', FILE ) );

Look at this: wp_enqueue_script( 'upcoming-events', plugin_dir_url( FILE ) . 'js/script.js', array( 'jquery', 'jquery-ui' ), '1.0', true);

&

wp_enqueue_style('upcoming-events-alendar', plugin_dir_url( FILE ) . 'css/custom.min.css', false, '1.10.4', 'all');

Jason Anello
PLUS
Jason Anello
Courses Plus Student 94,610 Points
Jason Anello
Jason Anello
Courses Plus Student 94,610 Points

Hi Habtemariam,

It looks like you have a few small errors with the function names.

wp_enqueue_styles should not have an 's' at the end.

plugin_url needs an 's' after 'plugin'

wp_enqueue_style( 'my_plugin_css', plugins_url( 'my-plugin/my-plugin.css' ) );