WordPress主题开发：开发WordPress主题底部文件：引入js文件

描述

在前面的教程中我讲解了怎么将前端框架semantic和自定义的css文件引入头部，在本小节中我将讲解如何将semantic的js、以及我们常用的jq和自己自定义的js文件引入主题中。

开始

在本小节中我们将要直接操作的文件是主题根目录中的：footer.php

根据前面对header.php文件的解释，footer.php文件同理，也是主题文件中的全局文件，它主要负责展示在主题每个页面的底部：如网站版权、联系我们等信息和js文件。

虽然说js文件也可以直接在头部引入，但强烈建议将js文件放在底部，因为这有利于你网站的打开速度

首先我们需要将header.php中的文件进行分割，我建议在分割之前先加入一个你自己的全局div以便在css或js中对节点获得更自由的控制：

之后我们从自己定义的div的结尾标签处开始分割：

将用红框框住的代码剪切下来放到footer.php文件中（注意结尾标签）：

之后我们在footer.php文件中引入我们要用到的js文件，这里我们要将前面的semantic js文件和自定义的js文件，还有jq一起导入：

注意我的文件路径：

做完这一切之后我们再打开主题根目录下面的index.php文件，写入函数：get_footer()

---

get_footer()

此函数为WordPress封装函数，在主题的任何页面中调用此函数则将自动在你的文件中包含footer.php中的代码

---

之后我们将主题上传至服务器、启动、访问前台，打开谷歌控制器检查，即可发现html代码中已经包含了我们这里的三个js文件。