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

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

其他函数将使用这个“handle”来排队打印样式表。 $src(字符串,必需)指的是样式表的URL。...您可以使用函数, get_template_directory_uri() 来获取主题目录的样式文件。永远不要去想硬编码了! $deps (数组,可选)处理相关样式的名称。...在 WordPress ,注册样式是“可选的”。如果你的样式不会被其他插件使用,或者你不打算使用任何代码来再次加载它,你可以自由地排队样式而不需要注册它。继续看看它是如何实现的。...的 wp_footer() 函数调用,这个函数通常刚好位于页面的 标签前面(当然是末尾了)。...> 告诉 WordPress 需要加载 jquery.js,WordPress 在 wp_footer() 处理的时候也会先检查前面是不是已经有了,如果有了就不会再重新加载一次。

1.7K30

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

WordPress排队引用(Enqueue Scripts)资源机制 在 WordPress 引用资源,应该使用 wp_enqueue_script 这个函数,函数名中有个单词 enqueue 是排队或者排序的意思...此外,WordPress 内置了一些常用的库(例如 jQueryjQuery UI 等),我们可以使用 wp_enqueue_script 这个函数直接调用内置库,可以节约代码量,更加清晰规范。...> 上面先用 wp_register_script 函数创建了一个标识符为 plugin_stylesheet 的资源,随后将其排队请求添加到 wp_enqueue_scripts action 。...很显然 wp_register_script 函数没有这么简单,它可以有五个参数: $handle:资源标识符,供 wp_enqueue_script 调用。 $src:资源的位置。...如果引用的是 jQuery 插件,需要依赖 jQuery 组建,那么就需要填写上 jQuery。注意,以数组的形式传递。 $ver:资源版本,可选的。 $in_footer:是否放在底部。

1.2K40
您找到你想要的搜索结果了吗?
是的
没有找到

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

当然,这个文件可以被分成多个版本,并在WordPress排队,但是如果在以后的某个时候,网站管理员会对主题的main.js 文件进行更新,然后整个过程又重新开始。...我看到WordPress主题和插件,他们的资产目录已经有WordPress核心文件(例如,jQuery或Color Picker))的文件。...7.不通过版本控制系统(Git)以专业方式跟踪更改 自定义编码的文件(子主题或自定义插件)最好在版本控制之下。...Git创建了改变的记录,允许开发人员在同一个WordPress项目上一起工作,或者当网站出现问题时,轻松地恢复到以前的版本。...,class.scripts.php可以使用,在enqueuepublicscript()等方法对前端文件进行排队,并在enqueueadminscript()方法中排队等待装载的文件。

2.9K10

WordPress 函数:wp_enqueue_script() 安全引入 JS

创建的页面,不仅可以最大限度地保证兼容性,还是提高 WordPress 性能效率的一个方法。...(array:string),即需要在本代码之前加载的代码的名称 (js脚本依赖jquery库,那么这里要用数组的形式写上jquery),非必需。...$ver – 加载js文件的版本号,作为查询字串附加在路径的末尾,作用是确保正确的版本信息传递给了客户端,以免受到缓存的影响 (js脚本发生变化时,通过更改版本号可以强制客户浏览器更新缓存),默认为false...,调用当前wordpress程序的版本号,如果不想显示,则设置为NULL(不推荐)。...通过 wp_enqueue_script 函数加载 js 文件时,应该将它分配给一个钩子,只在前台调用,使用钩子 wp_enqueue_scripts;只在后台调用,使用 admin_enqueue_scripts

78420

WordPress 2.2 中三个开发者喜欢的特性

