首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

无法将js文件加载到Wordpress的子主题

将js文件加载到WordPress的子主题可以通过以下步骤实现:

  1. 在子主题文件夹中创建一个新的文件夹,用于存放自定义的js文件。可以将该文件夹命名为"js"或者其他有意义的名称。
  2. 在新创建的js文件夹中,创建一个名为"custom.js"的js文件。在该文件中编写自定义的JavaScript代码。
  3. 打开子主题文件夹中的functions.php文件,该文件负责加载子主题的功能和资源。
  4. 在functions.php文件中添加以下代码,将自定义的js文件加载到子主题中:
代码语言:php
复制
function enqueue_custom_scripts() {
    wp_enqueue_script( 'custom-script', get_stylesheet_directory_uri() . '/js/custom.js', array( 'jquery' ), '1.0', true );
}
add_action( 'wp_enqueue_scripts', 'enqueue_custom_scripts' );
  1. 保存并上传修改后的子主题文件夹到WordPress的主题目录中。

现在,自定义的js文件将会被加载到WordPress的子主题中。请确保自定义的js文件路径和文件名正确,并且在custom.js文件中编写了有效的JavaScript代码。

对于腾讯云相关产品和产品介绍链接地址,由于要求不能提及具体的云计算品牌商,无法提供相关链接。但是你可以通过搜索引擎或者腾讯云官方网站查找与云计算相关的产品和服务。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

WPJAM「静态文件」:一键合并 WordPress 插件和主题 JS 和 CSS 文件,加快页面加载速度

前端网页代码就变很乱,如果 JS 或者 CSS 文件多,还会影响前端加载速度: 以 Sweet 主题为例,从上图可知,有留言点赞 JS 代码,主题自带脚本代码,WPJAM 内容模板 CSS...合并文件加上时间戳:这样就保证每次合并生成文件是全新,CDN 加速在镜像回源时候,都会抓取到最新 JS 和 CSS 文件了,不怕插件或者主题更新造成问题了。...激活之后,在 WordPress 后台「WPJAM」菜单下就会新增「静态文件菜单,点击进入: 首先勾选「合并静态文件」按钮,然后保存,当然如果有额外脚本和样式也可以先填入,保存之后,页面就会出现当前系统将会合并那些文件和内联代码...博客 支持一键文章中图片下载到 WordPress 媒体库 搜索优化 支持限制和关闭搜索 WordPress 插件 编辑器优化 优化 WordPress 传统 TinyMCE 编辑器 添加下划线等按钮...Script Loader 通过恢复 WordPress 联合加载方式来优化 WordPress 后台脚本加载。 外部链接 文章或评论中外部链接加上安全提示中间页。

7K30

解决新版wordpress打开速度超级慢问题

然后仔细排查了一下原因,发现是由于 Google服务器无法访问造成,因为新版wordpress系统中会加载谷歌Opensans字体样式,导致网站非常慢,需要等待很久。...第一、取消谷歌Open sans字体加载(wp更新不受影响) 1、添加代码法 通过禁用谷歌字体,把主题function.php文件用ftp下载文件载到本地;同时,建议服务器上function.php...WordPress 3.5 ~ WordPress 3.7 各版本中(含类似 3.5.1 这样小版本),核心程序文件 wp-includes/script-loader.php 和自带主题函数文件...),和 WordPress 3.8 版本一样,只是 WordPress 自带编辑器样式文件更换了位置:wp-includes/script-loader.phpwp-includes/js/tinymce...Google Fonts 和 Google Ajax 替换为 360 镜像库服务 使用 FTP 软件 wp-includes/script-loader.php 文件载到本地;同时,建议服务器上

