Question

这是一项简单的任务，但我失败了：（

在HTML模板中，我将在head部分进行操作：

@click.option('--i', is_flag=True, default=False, expose_value=False)
@click.option('--x', default=42, prompt=False)
@click.command
def cli_c(x):
  print(x)

在身体封闭标签之前：

<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">

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

<link href="css/mdb.css" rel="stylesheet">

<link href="css/style.css" rel="stylesheet">

如何在WP中排列上面的确切样式和JS？

是的，使用enqueue_style和enqueue_script

但是，不幸的是，当我尝试它时，JS并没有排队。始终被bootstrap JS而不是mdv.js

覆盖

有人可以举个例子，我的functions.php上面的样式+脚本如何正确排队？

我很欣赏

这是一个示例代码

<script type="text/javascript" src="js/jquery.min.js"></script>

<script type="text/javascript" src="js/bootstrap.min.js"></script>

<script type="text/javascript" src="js/mdb.js"></script>

Answer 1

您必须使用get_template_directory_uri()编写完整路径。因此，您的标头代码需要替换为以下代码。然后检查。

<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet" />

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css" />

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

<link href="<?php echo get_template_directory_uri(); ?>/css/mdb.css" rel="stylesheet" />

<link href="<?php echo get_template_directory_uri(); ?>/css/style.css" rel="stylesheet" />

<script type="text/javascript" src="<?php echo get_template_directory_uri(); ?>/js/jquery.min.js"></script>

<script type="text/javascript" src="<?php echo get_template_directory_uri(); ?>/js/bootstrap.min.js"></script>

<script type="text/javascript" src="<?php echo get_template_directory_uri(); ?>/js/mdb.js"></script>

在WordPress中正确排队脚本和样式

1 个答案: