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

WordPress:延迟解析functions.php中添加的JavaScript时不加载古腾堡

WordPress是一款开源的内容管理系统(CMS),它提供了一个简单易用的平台,用于创建和管理网站。WordPress具有丰富的插件和主题生态系统,使用户能够根据自己的需求定制网站。

在WordPress中,functions.php是一个重要的文件,它包含了主题的自定义功能和代码。当我们在functions.php中添加JavaScript代码时,有时候会遇到延迟解析的问题,即JavaScript代码不会被加载和执行。

这个问题通常是由于WordPress的加载顺序导致的。在WordPress的加载过程中,首先会加载主题的functions.php文件,然后才会加载其他的JavaScript文件。因此,如果我们在functions.php中添加的JavaScript依赖于其他JavaScript文件,那么它可能会在其他文件加载之前被解析,从而导致无法正常加载和执行。

为了解决这个问题,我们可以使用WordPress提供的enqueue函数来加载JavaScript文件。enqueue函数可以确保JavaScript文件在其他文件加载之后再加载,从而避免延迟解析的问题。

具体操作如下:

  1. 打开主题的functions.php文件。
  2. 在文件中找到或创建一个适当的位置,添加以下代码:
代码语言:txt
复制
function load_custom_scripts() {
    wp_enqueue_script( 'custom-script', get_template_directory_uri() . '/js/custom.js', array( 'jquery' ), '1.0', true );
}
add_action( 'wp_enqueue_scripts', 'load_custom_scripts' );

上述代码中,我们使用了wp_enqueue_script函数来加载一个名为custom-script的JavaScript文件。其中,第一个参数是脚本的名称,第二个参数是脚本文件的路径,第三个参数是脚本依赖的其他脚本(这里我们依赖了jQuery),第四个参数是脚本的版本号,最后一个参数设置为true表示将脚本放在页面底部加载。

  1. 保存并上传functions.php文件到WordPress服务器。

通过以上步骤,我们成功地将JavaScript文件添加到WordPress中,并确保它在其他文件加载之后加载和执行。这样就解决了延迟解析的问题。

推荐的腾讯云相关产品:腾讯云云服务器(CVM)和腾讯云对象存储(COS)。

  • 腾讯云云服务器(CVM):提供高性能、可扩展的云服务器,可满足各种规模的网站和应用的需求。了解更多信息,请访问:腾讯云云服务器
  • 腾讯云对象存储(COS):提供安全可靠的对象存储服务,用于存储和管理大规模的非结构化数据。了解更多信息,请访问:腾讯云对象存储

请注意,以上答案仅供参考,具体的解决方案可能因实际情况而异。

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

相关·内容

WordPress 禁用 Rest API 默认路由兼容 Gutenberg 编辑器

