首页
学习
活动
专区
工具
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新添加一个古腾堡编辑器

在WordPress中添加一个额外的古腾堡编辑器(Gutenberg Editor)实例可以通过自定义代码实现。以下是一个基本的步骤指南,帮助你在WordPress中添加第二个古腾堡编辑器实例。...; });})(jQuery);步骤 3: 添加自定义编辑器容器在你的主题文件中(例如 functions.php 或 header.php),添加一个容器来承载第二个古腾堡编辑器实例。步骤 4: 激活插件在WordPress后台,导航到“插件”页面,找到你创建的自定义插件并激活它。步骤 5: 测试访问你的网站,并检查页面底部是否出现了第二个古腾堡编辑器实例。...注意事项性能影响:添加额外的编辑器实例可能会对性能产生影响,特别是在低配置的服务器上。兼容性:确保你的代码与当前使用的WordPress版本兼容。...安全性:在生产环境中使用自定义代码时,请确保进行适当的安全检查和测试。原文http://www.dulizhan.cq.cn/jianzhan/42.html

11010

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

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

72590
  • 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" 的属性。

    73820

    屏蔽 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 过滤器接口是用来控制是否启用小工具区块编辑器模式的。

    29710

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

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

    747100

    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' ); // 禁止前端加载样式文件

    56530

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

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

    1.8K30

    一文详解 WordPress Shortcode 简码

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

    1.7K20

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

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

    55420

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

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

    2.7K00

    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 中的

    46420

    WordPress 5.6 发布,新的 2021 主题和古腾堡编辑器大更新

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

    85940

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

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

    85910

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

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

    1K10

    最新 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 常量更新,可以支持指定文件地址。 新的插件激活接口。

    40510

    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
    领券