WordPress 引入css/js 是我们制作主题时首先面对的一个难点,任何一款主题都要加载自己的 css,js,甚至很有可能还需要加载 Jquery 文件,网上方法特多,说法不一,我们今天借鉴 wordpress...该参数只在WordPress不了解脚本情况时使用。默认值:None $deps(数组)(可选)脚本所依靠的句柄组成的数组;加载该脚本前需要加载的其它脚本。若没有依赖关系,返回false。..., $src, $deps, $ver );,若脚本没有注册直接使用 wp_enqueue_script,需要先调用 add 方法,也就是说重复 enqueue 一个脚本就会运行多次 add 方法,降低了程序的效率...在 WordPress 中,注册样式是“可选的”。如果你的样式不会被其他插件使用,或者你不打算使用任何代码来再次加载它,你可以自由地排队样式而不需要注册它。继续看看它是如何实现的。...wp_enqueue_script() 与 wp_print_scripts() 的区别是: wp_enqueue_script() 是告诉 WordPress “我在这个页面上需要用到某个 JavaScript
WordPress 主题最佳引用 js 文件的方法是使用 WordPress 内置的 wp_enqueue_script() 函数,通过该函数可以安全地将javascript 代码加入到 WordPress...创建的页面中,不仅可以最大限度地保证兼容性,还是提高 WordPress 性能效率的一个方法。...> 参数 $handle – 调用的脚本名称,用于区别其它js,因此不能和其它js文件命名相同。...(array:string),即需要在本代码之前加载的代码的名称 (如js脚本依赖jquery库,那么这里要用数组的形式写上jquery),非必需。...$ver – 加载js文件的版本号,作为查询字串附加在路径的末尾,作用是确保正确的版本信息传递给了客户端,以免受到缓存的影响 (如js脚本发生变化时,通过更改版本号可以强制客户浏览器更新缓存),默认为false
在开发 WordPress 插件或者是制作 WordPress 主题的时候,都会引用一些 JavaScript 和 CSS 脚本资源。...通常大家直接使用 link、script 标签写进 HTML 当中,其实 WordPress 内置了比较完善的引用脚本的函数和方法。...WordPress 的排队引用(Enqueue Scripts)资源机制 在 WordPress 中引用资源,应该使用 wp_enqueue_script 这个函数,函数名中有个单词 enqueue 是排队或者排序的意思...此外,WordPress 中内置了一些常用的库(例如 jQuery、jQuery UI 等),我们可以使用 wp_enqueue_script 这个函数直接调用内置库,可以节约代码量,更加清晰规范。...> 在 WordPress 主题开发中使用 wp_enqueue_script 引入资源 上面的例子都是以插件开发引用资源为例,在主题中引用的方法相似,主要的区别就在于使用对应的函数获取主题目录从而得到主题下面的资源文件地址
中,然后 JS 脚本就用该对象去输出对应语言的文本了。...JSSDK 的 jweixin.js 和我们自己写的 weixin.js: wp_enqueue_script('jweixin', 'http://res.wx.qq.com/open/js/jweixin...wp_localize_script('weixin', 'weixin_data', $weixin_data); wp_localize_script 函数一共有三个参数: 第一个是:$handle,需把数据附加到脚本的...将 wp_localize_script 从 PHP 传递给 JavaScript 的参数不编码成 unicode 但是从上面可以看到中文都编码成 unicode,虽然使用上没有什么问题,但是看起来总是不爽...wp_localize_script 在最后 data 参数中提供了一个叫做 l10n_print_after 的 key,它可以无任何干扰直接输出值,我们把 data 参数,使用 json_encode
在 wordpress 主题或插件中加载 JavaScript 时,官方推荐的方法是使用 wp_enqueue_script() 来加载,该函数可以指定 JavaScript 的依赖库,指定 JavaScript...但是,该插件缺少指定在某些页面加载 JavaScript 的设置参数。所幸的是,我们可以通过 WordPress 的函数自己动手来实现这个功能。...当一个比较大的库只在某一个或几个页面使用时,我们不需要在每个页面上加载所有脚本,而只需要在特定的页面模板中加载即可,以免其他页面加载不需要的 JavaScript 文件而影响页面打开速度,增加服务器开销...(){ wp_enqueue_script('jquery'); // 加载每个页面都需要的 JavaScript 文件 wp_enqueue_script('my_second_script.../js/imagesloaded.js'); ... } } } 在实际的 WordPress 主题开发工作中,并不是每个主题都需要这么操作。
在开发WordPress 主题或者WordPress 插件时候,常常要通过wp_enqueue_script这个钩子挂载WordPress 自带的 jQuery库而非是通过硬编码的方式来加载,毕竟是为了避免多次加载...但在实际操作中,常常会有各种各样的问题出现。...详见《WordPress中的jQuery库不起作用的相关问题》。再者,为了速度上的考虑,加载一个80kb+的jQuery 库最好是通过第三方来(如google的、SAE的)——特别是主机不给力的网站。...接下来的代码就是解决上面提到的问题。...is_admin() )是为了确保这些脚本和css只在前端加载,不会在后台管理界面加载。 第三方jQuery 库一般都有CDN 驱动,可以保证最大速度。
当我们在修改主题样式后,经常要做的一个重复动作就是按F5刷新网页,今天介绍一款神奇的小工具,可以检测CSS和JavaScript文件的变化,并自动刷新网页的JS脚本Live.js。...>/js/live.js"> 或者加到主题functions.php中: wp_enqueue_script( 'live', get_template_directory_uri()...,将修改后的效果立即显示在浏览器中,方便随时观察变化,有助于加快你的开发时间。...如果认为添加上面的代码之后还要删除比较麻烦,也可以安装利用Live.js脚本制作的WordPress插件。...插件名称:PBD Live.js for WordPress GitHub下载 百度网盘下载 该Live.js脚本不仅适用于WordPress主题,同样适合任何网页开发制作 。
添加样式和脚本: 创建一个style.css文件来定义主题的样式。 使用wp_enqueue_style和wp_enqueue_script函数在主题中添加样式和脚本。...-- Your HTML, CSS, and JavaScript code goes here --> 使用 WordPress 函数: 你还可以使用 WordPress 提供的函数来加载外部脚本和样式...问题五 在 WordPress 中,密码通常是使用加密算法进行哈希处理的,而不仅仅是 MD5。...然而,如果你知道用户密码的 MD5 散列值,并且想要手动修改密码,可以尝试以下步骤: 请注意,在进行任何更改之前,请务必备份您的 WordPress 站点,以防发生意外情况。...清除缓存: 在 WordPress 中,清除任何缓存以确保新密码立即生效。 问题六 作为一个科班的学生,一直觉得拥有自己的独立网站是一件十分酷的事情!
每次修改 WordPress 的 css 和 js 文件,都要主动清理文件的缓存才能生效,尤其是采用了 oss 和 cdn 回源。...>"> WordPress 引用脚本 css/js 范例 //get_template_directory() 获取函数获取主题模板目录//wp_enqueue_style() 安全引入...css//wp_enqueue_script() 安全引入 js//代码中的 css 和 js 路径,请根据主题的实际路径修改 function theme_scripts() { wp_enqueue_style...'/style.css')); wp_enqueue_script( 'script', get_template_directory_uri().'
WordPress 3.6 版本增加了一个新的函数 has_shortcode(),这个函数的主要功能就是检测指定内容里是否存在指定的 Shortcode 使用,带来的好处就是只在有使用指定 Shortcode...的文章页面才载入相关脚本文件,这样细微纠结虽然不能给页面载入带来可见的载入速度提升,但锱铢必较向来是我的癖好,好的习惯总能带来不错的效果的。...(){ global $post; if( has_shortcode( $post->post_content, 'your-shortcode') ){ wp_enqueue_script...('has_shortcode') AND has_shortcode( $post->post_content, 'your-shortcode') ){ wp_enqueue_script(...'whatever'); }else{ wp_enqueue_script( 'whatever'); } } add_action( 'wp_enqueue_scripts', 'wpjam_shortcode_scripts
分享几个社会化评论插件多说的提速技巧:1. 不再查询 WordPress 原生的留言。 2. 不再加载 comment-reply.js,3.把多说的 JavaScript 脚本移到 footer。...不再查询 WordPress 原生的留言 我们知道使用多说这样的社会化评论服务之后,WordPress 本地的留言除了备份之外,其他已经没有什么作用了。...也就没有必要了,我们可以删除当前主题下的 header 中调用代码实现 WordPress 更快的加载。...一般 comment-reply.js 加载代码如下: if ( is_singular() && get_option( 'thread_comments' ) ) wp_enqueue_script...把多说的 JavaScript 脚本移到 footer 多说默认是在 Head 输出它的相关 JavaScript 脚本,但是有时候因为多说服务器不稳定的问题,会引起整个博客速度被拖累,所以我们应该把多说的
以字体样式插件为例,当用户输入字体颜色值时异步判断值类型是否合法 引入JS 通过wp_enqueue_script方法引入 wp_enqueue_script( $handle, $src, $deps..., $ver, $in_footer ); $handle:(必需)脚本名称。...默认值:None $src:(可选)WordPress网站根目录下的JS路径。如:”/wp-includes/js/xxx.js”。...默认值:None $deps:(可选)依赖关系数组;加载该脚本前需要加载的其它脚本。默认值:array() $ver:(可选)指明脚本版本号的字符串(若存在版本号)。默认为false。...}) }) 上面js实现了当颜色输入框离开焦点时,对输入的值进行判断 ajaxs使用的url 为 wp_localize_script函数产生的对象 需要注意的是,这里必须使用jQuery.document.ready
每个插件和主题可能有自己的 CSS 和 JavaScript 内联代码或者文件,如果 CSS 和 JavaScript 内联代码或者文件一多,就开始出现了两个比较难受的问题: 前端静态文件的问题 1....一键合并 JS 和 CSS 文件 有没有什么更好的方法来解决这些问题呢?有的,今天推出的 WPJAM「静态文件」插件就是要专门来解决这个问题的。...激活之后,在 WordPress 后台「WPJAM」菜单下就会新增「静态文件」子菜单,点击进入: 首先勾选「合并静态文件」按钮,然后保存,当然如果有额外的脚本和样式也可以先填入,保存之后,页面就会出现当前系统将会合并那些文件和内联的代码...如果已经安装了 WPJAM 「静态文件」插件,并激活合并功能之后,我们就不需要 WordPress 原来的注册脚本和样式,而是通过 wpjam_register_static(key, args) 把静态文件注册到合并列表中...Script Loader 通过恢复 WordPress 联合加载方式来优化 WordPress 后台脚本加载。 外部链接 将文章或评论中的外部链接加上安全提示的中间页。
解决Wordpress 文章 ID连续问题,同时让Wordpress 文章 ID重新排列。在用以下方法前,先备份好网站文件和数据库文件,以免操作不当造成损失。...’, false); 二、打开wp-admin下 post-new.php(第46行)和post.php(第177行)这两个文件 将其wp_enqueue_script(‘autosave’); 删除或者注释...,建议注释// wp_enqueue_script(‘autosave’); 三、打开wp-admin\includes\post.php文件 找到if ( create_in_db ),在它的前一行添加...如果以前Wordpress发表过文章造成ID不连续,我想让ID连续有什么办法,当然有咯。请看让Wordpress文章ID重新排列的方法介绍。...现在就顺便介绍让Wordpress文章ID重新排列的方法。
昨天尝试了 ChatGPT 之后,他帮我写了一个插件,运行完全没有问题,如果自己简单改改完全可以拿来用,今天继续尝试使用 ChatGPT 来写 WordPress 主题,没想到竟然这么强大,可以一步一步教我写...不过,我可以回答您关于 WordPress 主题开发的问题,并给您一些建议和指导。...我让它继续: ChatGPT 让我们在主题目录下创建 functions.php 文件,然后使用了 WordPress 提供的 wp_enqueue_style 和 wp_enqueue_script...函数加载了样式表和脚本文件;使用了 register_nav_menus 函数注册了菜单;使用了 add_theme_support 函数启用了特色图像。...这次它竟然知道 WordPress 的 template-parts 功能,这个功能可以在同一个 WordPress 主题中使用多种不同的模板,以满足不同的需求,这已经是非常个性化的需求了。
原因很简单,HTTP / 1.1规范表明浏览器不能并行下载两个以上的组件。 在WordPress模板中加载JavaScript和jQuery的最佳方法是使用wp_enqueue_script。...这样可以更好的控制JavaScript文件的加载时间点和加载位置。下图是我在丘壑博客上添加的用于代码语法高亮的JavaScript,放在子主题的functions.php文件中。...在Wordpress中注册prism.js 速度优化 在下面的代码片段中,我们先把WordPress中默认自带的jQuery库取消注册,然后在页面最后部分加载国内的CDN版本。...使用CDN版本的jQuery可以提升加载速度 ,使用户可以就近取得所需的内容,提高用户访问网站的响应速度。将下面的代码放在子主题的functions.php文件中即可。 ?...然后在打开Chrome的开发工具,选择查看Network 。你应该看到jQuery脚本已成功加载,并且已经移到了页面最后,也命中了CDN的缓存,如下所示。
我们前面介绍过通过 wp_enqueue_script 和 wp_enqueue_style 函数在 WordPress 中正确引用 JavaScript 和 CSS 文件,但是通过这样引入的 JS 和...CSS 文件,都会在后面加上一个 ver 的参数,怎么移除这个参数呢?...第一种方法,如果是自己的主题或者插件,使用 wp_enqueue_script 函数时候,第四个参数设置为 false: wp_enqueue_script('foo', 'http://example.com.../foo.js', false, null); 如果其他人得插件或者主题,我们不可能每次去修改这些插件或者主题,在主题的 functions.php 文件中加入以下代码: add_filter('script_loader_src
之前让WordPress支持注册用户上传自定义头像功能 一文,通过安装Simple Local Avatars和 WP User Avatar插件,可以让注册用户本地上传头像代替默认的Gravatar...头像,不过一般都认为插件安装多了,会影响速度,那么我们就以WP默认主题Twenty Fifteen为例,把这个功能集成到WordPress主题中,即可方便用户,也显示得主题高大上。...第三步,打开插件 simple-local-avatars.php 文件,将大约第178行的: wp_enqueue_script( ‘simple-local-avatars’, plugins_url...$script_name_append . ‘.js’, array(‘jquery’), false, true ); 替换为: wp_enqueue_script( ‘simple-local-avatars...文件下载 未经允许不得转载:肥猫博客 » php更换wordpress用户头像,将用户本地上传头像功能集成到WordPress主题中
在制作主题和插件,或者为 WordPress 增加某些功能时,一般都要使用 WordPress 的动作钩子 (action),分享几个比较常用的动作钩子,以备用时查看。...开始执行任何东西之前触发。...init init 钩子在大多数的 WordPress 都建立之后。...因为这时几乎 WordPress 中的所有内容都就绪了,当 WordPress 的所有信息都可用时,你的插件使用这个钩子差不多可以做任何需要的事情了。...有些插件错误的使用了 wp_head 动作钩子来添加 JavaScript 代码,实际上应该使用 wp_enqueue_script() 函数的。
WordPress是一款使用PHP语言开发的博客平台,用户架设属于自己的博客,也可以把 WordPress当作一个内容管理系统(CMS)来使用。...近几个月,WordPress安全漏洞事件频发,包括 免费主题暗藏后门,波及WordPress等知名CMS系统,WordPress 4.0以下版本存在跨站脚本漏洞。...php function FuncQueueObject() { wp_enqueue_script("swfobject"); } add_action("wp_enqueue_scripts",...如果你正在使用WordPress,并且你担心你的网站被感染,Sucuri公司提供了免费网站扫描,你可以检测你的网站是否感染了病毒。...想要让你的WordPress更加安全,可参见:如何为WordPress做安全防护?
领取专属 10元无门槛券
手把手带您无忧上云