Javascript LocalHostforWordPress：链接参考css/js文件的正确方法？

我正在尝试将引导布局转换为Wordpress，但是在链接js/css资源时遇到了一些困难

什么对index.html ie有效

<link href="./vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">

<link href="./css/business-frontpage.css" rel="stylesheet">

即使使用相同的文件结构，在header.php文件中似乎也不起作用

---

以前我尝试过修改Wordpress布局，但我是在一个实时站点上修改的，没有尝试过先通过localhost进行修改，我也没有遇到这个问题。有人能告诉我正确的方法吗

这取决于工作文件的存储位置。如果它们在根目录中，您只需删除代码中的点，就可以从根目录访问这些文件。例如，引导CSS文件将由www.mydomain.com/vendor/bootstrap/CSS/bootstrap.min.CSS访问

---

但是，如果要将这些文件放在主题中，则必须在点所在的位置添加

，以便链接到主题文件夹。

这取决于工作文件的存储位置。如果它们在根目录中，您只需删除代码中的点，就可以从根目录访问这些文件。例如，引导CSS文件将由www.mydomain.com/vendor/bootstrap/CSS/bootstrap.min.CSS访问

---

但是，如果您将这些文件放在主题中，则必须在点所在的位置添加

，以便链接到主题文件夹。

将所有静态资源移动到模板目录，并使用

获取模板目录url

功能：

<link href="<?php echo get_template_directory_uri(); ?>/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link href="<?php echo get_template_directory_uri(); ?>/css/business-frontpage.css" rel="stylesheet">

---

将所有静态资产移动到模板目录，并使用
获取模板目录url
功能：

<link href="<?php echo get_template_directory_uri(); ?>/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link href="<?php echo get_template_directory_uri(); ?>/css/business-frontpage.css" rel="stylesheet">

将脚本和样式排队

向主题添加脚本和样式的正确方法是将它们排列在
functions.php
文件中。所有主题都需要
style.css
文件，但可能需要添加其他文件以扩展主题的功能

样式表

CSS样式表用于自定义主题的表示。样式表也是存储主题信息的文件

与其在
header.php
文件中加载样式表，不如使用
wp\u enqueue\u style
加载样式表。为了加载主样式表，可以将其放入
functions.php
中

加入
style.css

wp_enqueue_style( 'style', get_stylesheet_uri() );

这将查找名为style的样式表并加载它

将样式排队的基本功能是：

wp_enqueue_style( $handle, $src, $deps, $ver, $media );


$handle
只是样式表的名称
$src
是它所在的位置。其余参数是可选的
$deps
表示此样式表是否依赖于其他样式表。如果设置了此选项，则不会加载此样式表，除非首先加载其从属样式表
$ver
设置版本号
$media
可以指定加载此样式表的媒体类型，例如all、screen、print或handled

因此，如果您想将名为
slider.css
的样式表加载到主题根目录中名为
css
的文件夹中，您可以使用：

wp_enqueue_style( 'slider', get_template_directory_uri() . '/css/slider.css',false,'1.1','all');

脚本

主题所需的任何其他JavaScript文件都应使用wp_enqueue_脚本加载。这确保了正确的加载和缓存，并允许使用条件标记以特定页面为目标。这些是可选的

wp\u排队\u脚本使用与wp\u排队\u样式类似的语法

将脚本排队：

wp_enqueue_script( $handle, $src, $deps, $ver, $in_footer);


$handle
是脚本的名称
$src
定义脚本的位置
$deps
是一个数组，可以处理新脚本所依赖的任何脚本，例如jQuery
$ver
用于列出版本号
$in_footer
是一个布尔（真/假）参数，允许您将脚本放在HTML文档的页脚而不是页眉中，这样就不会延迟DOM树的加载

您的排队函数可能如下所示：

wp_enqueue_script( 'script', get_template_directory_uri() . '/js/script.js', array ( 'jquery' ), 1.1, true);

组合排队功能

最好将所有排队脚本和样式组合到一个函数中，然后使用
wp\u enqueue\u scripts
操作调用它们。此功能和操作应位于初始设置（在上面执行）下方的某个位置

将脚本和样式排队

向主题添加脚本和样式的正确方法是将它们排列在
functions.php
文件中。所有主题都需要
style.css
文件，但可能需要添加其他文件以扩展主题的功能

样式表

CSS样式表用于自定义主题的表示。样式表也是存储主题信息的文件

与其在
header.php
文件中加载样式表，不如使用
wp\u enqueue\u style
加载样式表。为了加载主样式表，可以将其放入
functions.php
中

加入
style.css

wp_enqueue_style( 'style', get_stylesheet_uri() );

这将查找名为style的样式表并加载它

将样式排队的基本功能是：

wp_enqueue_style( $handle, $src, $deps, $ver, $media );


$handle
只是样式表的名称
$src
是它所在的位置。其余参数是可选的
$deps
表示此样式表是否依赖于其他样式表。如果设置了此选项，则不会加载此样式表，除非首先加载其从属样式表
$ver
设置版本号
$media
可以指定哪种类型的媒体