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 Basic Markup for WordPress Settings Pages

Zander Curtis
Zander Curtis
10,634 Points

What's Wrong With This Code?

Hey TreeHouse Masters,

Can't get the images to show up with this code. I have the wp-badge.png in the images folder but no showy up?

Thanks in advance!

<!-- BADGES POSTBOX -->

                <div class="postbox">

                    <div class="handlediv" title="Click to toggle"><br></div>
                    <!-- Toggle -->

                    <h3 class="hndle"><span>Most Recent Badges</span>
                    </h3>

                    <div class="inside">     
                        <p>Below are your most recent badges.</p>


                        <ul class="wptreehouse-badges">
                            <?php for( $i = 0; $i < 20; $i++ ): ?>
                            <li>
                                <ul>
                                    <li>
                                        <img class="wptreehouse-gravatar" width="120px" src="<?php echo $plugin_url . '/imgages/wp-badge.png'; ?>">
                                    </li>
                                    <li class="wptreehouse-badge-name">
                                         <a href="#">Badge Name</</a>
                                    </li> 
                                    <li class="wptreehouse-project-name">
                                        <a href="#">Project Name</a>
                                    </li>
                                </ul>
                            </li>
                            <?php endfor; ?>
                        </ul>

4 Answers

Jeff Lemay
Jeff Lemay
14,266 Points

I think you spelled your images' directory wrong (imgages) when you try to echo the src value.

You also have a syntax error with closing the link for "Badge Name". < / < / a >

Zander Curtis
Zander Curtis
10,634 Points

Thanks Jeff, that was the problem.

Zander Curtis
Zander Curtis
10,634 Points

Hey Jeff,

What do you think is wrong with this code?

It is from the exercise.

<?php

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

function my_plugin_styles {

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

} add_action( 'admin_head', 'wp_plugin_styles' );

?>

Jeff Lemay
Jeff Lemay
14,266 Points

Copied for formatting:

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

function my_plugin_styles {
    wp_enqueue_style( 'my-plugin_styles', plugins_url( 'my-plugin/my-plugin.css' ));
} 
add_action( 'admin_head', 'wp_plugin_styles' );
?>
Jeff Lemay
Jeff Lemay
14,266 Points

My account is paused right now so I can't go in to test things, but I think you used the wrong Handle in your function. In the commented-out line at the top, it says "Handle: my_plugin_css". But in your function, it looks like you used "my-plugin_styles".