Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

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,592 Points
Jason Anello
Jason Anello
Courses Plus Student 94,592 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' ) );