但是由于 WordPress 默认使用块编辑器( Gutenberg),所有如果直接使用代码禁用 WordPress Rest API 默认路由就会导致后台编辑器无法正常使用。...(){//兼容 编辑器 global $post; if( !...文件可以直接禁用 WordPress 默认路由 }); 如果你已经使用类似或者有其它方法禁用了 WordPress 默认路由,建议删除后在使用子凡以上提供代码,如果从未使用过类似的功能或插件,可以复制以上代码到你当前所用主题...functions.php 文件即可。...需要说明是,以上代码主要实现原理就是判断用户是否登录以及是都有编辑权限,只有当用户登录,且拥有文章编辑权限用户才不会禁用默认路由,以达到兼容编辑器目的,当然如果你像子凡一样只用 WordPress

68990

WordPress 5.0默认老版编辑器

方法3一句代码禁用Gutenberg 编辑器其实之前经典Classic Editor编辑器代码,在WordPress 50并没有被删除,上述插件也只是个切换开关而已。...虽然看起来很高端,但很多用户发现它很不方便,相比之下,还是更喜欢经典编辑器。如果经典编辑器真的被5.0版本取代了,如何禁用Gutenberg并保留经典WordPress编辑器呢? ?...目的是能为用户创建丰富多媒体内容,提供更灵活独特布局。 ? 自WordPress 4.9.8以来,WordPress核心团队已经发布了一个试用Gutenberg调用。...方法3:一句代码禁用Gutenberg() 编辑器 其实之前经典Classic Editor编辑器代码,在WordPress 5.0并没有被删除,上述插件也只是个切换开关而已。...关键代码就一句: add_filter('use_block_editor_for_post', '__return_false'); 将代码添加到当前主题函数模板functions.php,即可切换回之前编辑器

1.3K10

WordPress 5.7 发布,更好用编辑器

WordPress 5.7 发布,新版本改善了编辑器编辑体验,并使用户能够轻松创建更多高级块,并为块编辑器添加更强大自定义项,还有 HTTPS 切换等其他功能改进​。...编辑器更易使用 增强字体调整:编辑器很多地方都可以调整字体,比如列表,代码等块,并且无需切换界面。 增强可重用块,更加稳定,更好用,并且支持自动保存。...支持拖放:支持将块和块组从插入器中直接拖放到编辑器。 更多块 不懂代码也可以实现功能,做更多事情。 封面块:可以制作一个填充整个窗口封面块。...更简单默认调色板 全新简化调色板参照 WCAG 2.0 AA 推荐白色或黑色对比度将 WordPress 源代码所有颜色分解为 7 种核心颜色和 56 种阴影。...延迟加载 iFrame iframes 也可以延迟加载了,WordPress 默认会给设置了高和宽 iframe 加上 loading="lazy" 属性。

70120

屏蔽 WordPress 小工具区块编辑器模式,切换回经典模式

通过 WPJAM Basic 屏蔽 WordPress 编辑器,换回经典编辑器之后,WordPress 小工具还是区块编辑模式,本来我想在屏蔽编辑器时候,同时也屏蔽小工具区块编辑器模式...,但是觉得这是主题功能,应该交给主题作者来处理。...不过提供一下如何禁用 WordPress 小工具区块编辑器模式,切换回经典模式方法,一共有三种: 一、使用 remove_theme_support 函数 主题可以通过调用 remove_theme_support...( 'widgets-block-editor' ) 来屏蔽小工具区块编辑器模式,在主题 functions.php 文件添加如下代码: add_action('after_setup_theme...三、使用 use_widgets_block_editor filter use_widgets_block_editor 过滤器接口是用来控制是否启用小工具区块编辑器模式

25310

WordPress文章插入或编辑链接增加Nofollow属性设置

网站 SEO 优化很重要可能就是权重,而链接就是传递权重一种方式,但是由于网站并非信息孤岛,所以有时候我们对于内容分享来说可能需要推荐别人网站,所以内容中就需要涉及到插入外链,而 WordPress...,添加白名单呢又显得冗余,所以子凡还是喜欢编辑文章时候统一编辑把控最佳。...由于 WordPress 普及度实在是太高了,所以导致早就有了各种解决方案,有插件和各种代码解决方法,但是子凡把能够找到教程都试过了一遍,发现要么兼容有问题,要么插件过于冗余,还有的就是始终不和我意...关于 WordPress 文章插入或编辑链接增加 Nofollow 属性设置实现代码教程如下,将代码添加到当前 WordPress 主题 functions.php 文件合适位置即可。...php }); 由于子凡一直所使用都是 WordPress 经典编辑器,所以以上代码应该不支持最新版 WordPress 默认块编辑器和编辑器。

702100

WordPress 5.0后版本退回旧版编辑器方法

WordPress更新到5.0版本之后,新加入了Gutenberg编辑器(或称block 编辑器),取代了之前一直使用经典编辑器。尝试了一下啊 发现真的是非常不好用。...这个新编辑器将所有的元素(段落、图片、代码、表格等)化成区块表示,区块之间顺序可以调换,然而这些区块做实在是太不人性化了,完全不符合国人使用习惯。...禁用方法方法一:下载Disable Gutenberg 插件或者Classic Editor插件可以关闭这个编辑器方法二:在模板 functions.php 文件,加入如下代码:add_filter...('use_block_editor_for_post', '__return_false'); // 禁止加载Gutenberg() 编辑器remove_action( 'wp_enqueue_scripts...', 'wp_common_block_scripts_and_styles' ); // 禁止前端加载样式文件

54030

WPJAM「代码高亮」:一键实现 WordPress 页面代码高亮显示

