2017-03-14 11 views
0

私はWordpressを使用してWebサイトを開発するための初心者です。私はこのURLのステップに従っています:www.siteground.com/tutorials/wordpress/wordpress_create_theme.htmなぜWordpressはリソースを読み込めませんでしたか?サーバーは404のステータス(見つかりませんでした)で応答しました

他のウェブサイトからいくつかのテンプレートをダウンロードしました。私はWordpressと統合した後、コードを修正し、PHPコードを追加します。

<html lang="en"> 
<head> 
    <title> </title> 
    <meta http-equiv="content-type" content="text/html; charset=utf-8" /> 
    <meta name="description" content="" /> 
    <meta name="keywords" content="" /> 
    <meta name="description" content="Bootstrap 3 responsive centered columns"> 
    <meta charset="UTF-8" /> 

    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 

    <meta name="viewport" content="width=device-width, initial-scale=1.0"> 
    <meta name="author" content="Codrops" /> 
    <script> 
    var template_dir_js = "<?php echo get_template_directory_uri();?>"; 
    </script> 
    <!--[if lte IE 8]><script src="css/ie/html5shiv.js"></script><![endif]--> 
    <script src="<?php echo get_template_directory_uri(); ?>/js/jquery.min.js" type="text/javascript"></script> 
    <script src="<?php echo get_template_directory_uri(); ?>/js/jquery.dropotron.min.js" type="text/javascript"></script> 
    <script src="<?php echo get_template_directory_uri(); ?>/js/jquery.slidertron.min.js" type="text/javascript"></script> 
    <script src="<?php echo get_template_directory_uri(); ?>/js/skel.min.js" type="text/javascript"></script> 
    <script src="<?php echo get_template_directory_uri(); ?>/js/skel-layers.min.js" type="text/javascript"></script> 
    <script src="<?php echo get_template_directory_uri(); ?>/js/init.js" type="text/javascript"></script> 
    <script src="<?php echo get_template_directory_uri(); ?>/js/bootstrap.js" type="text/javascript"></script> 
    <script src="<?php echo get_template_directory_uri(); ?>/js/modernizr.custom.js" type="text/javascript"></script> 
    <script src="<?php echo get_template_directory_uri(); ?>/js/foundation.js" type="text/javascript"></script> 
    <script src="<?php echo get_template_directory_uri(); ?>/js/foundation.min.js" type="text/javascript"></script> 
    <meta charset="utf-8"> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 
    <meta name="generator" content="PSPad editor, www.pspad.com"> 
    <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css"> 
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap-theme.min.css"> 
    <link rel="stylesheet" href="https://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css"> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> 
    <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script> 
    <script src='https://www.google.com/recaptcha/api.js'></script> 
    <script src="https://code.jquery.com/jquery-1.10.2.js"></script> 
    <link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css" rel="stylesheet"> 
     <link rel="shortcut icon" href="../favicon.ico">   
      <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>    
     <noscript> 
     <link rel="stylesheet" type="text/css" href="<?php echo bloginfo('template_directory');?>/css/skel.css" /> 
     <link rel="stylesheet" type="text/css" href="<?php echo bloginfo('template_directory');?>/style.css" /> 
     <link rel="stylesheet" type="text/css" href="<?php echo bloginfo('template_directory');?>/css/style-desktop.css" /> 
     <link rel="stylesheet" type="text/css" href="<?php echo bloginfo('template_directory');?>/css/style-mobile.css" /> 
     <link rel="stylesheet" type="text/css" href="<?php echo bloginfo('template_directory');?>/css/fakeLoader.css" /> 
     <link rel="stylesheet" type="text/css" href="<?php echo bloginfo('template_directory');?>/css/bootstrap.css" /> 
     <link rel="stylesheet" type="text/css" href="<?php echo bloginfo('template_directory');?>/css/bootstrap-theme.css" /> 
     <link rel="stylesheet" type="text/css" href="<?php echo bloginfo('template_directory');?>/css/gravity-forms-bootstrap.css"/> 
     <link rel="stylesheet" type="text/css" href="<?php echo bloginfo('template_directory');?>/css/default.css" /> 
     <link rel="stylesheet" type="text/css" href="<?php echo bloginfo('template_directory');?>/css/component.css" /> 
     <link rel="stylesheet" type="text/css" href="<?php echo bloginfo('template_directory');?>/css/foundation-flex.css" /> 
     <link rel="stylesheet" type="text/css" href="<?php echo bloginfo('template_directory');?>/css/foundation.css" /> 
     <link rel="stylesheet" type="text/css" href="<?php echo bloginfo('template_directory');?>/css/foundation.min.css" /> 
    </noscript> 