在新发布的 WordPress 2.2 ,内置 Widget 支持可能吸引了大部分人的注意。这里所讲的三点对 WordPress 插件和主题开发者也是非常有用的。...WordPress 现在包含了 jQuery JavaScript 库 WordPress 自从 2.1 版本开始为增加多种管理界面 JS 效果就已经包含了功能丰富的 Prototype 和 Scriptaculous...你所需要去做的是在页面的头部输出之前调用 wp_enqueue_script('jquery'); 函数。 打包在 WordPress jQuery 是以“无冲突”模式。...然而正常的情况下你可以在 jQieru 中使用“$”函数,在无冲突的模式下,你既可以直接调用 jQuery 或者创建你自己的别名,如下面: var wpJ = jQuery.noConflict();...(从这之后,你就可以使用 wpJ 代替 jQuery) jQuery 我最喜欢的特性是它能非常简洁选择 DOM 元素的方法,列入,接下来的代码搜索所有被命名为“S”文本框( WordPress 的搜索框

45610

XSS平台模块拓展 | 内附42个js脚本源码

捕获的数据存储在数据库,其中包含与用户会话相关的信息,源URL等。 04.JQuery键盘记录键盘 一旦加载jQuery,一行(长)会写一个键盘记录器。...06.WordPress的证书盗窃 这个有效载荷是对Wordpress XSS的一种利用。它完全接管注入页面显示完全“合法”登录页面的方式非常有趣。...第一个iFrame获取CSRF保护的页面,在第一个表单的“token”参数窃取标记值,创建第二个iFrame,并与相应的标记进行连接。...35.获取本地存储 一个微小的代码来检索HTML5本地存储通过图像源URL发送出去。 36.MS Office版本的 此有效负载旨在识别目标系统上运行的MS Office的版本。...39.jQuery钓鱼 一个脚本,可以通过网络钓鱼连接劫持所有表单。 40.振动 关于如何在Android手机上使用振动API以及可以完成的一些恶意用法的例子。

12.4K80

最近在 WPJAM Basic 定义的几个函数,大家也可以用用

实现 PHP 版本的 wrap 函数 jQuery 有个 wrap 函数,可以使用指定的 HTML 元素来包裹每个被选元素,这个是 PHP 版本。...wpjam_try 用最古老的 WordPress 系统,写最现代的 PHP 代码!...WordPress 错误处理是使用 WP_Error 处理,经常会写成满屏幕的 WP_Error 处理,wpjam_try 是个高阶函数,意思是它的参数是其他函数,它自动将该函数的 WP_Error ...echo_something', $arg1, $args2...); wpjam_get_current_priority 如何在回调函数获取 WordPress 接口的当前优先级 用于如何获取 Hook...wpjam_call_method 没想到吧,PHP 在类的外部也可以调用私有方法! 通过获取 class 私有方法的反射,然后获取其闭包,最后使用回调的方式来调用。 ----

38030

jQuery已“死”?为清除技术债,我们删掉了前端所有jQuery依赖

移除页面标签限制查看所有页面 RUM 数据, 75% 用户的页面都有类似的下降: 在 75% 的页面仅检查 Android 用户,可以看到 JS 长任务改进了 7%: 50% 用户的移动设备上的...现在,开发者几乎可以在原生 JavaScript 做任何 jQuery 可以做的事情。...“在 GitHub 的早期阶段,jQuery 让小型的开发团队能够快速进行原型设计开发出新功能,而无需专门针对每个 Web 浏览器调整代码。”...不只 GitHub,Bootstrap 最新版本也将删除 jQuery。 尽管被认为已经过时,但 jQuery 仍然是占主导地位的 JavaScript 库。...但一些改变已经发生, WordPress 创建的 Gutenberg 编辑器不依赖于 jQuery

76530

05-老马jQuery教程-动画

jQuery 1.3,上下的padding和margin也会有动画,效果更流畅。 参数跟show保持一致,不再赘述。...自定义动画 jQuery封装了对css数值属性的动画效果的封装,可以让开发人员对数值类的属性进行自定义的动画。...结束动画 语法:finish( [queue ] ) 概述 停止当前正在运行的动画,删除所有排队的动画,完成匹配元素所有的动画。...当.finish()在一个元素上被调用,立即停止当前正在运行的动画和所有排队的动画(如果有的话),并且他们的CSS属性设置为它们的目标值(所有动画的目标值)。所有排队的动画将被删除。...但是,不同的是,.finish() 会导致所有排队的动画的CSS属性跳转到他们的最终值。 参数queue:String类型,停止动画队列的名称。

2K50

WordPress 5.7 发布,更好用的古腾堡编辑器

WordPress 5.7 发布,新版本改善了古腾堡编辑器的编辑体验,使用户能够轻松创建更多高级块,并为块编辑器添加更强大的自定义项,还有 HTTPS 切换等其他功能改进​。...更简单的默认调色板 全新简化的调色板参照 WCAG 2.0 AA 推荐的白色或黑色对比度将 WordPress 源代码的所有颜色分解为 7 种核心颜色和 56 种阴影。...一键切换 HTTP 到 HTTPS 从现在开始,将站点从 HTTP 切换到 HTTPS,只需一次点击,WordPress 会自动更新数据库的 URL,无需自己去做更多的处理了。...jQuery 升级到 3.5.1 WordPress 还是会一直支持 jQuery,因为太多的插件和主题是基于 jQuery 做的交互,WordPressjQuery 升级到最新版,移除 jQuery...WPJAM Basic 也会很快同步更新到 5.7 版本,并且我会根据 WordPress 5.7 持续更新,注重兼容性和性能优化,如有使用问题,请反馈。

71220

WordPress主题中加载jQuery的最佳方法

一般来说,在html页面底部 (也就是之前)引入JavaScript,jQueryjQuery插件是个不错的做法。...在WordPress模板中加载JavaScript和jQuery的最佳方法是使用wp_enqueue_script。这样可以更好的控制JavaScript文件的加载时间点和加载位置。...下图是我在丘壑博客上添加的用于代码语法高亮的JavaScript,放在子主题的functions.php文件。...在Wordpress中注册prism.js 速度优化 在下面的代码片段,我们先把WordPress默认自带的jQuery库取消注册,然后在页面最后部分加载国内的CDN版本。...使用CDN版本jQuery可以提升加载速度 ,使用户可以就近取得所需的内容,提高用户访问网站的响应速度。将下面的代码放在子主题的functions.php文件即可。 ?

2.5K31

原创插件:WordPress博客友好对话框+文章随机推荐滚动条插件(附代码版)

skin=default"> 比如 WordPress 博客可以将上述代码粘贴到主题目录下的 footer.php 。此 JS 代码在其他博客程序也同样适用!...方法②、将下载的文件解压,然后将wp-dialog文件夹 上传到 /wp-content/plugins/目录,在插件后台启用即可; 方法③、进入后台插件安装界面,选择上传安装插件,选择下载得到的 zip...博客未正确加载 Jquery.js; ②. 博客重复加载了 Jquery.js 造成冲突。...Ps:这是张戈博客的第二个 WordPress 原创插件,希望大家喜欢。...①、新增网页嗨一下功能,首次启动请到插件设置界面填写歌曲 url 地址 ②、后台新增邮件订阅设置,可自定义滚动条右侧的博客订阅按钮地址 ③、后台新增留言地址设置,让对话框显示留言板超链接 ④、修复可能从

3.7K120

WordPress 2.3 发布

以下是 WordPress 官方博客对 2.3 版本的介绍,原文地址:WordPress 2.3。 我非常激动向大家宣布,WordPress 2.3 “Dexter” 今天正式发行。...整个开发组都非常为这个版本发行感到骄傲,我个人非常高兴它是在我们新的开发计划下的第二个准时发布的版本。...我们对链接进行了整理引进一个叫做规范化链接 (canonical URLs) 的功能,它能够强制你使用没有 www 的链接,能都在你改变 slug 之后重定向,这样就避免了死链产生,能够重定向 email...的被截断的网址到相识的日志等等。...刚才提到的是用户界面的东东,如果你是开发者,会对下面的这些东东感兴趣的: 完全支持Atom 1.0 协议,包括发布协议 使用新的jQuery JavaScript 框架,快了8倍。

27220

盘点2020年wordpress常用的50个插件合集-吐血推荐

提高读者保留率降低跳出率 8、Disable Google Fonts 选择禁用Google字体,停用Google字体,禁用WordPress核心使用的Google字体排队,默认主题,Gutenberg...18、Lazy Load – Optimize Images 选择延迟加载-优化图像,WordPress的小型惰性加载脚本,没有jQuery或其他库。...30、Wenprise Pinyin Slug Wenprise拼音弹头,自动转换WordPress的中文文章别名,分类项目别名,图片文件名称为汉语拼音。...43、WPJAM 七牛镜像存储 使用七牛云存储实现WordPress博客静态文件CDN加速!“安装本插件1.4.5及更高版本,请先安装激活WPJAM BASIC插件。...44、WPOSS(阿里云对象存储) 选择WPOSS(阿里云对象存储),WordPress同步附件内容远程至阿里云OSS对象存储,实现网站数据与静态资源分离,提高网站加载速度。

5.5K10
领券