整个插件自己写代码只有不到 30 行,就是利用 WordPress wp_enqueue_scripts 接口让页面加载 prism 样式和脚本代码。...然后插件也兼容 WPJAM「静态文件」插件,不单独加载 prism 样式和脚本代码,把 prism 样式和脚本代码合并到整个站点唯一样式和脚本文件: 所以这个从另外一个侧面说明 WPJAM 出品插件...,不是装越多越慢,反而相互之间会配合,最优化去处理问题。...如果你使用编辑器的话,先点击选择创建一个代码块: 然后输入代码,选择该该区块: 点击右侧区块属性框,在额外CSS类输入:language-php,如果你代码是 JS 则,输入 language-javascript...定义就是语言,如何设置,和上面设置方式是一样,自己灵活处理一下,个人感觉还是编辑器方便一点。

1.7K30

一文详解 WordPress Shortcode 简码

WordPress Shortcode 指的是使用[]包含简码或者短代码,WordPress 会识别这些代码并根据它们定义回调函数输出为内容。...Shortcode API 这个功能是 WordPress 从 2.5 版本开始引入,使用它可以给日志内容添加各种功能,并且它接口非常容易使用,并且功能非常强大。...,如果是编辑器,直接可以选择简码区块,它在小工具分类比较下面: 然后在简码区块输入具体简码: 如果不是编辑器则直接输入简码。...所有 Shortcode WordPress 系统定义了哪些 Shortcode,我们可以使用 WPJAM Basic 插件「常用简码」扩展来查看,激活扩展之后,在 「WPJAM」菜单「常用简码」子菜单即可查看...Shortcode 基本概念 Shortcode 是怎么解析成所需内容呢?

1.5K20

wordpress资讯类主题NStory(纯净版宝塔版)

NStory wordpress主题 NStory 主题使用最新 PHP+Vue.js 构建一个全新 WordPress 自媒体,新闻资讯类主题。...防垃圾评论功能 图片延迟加载 AJAX分页和加载更多,可跳转 多功能缩略图裁剪 自定义缩略图大小 自定义边栏,可新建边栏 边栏随窗口响应移动 完善等级权限 全站自定义SEO功能 自定义配色 自定义CSS...区分大小写转换 禁用字符转码 禁用文章修订和自动保存 移除仪表盘小工具 禁用表情符号 禁用 XML-RPC 接口 删除WordPress登录错误 从工具栏删除 WordPress LOGO 从工具栏删除自定义...禁用定时器 禁用编辑器 禁用小工具 禁用文章 Embed 格式化日期 格式化数字 在新窗口中打开链接 自动添加图像 alt 和 title 搜索重定向 仅搜索文章标题 简化分类链接 HTML...全站添加 canonical 标签 外链自动添加 nofollow 标签 专题中可选择除专题外其它文章类型 专题下文章列表可按类型进行筛选 所有简码 四种消息框简码(信息、成功、警告、错误) 四种按钮简码

2.6K00

WordPress给文章内容添加密码查看