5.6K30
  • 检测CSS和JS改动自动刷新脚本

    当我们在修改主题样式后,经常要做一个重复动作就是按F5刷新网页,今天介绍一款神奇小工具,可以检测CSS和JavaScript文件变化,并自动刷新网页JS脚本Live.js。...Live.js下载 下载live.js放到主题目录中,并使用下面的方法加载到当前主题中,以放到主题js目录中为例, 下面代码加到主题footer.php中: <script type="text...'/<em>js</em>/live.<em>js</em>', array(), version, false ); 之后,可以<em>将</em>浏览器窗口和编辑器窗口各占半个屏幕,在修改<em>主题</em>CSS<em>文件</em>保存后,不需要手动刷新,Live.<em>js</em>脚本会检测改动并自动刷新网页...如果认为添加上面的代码之后还要删除比较麻烦,也可以安装利用Live.<em>js</em>脚本制作<em>的</em><em>WordPress</em>插件。...插件名称:PBD Live.<em>js</em> for <em>WordPress</em> GitHub下载 百度网盘下载 该Live.<em>js</em>脚本不仅适用于<em>WordPress</em><em>主题</em>,同样适合任何网页开发制作 。

    2.9K20

    WordPress开发人员犯12个最严重错误

    main.js, theme.js 或 custom.js文件中。...当然,这个文件可以被分成多个版本,并在WordPress中排队,但是如果在以后某个时候,网站管理员会对主题main.js 文件进行更新,然后整个过程又重新开始。...7.不通过版本控制系统(如Git)以专业方式跟踪更改 自定义编码文件(如主题或自定义插件)最好在版本控制之下。...9.使用.php文件输出CSS或JavaScript代码而不是静态.css和.js文件 我已经看过主题,甚至是WordPress插件,其中有这样文件style.php只是用来生成自定义CSS代码并打印出来...当这里存在nonce时,攻击者无法轻松地获得该值(为实际登录到WordPress管理员所生成)。

    2.9K10

    WordPress主题中加载jQuery最佳方法

    原因很简单,HTTP / 1.1规范表明浏览器不能并行下载两个以上组件。 在WordPress模板中加载JavaScript和jQuery最佳方法是使用wp_enqueue_script。...这样可以更好控制JavaScript文件加载时间点和加载位置。下图是我在丘壑博客上添加用于代码语法高亮JavaScript,放在主题functions.php文件中。...在主题文件夹中,创建一个名为js文件夹,然后把需要JavaScript文件放在里面。路径应该是这样子:child-theme-directory/js/filename.js ?...在Wordpress中注册prism.js 速度优化 在下面的代码片段中,我们先把WordPress中默认自带jQuery库取消注册,然后在页面最后部分加载国内CDN版本。...使用CDN版本jQuery可以提升加载速度 ,使用户可以就近取得所需内容,提高用户访问网站响应速度。下面的代码放在主题functions.php文件中即可。 ?

    2.5K31

    WordPress主题制作:开始前准备

    前言 总是喜欢去尝试各种各样主题,但寻找很久之后也没有找到一款适合自己,总有一些地方不合自己心意,于是萌生了制作主题想法,在创建了主题之后才发现,在主题修改和过程中越发感觉主题并不是我想要...在初步阅读了WordPress主题制作相关文档之后,我就开始了我主题制作旅程,在这里,我记录下我制作过程,希望对后来者有所帮助。...如果您想跟着我一起制作一款适合自己主题,那么您需要先掌握以下技能 熟悉HTML、CSS、JS或Jquery 熟悉PHP(嗯,这个是必须,毕竟WP是基于PHP博客系统呢) 开始制作主题之前,您必须准备好以下工具...Theme(主题)或者 WordPress theme(WordPress 主题):所有你正在使用文件:文本,图像,代码等等。...WordPress主题: 1 / 14 WordPress主题制作:开始前准备 WordPress主题制作(一):主题文件结构 WordPress主题制作(二):模板和模板文件 WordPress主题制作

    67330

    WordPress使用Redis和opcache为网站加速教程

    相信建站朋友都十分关心网站速度问题了,玖柒小窝一直在强调极速优化这次词语,同时在之前很多文章中我也简单介绍了主题关于速度优化一些原理。...理论上来讲使用主题搭配一个不是太差服务器,那么就已经很快了,如果你想让你网站变得更快,那么看了这篇文章,我相信完全够了。...主题在前台加载速度优化上做了哪些优化呢? 全局所有js文件,css文件动态按需加载,注意这个按需加载并不是你开启了这个功能就加载对应文件,而是说这个页面有这个功能,才会加载这个文件。...举例说明:主题V5.2开启自带了视频播放器功能,为了让视频播放器支持不同流媒体格式,那么这个功能一共有4个JS文件组成(1个视频播放器主文件,3个流媒体格式支持文件),每个文件大约160KB。...主题动态按需加载就是为了解决这个问题,不管你是否开启此功能,主题会按照当前页面自动检测是否有视频,有的话就加载对应JS文件,同时自动分析支持格式加载对应格式支持js文件,不需要文件一律不加载

    2.2K20

    免插件使用slimbox

    最近有空,看看了主题文件,一个highslideJS文件就40K,就用一个图片灯箱,加载40KJS文件,还没算上CSS文件,太不划算了,恰好看到Z大也发布了一个简洁灯箱效果,试着改改去。...可是整了半天还是出不来效果,想起木木也有这个效果插件,叫slimbox to wordpress,JS文件也不到4KB,试试能不能装上。...第二步,解压缩下载到插件,复制slimbox.js文件主题文件夹中,空空裤兜是loper1.1scripts,其中loper1.1主题文件夹名称,复制插件包中图片到loper1.1images...第三步,复制插件CSS代码带主题CSS文件中,下面放上修改后样式代码: 1: #lbOverlay{position:fixed;z-index:9999;left:0;top:0;width...第四步,主题调用JS文件

    78820

    网站制作之WordPress运行速度优化

    最近很多朋友吐槽wordpress速度慢,占cpu和内存,相比国内PageAdmin、织梦这些主流网站管理系统,wordpress在速度和负载上的确需要改进,尤其在大数据和高并发上需要进行很多方面的优化...自身优化 先说说WordPress自身优化,由于该程序是美国人开发,在国内使用难免会变慢,很多时候因为程序内部使用了cdn或镜像等功能,拖慢了速度,比如它使用谷歌公共库及谷歌字体故,由于被墙,在国内无法访问...1、’/wp-includes/script-loader.php’,把该文件载到本地,使用编辑器打开(Notepad+等),使用Ctrl+F,搜索“googleapis.com”,替换为最新360...function.php 文件里即可,当然你也可以自建 function.php 文件,请根据你实际情况选择,切勿胡乱添加,操作前请备份。...由于主题自带了此功能,故不要在多安装一个插件了。统计代码移到了网站底部,因为它有一个js引用,放头部会影响速度。总结一下就是js放底部,css放头部。

    1K30

    WordPress面试题

    下面是关于如何在 WordPress 源码中开发主题和插件基本指南: 开发 WordPress 主题: 创建主题目录: 在 WordPress wp-content/themes/目录下创建一个新文件夹...问题四 前端三剑客(HTML、CSS、JavaScript)嵌入到 WordPress 主题可以通过以下步骤进行: 了解 WordPress 主题结构: 首先,了解 WordPress 主题结构,这样你就知道在哪里添加你前端代码...通常,主题文件存储在 wp-content/themes/your-theme 目录下。 创建主题(可选): 为了确保你修改不会在主题更新时丢失,你可以创建一个主题。...Theme Name Template: your-parent-theme-folder-name */ 请将“your-parent-theme-folder-name”替换为你要创建主题主题文件名称...'/js/custom-script.js', array('jquery'), '1.0', true); // 添加 CSS 文件 wp_enqueue_style('custom-style

    34840

    WordPress 通过模板文件和自带函数引入 cssjs 两种方法

    WordPress 引入css/js 是我们制作主题时首先面对一个难点,任何一款主题都要加载自己 css,js,甚至很有可能还需要加载 Jquery 文件,网上方法特多,说法不一,我们今天借鉴 wordpress...官方最新 twentysixteen 主题来学习总结一下 WordPress 引入 css/js 各种常用方法,以及最优化加载方法。...> 但是 WordPress 不能确定是否在在页面加载了 JS,Css 文件,如果另一个插件使用相同 JS,Css 文件,就无法检查 JS,Css 文件是否已经被包含在页面中。...如果丢失某些其他样式文件导致你样式表无法正常工作,你可以使用该参数设置“依赖关系”。 $ver (字符串或布尔型,可选)版本号。你可以使用你主题版本号或任何一个你想要。...问题来了:这部分内容显然是在 wp_footer 之前出现,那么这段代码就在 jquery.js 文件之前出现了,导致该代码段实际上无法工作,因为调用 jQuery 方法代码段必须比 jquery.js

    1.7K30

    WordPress 教程:如何正确引用 JavaScript 和 CSS 文件

    在开发 WordPress 插件或者是制作 WordPress 主题时候,都会引用一些 JavaScript 和 CSS 脚本资源。...第一种就是常见 link 标签引用 CSS 文件,Script 标签应用 JS 文件。这里不再赘述。 第二种就是使用 wp_head 函数。...WordPress 合理引入 JS 和 CSS 方法 可以使用下面代码为你插件引入 plugin.css 文件。 在 WordPress 主题开发中使用 wp_enqueue_script 引入资源 上面的例子都是以插件开发引用资源为例,在主题中引用方法相似,主要区别就在于使用对应函数获取主题目录从而得到主题下面的资源文件地址...可以使用 get_template_directory_uri 这个函数来获取当前主题目录,如果你使用主题,那么需要使用 get_stylesheet_directory_uri 这个函数来获取父主题目录从而得到对应资源

    1.2K40

    WordPress 站点地址被恶意篡改防护方案讨论

    尽管我们可以保证自己购买插件和主题都是正版软件,我们也无法保证插件和主题没有任何安全漏洞。...主题文件中插入恶意代码 注意这段代码并不是通过 Unix Shell 执行,而是被 PHP 执行,所以,就算我们没有给这个文件执行权限,也依然无法阻止这段恶意代码被执行。...这段代码通过 POST 请求去访问了一个被 BASE64 加密网址,然后请求得到内容写到了一个名为 _a 文件中,并将 _a 包含进了主题文件中,因此,只要主题被加载了,_a 也被加载了。...这个危险脚本做事情是在 WordPress 核心几个 index.php 文件开始处,加上一段 文件,这样当 WordPress...在没有可能改变其他业务情况下,这个函数不能被禁用。 那我们就要尝试主题文件WordPress 核心文件设置为只读了。

    91410

    用 jQuery 和 Bootstrap 在 WordPress 中添加进度条

    需求 昨天整理了一下Genesis系列教程翻译进度,汇总成了一个页面 神级 WordPress 主题框架 Genesis 从入门到精通 。.../ 15) *100) + "%" 第三步 数据有了,那么还需要在页面上一个div区域,可以让jQuery来动态更新区域内容,很简单,编辑页面,插入一段html <div class="progress...} 第五步 现在基本上就已经可以达到效果了,最后,我只想在这一个页面上显示这个进度,其他页面上都不需要,所以,新建一个针对这个页面的模板 page-genesis-explained.php,放在<em>子</em><em>主题</em><em>的</em>目录下...当然要先把需要用<em>的</em><em>文件</em>FTP上传到对应<em>的</em>目录下,我就全扔到wp-content/themes/genesis-sample/<em>js</em> 这里了。 <?...); }; genesis(); 最终效果在这里 神级 <em>WordPress</em> <em>主题</em>框架 Genesis 从入门到精通 结语 不知不觉都已经翻译一大半了,60%了才想起来做个进度表?

    1.3K40

    提高WordPress网站打开速度

    慢速访问Wordpress前台解决方案 就是把调用谷歌文件链接换成国内链接。...在你后台主题编辑中,在所有的文件中Ctrl+F搜索关键字“google”,如果搜到相关谷歌链接诸如fonts.googleapis.com大家可以把这个文件下载下来放到自己网站里完了更换成自己网站文件链接就可以...对此,360网站卫士解决方案是把fonts.googleapis.com替换为fonts.useso.com;类似ajax.googleapis.com/ajax/libs/jquery/1.7.2...family=Pacifico"); WordPress网站后台慢访问解决方案 解决方法一: 将如下代码复制到主题文件function.php //禁用Open Sansfunction remove_open_sans...解决方法二: 使用360网站卫士代理访问谷歌Open Sans 打开wordpress代码中文件wp-includes/script-loader.php文件 搜索:fonts.googleapis.com

    1.9K30

    WPJAM 「脚本加载优化」:一键加快 WordPress 后台

    如果我们能够把这些 JS / CSS 文件合并成一个文件来加载,这样加载速度就可以快很多,所以我就写了一个插件 WPJAM Script Loader,它就是通过联合加载脚本文件方式来优化 WordPress...如下图所示,在使用了插件之后,在没有用其他家插件或者主题情况话,所有后台页面只剩下 2 JS 请求,1 个 CSS 请求,总共请求资源数也锐减到不到 20 个,相比之前 120 多个资源,简直是天差地别...从上图可以看出,JS 和 CSS 文件都是从本地 disk cache 读取了,意思是这仅剩下三个 JS/CSS 文件都缓存到浏览器本地了,这样是不是效率奇高啊?...博客 支持一键文章中图片下载到 WordPress 媒体库 搜索优化 支持限制和关闭搜索 WordPress 插件 编辑器优化 优化 WordPress 传统 TinyMCE 编辑器 添加下划线等按钮...Script Loader 通过恢复 WordPress 联合加载方式来优化 WordPress 后台脚本加载。 外部链接 文章或评论中外部链接加上安全提示中间页。

    1K30

    13个小技巧用来提高WordPress程序网站访问速度

    WordPress优秀之处在于稳定性较好,一直在维护和更新,至少不用担心安全补丁问题。其次就是入门简单,网上有很多文档可以参考,有丰富主题和插件。...2、WordPress主题框架 我个人比较喜欢选择简答主题和框架,有些网友喜欢功能复杂。其实后者会占用服务器资源和网站速度受到影响。只要我功能能够实现,尽可能不要花里胡哨界面或者主题。...因为我们需要是内容展现,而不是功能有多强大。即便我们主题比较复杂,需要检查自带文件是不是被远程调用,我们尽可能文件本地化或者是放置到CDN加速节点存储上。...9、添加静态资源过期标头 Expires标头是一种在将来指定缓存时间方法用来客户端不必要重新获取静态资源内容,比如CSS和JS、图片等内容。我们需要设置在代码中。...12、版本控制内容 我们是否发现,WORDPRESS程序默认时候会自动更新内容版本生成很多版本。其实我们可以通过禁止这个功能或者是定期清理过期版本内容来减少数据库占用资源。

    1.2K40

    WordPress 站点地址被恶意篡改防护方案讨论

    尽管我们可以保证自己购买插件和主题都是正版软件,我们也无法保证插件和主题没有任何安全漏洞。...一部分国产主题为了激活校验以及防止盗版,往往会故意留下一个口子,用来往数据库中写入授权信息,再加上 WordPress 插件和主题文件本身就被设计成了可以被修改,所以这样口子就会成为一个危险入口...这段代码通过 POST 请求去访问了一个被 BASE64 加密网址,然后请求得到内容写到了一个名为 _a 文件中,并将 _a 包含进了主题文件中,因此,只要主题被加载了,_a 也被加载了。...这个危险脚本做事情是在 WordPress 核心几个 index.php 文件开始处,加上一段 文件,这样当 WordPress...在没有可能改变其他业务情况下,这个函数不能被禁用。 那我们就要尝试主题文件WordPress 核心文件设置为只读了。

    1.3K00

    WordPress 4.9“Tipton”正式版已于11月14号正式发布

    WordPress 4.9 设计锁定功能(类似于文章编辑锁定),保护你设计草稿,这样再无人可以进行修改,也无法擦除你辛勤劳动成果。...当你直接编辑主题和插件时候,WordPress 4.9 会礼貌地告诫你,这是一个危险做法,并建议你在更新文件之前,保存草稿并进行测试。采取安全办法:你会感谢你。你团队和客户也会感谢你。...图片、视频、音频等文件插入到你文字周围,只需要一个简单却实用媒体按钮。哇! 网站建设改进 ? 更可靠主题切换 当您更换主题时候,小工具有时候会觉得他们只是换了个位置。...开发者福利Customizer JS API 改进 开发团队对WordPress 4.9 中 Customizer JS API 进行了许多改进,消除了许多难题。...MediaElement.js 更新到 4.2.6 WordPress 4.9 包含了更新版本 MediaElement.js ,消除了对 jQuery 依赖,改进了可访问性,UI 更加现代化,修复了许多错误

    1K20
    领券