javascript - 在 WordPress 中插入 html 和 javascript

Question

我需要在 WordPress 中插入 html 和 javascript 文件，但我正在努力将 HTML 嵌入到 WordPress。

我制作了 html 文件以及 javascript 和 css 文件。如何将此文件插入到 php 中？

我已经搜索过解决方案，所以我编写了如图所示的代码: Example 1和 Example 2 ,但我确实是 php 的初学者，所以不是工作。

我使用 vantage-child 主题，并将 javascript 和 css 文件放入 vantage-child 文件夹中。

接下来我应该做什么？

    <script type="text/javascript" src="/calc/common.js"></script>
<script type="text/javascript" src="/calc/jquery-1.4.4.min.js"></script>




<!-- bin/jquery.slider.min.css -->
	<link rel="stylesheet" href="/calc/css/jslider.css" type="text/css">
	<link rel="stylesheet" href="/calc/css/jslider.blue.css" type="text/css">
	<link rel="stylesheet" href="/calc/css/jslider.plastic.css" type="text/css">
	<link rel="stylesheet" href="/calc/css/jslider.round.css" type="text/css">
	<link rel="stylesheet" href="/calc/css/jslider.round.plastic.css" type="text/css">
  <!-- end -->


	<!-- bin/jquery.slider.min.js -->
	<script type="text/javascript" src="/calc/js/jshashtable-2.1_src.js"></script>
	<script type="text/javascript" src="/calc/js/jquery.numberformatter-1.2.3.js"></script>
	<script type="text/javascript" src="/calc/js/tmpl.js"></script>
	<script type="text/javascript" src="/calc/js/jquery.dependClass-0.1.js"></script>
	<script type="text/javascript" src="/calc/js/draggable-0.1.js"></script>
	<script type="text/javascript" src="/calc/js/jquery.slider.js"></script>
  <!-- end -->
  

  

Answer 1

您的片段中有很多错误的概念。

首先，JavaScript 和 CSS 是通过 wp_enqueue_script 加载的。和 wp_enqueue_style

至于您的标记，这取决于您想要放置它的位置以及主题的编写方式。我建议查看模板 hierarchy .