</head> 
<!-- Header Wrapper --> 
     <div id="header-wrapper"> 
      <div class="container"> 
       <div class="row"> 
        <div class="12u"> 

         <!-- Header --> 
          <header id="header"> 

           <!-- Logo --> 
            <h1><a href="index.html" id="logo">Beyond</a></h1> 

           <!-- Nav --> 
            <nav id="nav"> 
             <ul> 
              <li class="current_page_item"><a href="index.html">Home</a></li> 
              <li> 
               <a href="" class="arrow">Dropdown</a> 
               <ul> 
                <li><a href="#">Lorem ipsum dolor</a></li> 
                <li><a href="#">Magna phasellus</a></li> 
                <li><a href="#">Etiam dolore nisl</a></li> 
                <li> 
                 <span class="arrow">Phasellus consequat</span> 
                 <ul> 
                  <li><a href="#">Lorem ipsum dolor</a></li> 
                  <li><a href="#">Phasellus consequat</a></li> 
                  <li><a href="#">Magna phasellus</a></li> 
                  <li><a href="#">Etiam dolore nisl</a></li> 
                  <li><a href="#">Veroeros feugiat</a></li> 
                 </ul> 
                </li> 
                <li><a href="#">Veroeros feugiat</a></li> 
               </ul> 
              </li> 
              <li><a href="left-sidebar.html">Left Sidebar</a></li> 
              <li><a href="right-sidebar.html">Right Sidebar</a></li> 
              <li><a href="no-sidebar.html">No Sidebar</a></li> 
             </ul> 
            </nav> 

          </header> 

         <!-- Banner --> 
          <div id="banner"> 
           <div class="caption"> 
            <h2>Sed <span>nullam</span></h2> 
            <p>Felis temper matinos elemer feugiat</p> 
           </div> 
          </div> 

        </div> 
       </div> 
      </div> 
     </div> 

それは私にエラーを示しています

jquery.slidertron.min.js Failed to load resource: the server responded with a status of 404 (Not Found) 
http://localhost/wordpress/sample-page/css/style.css Failed to load resource: the server responded with a status of 404 (Not Found) 

CSSやJavaScriptが読み込まれないことを意味しています。このエラーの解決方法はありますか?私は何度も試しましたが、解決できません。このエラーを解決する方法を教えてください。助けが必要です。ワードプレスは、資産をエンキューに基づいている資産パイプラインを持っている

File directory CSS File

+0

私はhttp://localhost/wordpress/sample-page/css/style.cssにアクセスできないと仮定しています。http:// localhost/wordpress /? – mayersdesign

+0

はい閲覧できません – fanjass

答えて

0

ありがとうございます。 See more on this here

ヘッダーテンプレートにスタイルシート呼び出しを追加するのではなく、それらをエンキューファイルに追加する必要があります。追加のjavascriptsと同じです。このようにすることで、WordPressはあなたの資産を認識し、容易に操作できます。

また、元のテーマではなくオリジナルのテーマに基づいて子テーマを設定してください。そのオリジナルテーマが更新されると、変更は消去されません。 More on child themes here

Style.cssはテーマや子テーマの名前をロードする際にWordPressに指示します。必須であるため、テーマのルートディレクトリからstyle.cssを移動または削除しないでください。

関連する問題