自己主題中的文件路徑[WordPress的]

Question

我設計了一個客戶端的網站，WordPress的。但我希望設計能夠與WordPress一起工作，因爲在網站上他們應該能夠發佈新聞。我將通過WordPress的功能獲得新聞。我的主題正在運行，但是我遇到了菜單，css，js等鏈接的問題。我想知道在哪裏配置，以便路由正確。

網頁結構包含css，img，js，template，index.php，style.php文件夾。

我有一個default-head.php文件和包含此模板文件夾中的scripts.php。

默認head.php

<script src="js/jquery-1.11.1.min.js"></script> 
<script src="js/bootstrap.min.js"></script> 
<script src="js/functions.js"></script> 
<script src="js/sidr.min.js"></script> 
<script src="js/bootbox.min.js"></script> 

這些文件包含在索引

<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no"> 
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
<meta http-equiv="Cache-Control" content="no-cache"> 
<link rel="stylesheet" href="css/sidr.light.css"> 
<link rel="stylesheet" href="css/bootstrap.min.css"> 
<link rel="stylesheet" href="style.css"> 
<link rel="stylesheet" href="css/bootstrap-overwrite.css"> 
<link rel="stylesheet" href="css/font-awesome.min.css"> 
<link rel="shortcut icon" type="image/png" href="img/favicon.png"/> 

scripts.php。我的菜單的代碼是。

<div class="container-fluid"> 
     <div class="row"> 
      <div id="header" class="col-xs-12 col-sm-12 col-md-12 col-lg-12"> 
       <div class="navbar navbar-inverse navbar-static-top" role="navigation"> 
        <div class="container-fluid"> 
         <div class="navbar-header"> 
          <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target=".navbar-collapse"> 
          <span class="sr-only">Toggle navigation</span> 
          <span class="icon-bar"></span> 
          <span class="icon-bar"></span> 
          <span class="icon-bar"></span> 
          </button> 
          <a id="logo" href="/"></a> 
         </div> 

         <div class="navbar-collapse collapse"> 
          <ul class="nav navbar-nav"> 
          <li><a href="/" class="first"><span class="fa fa-home"></span>Inicio</a></li> 
          <li><a href="noticias.php"><span class="fa fa-newspaper-o"></span>Noticias</a></li> 
          <li><a href="eventos.php"><span class="fa fa-calendar"></span>Eventos</a></li> 
          <li><a href="acerca.php"><span class="fa fa-info"></span>Acerca</a></li> 
          <li><a href="contacto.php"><span class="fa fa-phone"></span>Contacto</a></li> 
          </ul> 

          <!-- <ul class="nav navbar-nav navbar-right"> 
          <li class="dropdown"> 
           <li><a href="#"><span class=""></span>Asociarme</a></li> 
          </li> 
          </ul> --> 

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

    </div> 

在此先感謝。

我會小心的。

問候

Answer 1

有例

看看 https://developer.wordpress.org/reference/functions/wp_enqueue_style/

wp_enqueue_script('oxfam_js_cookie', 'https://cdnjs.cloudflare.com/ajax/libs/js-cookie/2.1.0/js.cookie.min.js', array(), null, true); 

將增加

<script type='text/javascript' src='https://cdnjs.cloudflare.com/ajax/libs/js-cookie/2.1.0/js.cookie.min.js'></script> 

還是一種基本方法

你可以使用這個在你的PHP文件的基本連接

<img src="<?php echo get_template_directory_uri(); ?>/images/image.jpg"/> 

附加應答

自定義修改

<!-- CSS 
    ========== 
<link href="<?php //bloginfo('template_directory'); ?>/dist/css/bootstrap.min.css" rel="stylesheet" media="screen"> 
<link href="<?php //bloginfo('template_directory'); ?>/fonts/fontstyles.css" rel="stylesheet" media="screen"> 
<link rel="stylesheet" type="text/css" href="<?php //bloginfo('stylesheet_url'); ?>" media="all">--> 
<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" /> 
<!-- Favicons 
    ========== --> 
<link rel="shortcut icon" href="<?php bloginfo('template_directory'); ?>/favicon.ico" /> 
<link rel="apple-touch-icon" href="<?php bloginfo('template_directory'); ?>/media/images/apple-touch-icon.png"> 
<link rel="apple-touch-icon" sizes="72x72" href="<?php bloginfo('template_directory'); ?>/media/images/apple-touch-icon-72x72.png"> 
<link rel="apple-touch-icon" sizes="114x114" href="<?php bloginfo('template_directory'); ?>/media/images/apple-touch-icon-114x114.png">