WordPress给文章内容添加密码查看 ---- WordPress给文章内容添加密码是我很久就弄好,一直没有时间写文章进行分享,我们在写文章过程可能需要对一些文章进行隐藏或者添加密码,只有密码才能进行阅读文章加密码那一部分内容...WordPress给文章内容添加密码对管理员都生效,若介意请勿使用。...第一步:添加PHP内容添加密码代码 在主题目录下functions.php文件里面,添加下面的PHP代码: /** * WordPress文章内容添加密码 */ function e_secret(...在编辑文章,经典编辑器在“文本”模式下添加下面代码。编辑器–》添加自定义HTML模块或者简码模块–》添加下面代码。...编辑器正确操作如下图 声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。

48420

WPJAM Basic 5.9 详细更新说明

昨天 WordPress 5.9 发布,我第一间就升级了测试站点到 WordPress 5.9,经过一天观察,没有发现什么问题。 因为 WordPress 5.9 更新主要还是围绕块编辑器。...,顺手做了一些简单优化,在这些页面,全面的 AJAX操作被关闭,使得功能先冲突。...兼容文章列表页操作 就像上面说 WordPress 现在更新方向就是编辑器,因为编辑器块编辑器特性,需要大界面,甚至全凭编辑,所以尽量不要去在文章编辑界面添加设置框。...这是因为 WordPress 5.9 在查询用户时候,建议使用 who 参数了,5.9 建议使用新和权限相关 capability,capability__in 和 capability__not_in...新增函数或者函数增强 wpjam_add_menu_page page_file 参数支持数组,意思是可以一次加载多个文件,并修复 tab_file 加载不成功问题。

7.2K30

WPJAM Basic 去掉了「屏蔽 REST API」功能

自带 REST API,那就在 WPJAM Basic 「优化设置」添加了屏蔽 REST API 功能,觉得自己不用,就增加个选项可以勾选去掉。...随着 WordPress 版本推进,功能叠加,功能也产生了依赖,WordPress REST API 成为很多功能基础,比如编辑器就是基于 REST API ,所以很多人在 WPJAM Basic...「优化设置」把 REST API 功能屏蔽了,然后发现没法用了,就来怼我:装了 WPJAM Basic,都不能用了。...所以很无语,虽然在「优化设置」已经做了处理,勾选了「屏蔽」才能勾选「屏蔽 REST API」,但是不知道什么原因,可能其他插件或者主题把编辑器屏蔽了,然后所有的罪都由 WPJAM Basic...return_false'); add_filter('rest_jsonp_enabled','__return_false'); // 移除头部 wp-json 标签和 HTTP header

42620

WordPress 5.6 发布,新 2021 主题和编辑器大更新

WordPress 5.6 发布,这个版本发布了新默认主题 2021,然后给增加大量模块,让你更加方便插入图片,声音和视频。...编辑器更新 更灵活布局:编辑器更加方便设置布局,支持单栏或者多栏,支持固定宽度,全屏头部,背景图支持渐变。...更好视频字幕:为了帮助大家想视频添加字幕,您现在可以在帖子或页面中上传字幕。这样,比以往任何时候都更容易使需要或喜欢使用字幕任何人都可以访问您视频。...2021主题 2021 是一个完全为全新编辑器创建主题,并且带有自己专属快模式,花几秒钟试试它不同布局,就可以让你文章脱颖而出。...虽然 WordPress Core 自动更新功能已在 WordPress 存在多年,但是 WP 5.6 首次引入了新用户界面,以使用户对自动更新操作更加容易。

82840

WPJAM TinyMCE:一键增强 WordPress 经典编辑器

现在大家都开始使用编辑器了,特别是 WordPress 最新几个版本发行,大部分更新都围绕编辑器,不过在一些地方还是有用到经典编辑器,比如我们花生小店商品编辑,就用不到那么高级编辑器...经典编辑器基本够用,但是有些格式化工具缺失,还是挺烦人,所以我们为了商家在花生小店时候方便编辑商品,我们做了一个 WordPress 经典编辑器增强插件,为了方便就叫做 WPJAM TinyMCE。...添加编辑器按钮 WPJAM TinyMCE 这个插件首先增加几个样式按钮:下划线,背景颜色,两端对齐等,增加了常用 WordPress 内容分页按钮,还支持设置字体和大小,最后还把按钮布局调整了一下,...直接插入屏幕截图 对于我们技术类型博客来说,在写说明时候插入屏幕截图,是非常常见操作,之前可能需要用到一些截图软件,把截图保存到电脑桌面,然后再上传到 WordPress 媒体库。...现在在屏幕截图之后,只需要按快捷键就能粘贴到编辑器里面,然后文章保存时候自动把图片上传到媒体库。非常方便快捷。

76510

WordPress 图片优化和压缩插件:Smush

Smush官网 下面是官网说明: 优化图像,打开延迟加载,调整大小,压缩和提高您Google页面速度,使用令人难以置信强大且100%免费WordPress图像扫描器,由WPMU DEV超级团队带给您...图像优化是使您网站加载超快最简单方法! 屡获殊荣图像优化器 Smush在速度和质量方面已经过基准测试和测试。它也是屡获殊荣,背靠背经过验证WordPress图像优化和图像压缩插件。...无损压缩 – 去除未使用数据并压缩图像,而不会影响图像质量。 延迟加载 – 通过翻转开关延迟屏幕外图像。 批量Smush - 一键优化和压缩多达50张图像。...、 图像大小调整 – 设置最大宽度和高度,大图像将在压缩缩小。 不正确大小图像检测 - 快速找到降低网站速度图像。 目录 Smush – 优化图像,即使它们不在媒体库。...块集成 – 直接在图像块查看所有 Smush 统计数据。 多站点兼容 – 提供全局和单个多站点设置。 处理所有文件 - Smush将处理PNG,JPEG和GIF文件以获得最佳效果。

94710

最新 WordPress 5.8 版本详细讲解

更新前请注意系统备份 在你确定升级你当前WordPress版本,请确定你主题开发者已经声明可适配WordPress5.8版本,并且无兼容问题,你在进行更新升级操作。...WordPress5.8更新内容 在5.8版本修复了超过170 个错误、96 个增强和功能请求,并且约有八个版本更新; 功能更新: 1. ...从WordPress5.8版本开始,小工具区域工具被定义为:“站点布局可以支持区块全局部分。这些区域因主题而异,但通常都是您边栏或页脚部分”。...、Rizhuti、Rizhuti-v2、Ripro-v2 7B2系列:7B2、B2-PRO CeoTheme系列:CeoTheme 其他部分主题均未适配 当你主题不支持此功能,请将以下代码添加至你主题... functions.php 文件里: add_theme_support( ‘block-templates’ ); 功能展示: WordPress 5.8 Bug测试 你可以看到右边默认Type

1.9K30

WordPress 5.1 发布,提高编辑器性能和博客速度

之前 WordPress 5.0 主版本发布,带来「块」编辑器,5.1 版本则专注于打磨,特别是提高编辑器性能,另外这个版本还提供了一些必要工具,为更好,更快,更安全 WordPress...Site Health 考虑到安全性和速度,此版本引入了 WordPress 第一个站点健康功能(Site Health),将开始在运行过时版本 PHP WordPress 后台向网站管理员显示通知...此外,在安装新插件,该功能将检查插件是否需要与站点兼容 PHP 版本。如果是,那么 WordPress 将阻止该插件安装。...编辑器性能提升 自从 WordPress 5.0 推出以来,一直在不断改进新「块」编辑器,WordPress 5.1 在编辑器包含了可靠性能改进,编辑过程变快,打字感觉更加顺畅。...新 JS 构建程序 WordPress 5.1 具有一个新 JavaScript 构建选项。 其他 WP_DEBUG_LOG 常量更新,可以支持指定文件地址。 新插件激活接口。

38110

WordPress 后台载入速度优化:关闭和禁用更新

并且据官方宣称在未来 WordPress 版本,我们可能会看到更多基于 SaaS 解决方案。...但是这次 WordPress 5.0 更新强推 Gutenberg()编辑器就让明月感觉非常不爽,能不能用先不说,就这个影响了原有主题正常使用就让人比较接受不了,反正明月用 Begin 主题实测是受到了影响...function.php 文件里即可,当然你也可以自建 function.php 文件,更多细节可参考『如何方便在更新主题保留 functions.php自定义』一文了解。...插件更新 主题更新 语言包更新 因为明月现在基本都不会在 WordPress 后台进行更新了(具体可参考『VPS 运维利用 WP-CLI 实现命令行操作 WordPress 更新等』一文了解),所以明月是...『彻底关闭自动更新』了,大家可以根据自己使用情况来选择上面的代码即可,其中 add_filter 都是目前官方最新介绍WordPress 3.7 版以上版本均可支持兼容

1.3K30

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

这一功能保证可以帮助你更加轻松地查看代码,并快速排除和修改代码错误。 安全沙箱 WordPress 常见白屏之死,相信很多人都遇到过。...新相册小工具 对WordPress 4.8媒体小工具采取了渐进式改进。选择你可以通过这个新小工具来添加相册。没错! 点击按钮,发布媒体 想要给你文本小工具添加媒体文件吗?...我们设计了符合使用体验更加顺利菜单创建过程。最新更新副本会引导你。 与合作 WordPress 团队正在致力于一种新方式,来创建和管理你网站内容,需要所有用户合作。...感兴趣用户可以进行测试这个项目,并帮助开发者一起改进!...CodeMirror 支持在创建和编辑代码语法高亮,错误检查和验证,可用于插件之中,比如 CSS 或者 JavaScript include 之中。

1K20
领券