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! While you're at it, check out some resources Treehouse students have shared here.

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

Zander Curtis
Zander Curtis
10,634 Points

What's wrong with this code?

Can't figure this one out. Anyone have a best answer for this one?

plugin.php
<?php

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

function my_plugin_styles {

    wp_enqueue_style( 'wp_plugin_styles', plugins_url('my-plugin/my-plugin.css'));
}
add_action( 'admin_head','my_plugin_styles');
?>

2 Answers

Zander Curtis
Zander Curtis
10,634 Points

Thanks Jeff. Looks like the video "Adding CSS to WordPress Plugin Settings Pages" at :55 is wrong, or I am misunderstanding. It says to use the function hook.

"Then, we could use the WP enqueue style function. Give it the hook that is going to be the same name as our function name and then use a function called plugins URL. And then inside of that, type in the name of our folder for our plugin followed by the name of the CSS file we want link to."

Jeff Lemay
Jeff Lemay
14,268 Points

I think you used "my_plugin_styles" when you should have used "my_plugin_css"