Menu Error - Failed to load resource: the server responded with a status of 404 (Not Found)

Question

After I finish adding the code in functions.php and header.php, I get the following console error, telling me that it failed to load some resources, the social media icons. However I don't know where this error comes from.

" Failed to load resource: the server responded with a status of 404 (Not Found). http://localhost/treehouse/wordpress/wp-content/themes/img/icon-octocat.png?1398715632"

I tried copying the img folder to the theme folder, but the error still comes up.

I compared my code to the finished website, and I cand seem to find anything wrong with it:

Functions.php

<?php
add_theme_support('menus');
function register_theme_menus() {
    register_nav_menus(array( 'primary-menu' => __('Primary Menu')));
}
add_action('init', 'register_theme_menus'); 
function wpt_theme_styles() {
    wp_enqueue_style('foundation_css', get_template_directory_uri().'/css/foundation.css'); 
    wp_enqueue_style('normalize_css', get_template_directory_uri().'/css/normalize.css');
    wp_enqueue_style('googlefont_css', 'http://fonts.googleapis.com/css?family=Asap:400,700,400italic,700italic'); 
    wp_enqueue_style('main_css', get_template_directory_uri().'/style.css'); 
}
add_action('wp_enqueue_scripts', 'wpt_theme_styles'); 
function wpt_theme_js() {
    wp_enqueue_script( 'modernizr_js', get_template_directory_uri().'/js/modernizr.js', '', '', false ); 
    wp_enqueue_script( 'foundation_js', get_template_directory_uri().'/js/foundation.min.js', array('jquery'), '', true ); 
    wp_enqueue_script( 'main_js', get_template_directory_uri().'/js/foundation.js', array('jquery', 'foundation_js'), '', true );
    }
add_action('wp_enqueue_script', 'wpt_theme_js'); 
?>

header.php

<!doctype html>
<html class="no-js" lang="en">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title><?php wp_title(); ?></title>
    <?php wp_head(); ?> 
  </head>
  <body <?php body_class(); ?>>
    <header class="row no-max pad main">
  <h1><a class='current' href="<?php bloginfo('url') ;?>"><?php bloginfo('name');?></a></h1>
  <a href="" class="nav-toggle"><span></span>Menu</a>
  <nav>
    <h1 class="open"><a class='current' href="<?php bloginfo('url');?>"><?php bloginfo('name');?></a></h1>  
        <?php 
            $defaults = array (
                'container' => false, 
                'theme_location' => 'primary-menu', 
                'menu_class' => 'no-bullet' 
            );
            wp_nav_menu($defaults);
        ?>
<!--    
    <ul class="no-bullet">
      <li class="current parent"><a class='current' href="index.html">Portfolio</a>
        <ul class="sub-menu">
          <li><a href="item.html">Portfolio Item</a></li>
          <li><a href="item.html">Portfolio Item</a></li>
          <li><a href="item.html">Portfolio Item</a></li>
          <li><a href="item.html">Portfolio Item</a></li>
        </ul>
      </li>
      <li class="parent"><a href="blog.html">Blog</a>
        <ul class="sub-menu">
          <li><a href="single-post.html">Single Post</a></li>
          <li><a href="author.html">Author Page</a></li>
        </ul>
      </li>
      <li><a href="about.html">About</a></li>
      <li><a href="contact.html">Contact</a></li>
    </ul>
-->
  </nav>
</header>

Answer 1 · 2015-03-09T21:07:06Z

March 9, 2015 9:07pm

Hi Raluca,

I do not have access to the style.css stylesheet but it seems to be attempting to load the image icon-octocat.png incorrectly.

Looking at the 404 error:

" Failed to load resource: the server responded with a status of 404 (Not Found). http://localhost/treehouse/wordpress/wp-content/themes/img/icon-octocat.png?1398715632"

It seems the reference to that image is missing the theme name from the URL. I believe it should look more like this: http://localhost/treehouse/wordpress/wp-content/themes/{your-theme-name}/img/icon-octocat.png?1398715632

I do not know if the image is being referenced relatively (e.g ./img/icon-octocat.png) or absolutely (e.g http://my-site.com/img/icon-octocat.png) so it is hard to know exactly where it is going wrong, but if you update your answer to show the your style.css file with the reference to this image I will update my answer to fully address your issue.

Thanks Sam

Welcome to the Treehouse Community

Looking to learn something new?

Raluca Piteiu

Raluca Piteiu

Menu Error - Failed to load resource: the server responded with a status of 404 (Not Found)

1 Answer

Unsubscribed User

Unsubscribed User