我在我的HTML网站中使用了图层滑块。什么时候,我要将此滑块添加到WordPress主题中。它没有回应。甚至,在页面视图上,文件路径的来源方向正确。为什么他们没有回应。
滑块的 HTML 代码:
<!DOCTYPE html>
<html lang="en">
<head>
<link href="assets/layerslider/layerslider.min3831.css" rel="stylesheet"/>
</head>
<body>
<div id="homeSliderWrapper">
<div id="homeSliderInner" class="ls-bk-container" data-ride="make-layer-slider" data-id="1" data-version="1" data-src="assets/js/slider.js"></div>
</div>
<script src="assets/js/lib/jquery.min.js"></script>
<script src="assets/layerslider/layerslider.min1ee01ee0.js?v=u_3YRY7JXqEPApYnTt38DqqTzw01kqG41N4v5Osr03Y1"></script>
现在,当我将它们设置为Wordpress主题的动态时。WP主题的代码:
<!DOCTYPE html>
<html lang="en">
<head>
<link href="<?php bloginfo('template_url'); ?>/assets/layerslider/layerslider.min3831.css" rel="stylesheet"/>
</head>
<body>
<h1>For test.</h1>
<div id="homeSliderWrapper">
<div id="homeSliderInner" class="ls-bk-container" data-ride="make-layer-slider" data-id="1" data-version="1" data-src="<?php bloginfo('template_url'); ?>/assets/js/slider.js"></div>
</div>
<script src="<?php bloginfo('template_url'); ?>/assets/js/lib/jquery.min.js"></script>
<script src="<?php bloginfo('template_url'); ?>/assets/layerslider/layerslider.min1ee01ee0.js?v=u_3YRY7JXqEPApYnTt38DqqTzw01kqG41N4v5Osr03Y1"></script>
</body>
</html>
当我检查查看源代码时,所有文件都获得了正确的路径。但它为什么没有回应呢?
在wordpress中,要使您的资产正常工作,您必须使用这些函数.php并创建一个注册和加载资产脚本样式等的函数。
以下链接包含示例,并详细说明了如何 https://developer.wordpress.org/themes/basics/including-css-javascript/