自己主题中的文件路径 [Wordpress]

Question

我用 WordPress 为客户设计了一个网站。但我希望设计与 WordPress 一起使用，因为他们应该能够在网站上发布新闻。我将通过 WordPress 的功能获得新闻。我有主题在运行，但是菜单、css、js等的链接有问题。我想知道在哪里配置以便路由正确。

网页结构包含css、img、js、template、index.php、style.php文件夹。

我在包含这个的模板文件夹中有一个 default-head.php 文件和 scripts.php。

default-head.php

    <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

<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>

这些文件包含在索引中。我的菜单代码是。

<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">