我在wordpress的css和js上有?x字符串

在WordPress的CSS和JS上出现"?x"字符串是为了解决浏览器缓存问题。当你在WordPress中修改了CSS或JS文件时，浏览器会缓存这些文件，以提高网页加载速度。然而，如果你对这些文件进行了修改，但浏览器仍然加载缓存的旧文件，可能会导致网页显示不正确或出现其他问题。

为了解决这个问题，可以在CSS和JS文件的URL后面添加"?x"字符串，其中"x"可以是任意字符或数字。当你对文件进行修改时，只需更改"x"的值，浏览器会认为这是一个新的URL，从而重新加载文件。

这种方法称为缓存破解（Cache Busting），它可以确保浏览器加载最新的CSS和JS文件，而不是使用缓存的旧文件。

推荐的腾讯云相关产品：

腾讯云CDN（内容分发网络）：提供全球加速服务，加速静态资源的传输，提高网页加载速度。了解更多：腾讯云CDN
腾讯云对象存储（COS）：可用于存储和管理静态资源文件，提供高可靠性和可扩展性。了解更多：腾讯云对象存储
腾讯云云服务器（CVM）：提供可靠的云服务器实例，用于部署和运行网站和应用程序。了解更多：腾讯云云服务器

相关·内容

WordPress 技巧：只在含有联系表单的页面加载 Contact Form 7 的 JS 和 CSS

Contact Form 7 是一个非常强大并且易用的联系表单的插件，我在很多项目中都用到它，但是这个插件有个很不好的地方，会在整个博客的所有前台页面都加载 Contact Form 7 的 JavaScript...和 CSS 代码，对于性能要求极致的我们，当然不允许这样的事情发生，所以我们可以通过下面的代码实现只在含有 Contact Form 7 表单的页面加载 Contact Form 7 的 JS 和 CSS...) $in_footer = false; wp_enqueue_script( 'contact-form-7', wpcf7_plugin_url( 'includes/js/scripts.js...-7'); if(is_page('contact')){ wp_enqueue_style( 'contact-form-7', wpcf7_plugin_url( 'includes/css.../styles.css' ), array(), WPCF7_VERSION, 'all' ); } } 上面的代码假设我们只有一个叫做“contact”的页面添加了联系表单，具体涉及到你自己的项目

1.4K1 0

WordPress 技巧：移除加载的 JS 和 CSS 文件后面的 ver 参数

我们前面介绍过通过 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

1.5K3 0

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

前端网页代码就变的很乱，如果 JS 或者 CSS 文件多，还会影响前端的加载速度：以 Sweet 主题为例，从上图可知，有留言点赞的 JS 代码，主题自带的脚本代码，WPJAM 内容模板的 CSS...一键合并 JS 和 CSS 文件有没有什么更好的方法来解决这些问题呢？有的，今天推出的 WPJAM「静态文件」插件就是要专门来解决这个问题的。...它将 WPJAM 插件和主题生成的 JS 和 CSS 内联代码或者文件分别合并成一个文件，并且这两个文件会自动带上时间戳，这样的两个步骤来解决这两个问题。 1....合并的文件加上时间戳：这样就保证每次合并生成的文件是全新的，CDN 加速在镜像回源的时候，都会抓取到最新的 JS 和 CSS 文件了，不怕插件或者主题更新造成问题了。...激活之后，在 WordPress 后台「WPJAM」菜单下就会新增「静态文件」子菜单，点击进入：首先勾选「合并静态文件」按钮，然后保存，当然如果有额外的脚本和样式也可以先填入，保存之后，页面就会出现当前系统将会合并那些文件和内联的代码

7K3 0

Python 中 x00 和空字符串的区别，以及在 Django 中的坑

Python 中 \x00 和空字符串的区别，以及在 Django 中的坑事情是这样的，我有一个守护进程，不停地从 RabbitMQ 消费数据，然后保存到 MySQL。...但是，在页面上，通过表单来修改这条数据，无论如何都无法保存成功，报错信息提示某一个字段不能为空。但是这个字段明明是有值的，很让人费解。...在需要保存的字段值里，就会抛异常。...不知道源码里为什么会有这样的判断。再回过头来看提示我为空的那个字段的值，其中的确有不可见字符 \x00。到这里，这个问题也就明确了，那怎么解决呢？...其实很简单，在后台保存数据时，直接将 \x00 替换掉成空就可以了。问题是解决了，但是 \x00 和空有什么区别呢？这就又涉及到 Python 的编码问题了。

2.9K1 0

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

WordPress 引入css/js 是我们制作主题时首先面对的一个难点，任何一款主题都要加载自己的 css,js,甚至很有可能还需要加载 Jquery 文件,网上方法特多，说法不一，我们今天借鉴 wordpress...> 但是 WordPress 不能确定是否在在页面加载了 JS，Css 文件，如果另一个插件使用相同的 JS，Css 文件，就无法检查 JS，Css 文件是否已经被包含在页面中。...默认值：None $src（字符串）（可选）WordPress根目录下的脚本路径示例："/wp-includes/js/scriptaculous/scriptaculous.js"。...该参数只在WordPress不了解脚本情况时使用。默认值：array() $ver（字符串）（可选）指明脚本版本号的字符串（若存在版本号）。默认为false。...用来在WP登录页面加载脚本和CSS 以下是这些钩子的示例： <?

1.7K3 0

腾讯云cdn对wordpress博客加速解决腾讯云564错误

WordPress博客的加速可以说是老生常谈了，在这里我分享一下我博客的分享技术。我采用的加速技术主要是wordpress的缓存插件，动静分离和腾讯云CDN。...1.我安装的wordpress缓存插件 Autoptimize 这个插件整合并压缩 CSS 和 JavaScript 代码，可以节约CSS和JS的加载时间。...我的配置如下：优化HTML,JS,CSS Aggregate JS-files 在强制 JavaScript?...排除脚本：seal.js, js/jquery/jquery.js Aggregate CSS-files?...本插件和WP Super Cache只能安装一个。 2.wordpress动静分离 – 单独加速静态资源从本部分开始，建立在域名已经备案的基础上。

19.1K9 0

Sass 与Compass 在WordPress 主题开发中的运用

style.css 在根目录的问题熟悉WordPress 开发的自然知道style.css 对于一个WordPress 主题的重要性。...大概你也想到了，必须借助config.rb 这个配置文件，这个文件在整个Compass 项目中的作用应该也不用我多解释了吧？...针对上面我提到的问题，css-tricks 上有一个配置代码，能够将编译生成的style.css 自动移动到根目录下；语言是Ruby，如果你也不懂Ruby，那就照猫画虎吧。...= "js" 这样当你通过compass watch 监视文件改动，每次编译后就会自动移动style.css到主题根目录，终端中显示如下： ?...一个WordPress 的Compass 插件这个是我在看《Sass与Compass实战》这本书的时候在作者的Github 上看到的，Github 地址点击这里。

2K7 0

如何使用LSCache，OpenLiteSpeed和CyberPanel安装WordPress

除了LSCache的高级缓存管理功能之外，WordPress插件还提供了额外的优化功能，如CSS / JS缩小和组合，HTTP / 2 Push，图像和iframe的延迟加载以及数据库优化。...列出网站一旦网站面板启动，你将在屏幕上有以下选项：网站信息 5.在此窗口中，打开文件管理器并从public_html文件夹中删除所有内容。...在WordPress上激活LSCache LSCache插件已经安装完毕，所以你只需要在你的WordPress仪表盘上进入Installed Plugins并激活它。...举一个例子：当服务index.html时，HTTP / 2可以合理地假定浏览器也想要包含的CSS和JS文件，并且也会推送它们，而不会被询问。...可以排除一些CSS，JS和HTML被缩小或组合。在相应的框中输入这些资源的URL，每行一个，将其排除。

2.9K5 0

Gatsby还是Next.js，微言码道官网折腾事记

微言码道的官网是: https://taoofcoding.tech 微言码道的官网是我在2021年元旦三天假期的时候做的一个网站，自那以后，因为业余时间有限，除了网站内容上有所变更以外，网站本身没有任何更新...考虑都到了2022新的一年了，就想着对它再折腾一下，周末我也调研了next.js以及tailwind css等朋友推荐的不错的前端技术，但最终没有采纳。...为什么没有采用next.js与tailwind css 在与一些前端朋友讨论前端网站技术时，next.js是被推荐的，tailwind css过往也被提及过。...这一次折腾，我在想着要不要从Gatsby迁移至next.js，并且再尝试着换成tailwind css 在经历了一翻尝试后，最终放弃，原因如下： next.js SSG开发体验较差 next.js确实非常不错...tailwind css缺少成套组件 tailwind css这种原子化的CSS思路，我觉得非常好玩，也很喜欢。

2.3K3 0

响应式 jQuery Slider 插件: bxSlider

支持水平，垂直和淡入淡出等模式。支持图片，视频和 HTML 内容等幻灯片。内置支持触摸和滑动等高级操作。使用 CSS transitions 来实现幻灯片动画（原生硬件加速）。...使用 bxSlider 在介绍 bxSlider 使用之前，先看下 bxSlider 演示（RSS 用户需要返回网站查看）： WordPress：企业建站利器 WordPress 是一款风靡全球的开源...作为国内最早使用并对 WordPress 进行二次开发的爱好者之一，自从2006年初次接触 WordPress 系统开始，我就为其强大的功能，灵活的可扩展性，以及方便的可定制性所深深吸引。...Bluehost 以其高质量的主机和口碑，在美国是深受好评的虚拟主机，在美国主机界也是屡获大奖。...首先加载 jQuery JS 库和下载并加载 bxSlider 的 JS 和 CSS 库： <!

1.8K2 0

WordPress缓存插件WP Fastest Cache插件使用教程

在 WordPress 的情况下，一般来说，由于您的网站上有很多文件和动态内容，缓存插件会生成您网站的静态 HTML 版本并将其存储以备将来使用。...Minify CSS Plus ：高级功能——理论上更强大的 CSS 缩小。合并 CSS : enable –并不总是推荐结合 CSS 和 JS ，应该进行测试。...通常，小网站应该结合CSS和JS，而大网站不应该结合。...启用后，它允许您刷新缓存以及缩小的 CSS/JS 文件。完成 WP Fastest Cache 设置的配置后，删除缓存和缩小的 CSS/JS。　　...在顶部的 WordPress 菜单中，转到 WPFC 并删除缓存和缩小的 CSS。如何将 Cloudflare 与 WP Fastest Cache 结合使用？

6.8K3 0

再谈 gzip

前面文章谈到了在 WordPress 2.5 中的 gzip。...很多同学给我留了言，并且指出了其中的一些错误，非常感谢，今天我就仔细在网上看了一下 gzip 的东东，总结如下： gzip 最早由 Jean-loup Gailly 和 Mark Adler 创建，用于...其实我们在 .htaccess 中加入以下代码可以压缩 HTML, PHP, JS, CSS, XML 后缀的文件。...> 对应的引用这个 CSS 或者 JS 的时候需要改一下文件的名字,后缀加 .php WordPress 2.5 之前的 gzip 选项就是采用这种方法进行页面，经过测试，采用服务器压缩要比使用 PHP...参考： gzip_百度百科 WordPress 2.5 gzip启用问题 PHP使用mod_deflate压缩页面和使用GZip压缩页面的方法 ----

7582 0

免费 CDN 加速服务：CloudFlare

什么是 CloudFlare CloudFlare 是一家功能非常强大的免费 CDN 免费加速服务，它是通过反向代理（reverse proxy）提供网站加速服务，为站长解决了 jpg/JS/CSS 这些静态文件到...CDN 上的问题，并且通过它部署在全球各大洲的缓存结点服务器（详细列表），提供高效的加速服务。...CloudFlare 除了基本的把网页的静态文件（JPG/JS/CSS）推送到它的服务器上之外，还提供了详细的网站流量报表，网站攻击的基本防御，JS 和 CSS 文件的自动 minify，以及其他许多方便的功能...安装好这个插件之后，就可以正常的取到源IP地址了。这个插件还有一个优化数据库的功能，其实就是在 Mysql 数据库中对每个表运行 OPTIMIZE TABLE 和 ANALYZE TABLE。...CloudFlare 建议每两个月运行一次优化，并要注意在访问量低的时候运行，运行时用户只能浏览不能提交任何信息。关于 CloudFlare 就介绍那么多，如果你使用上有什么问题，你可以和我留言。

16.1K3 0

CSS Modules 用法教程

它不是将 CSS 改造成编程语言，而是功能很单纯，只加入了局部作用域和模块依赖，这恰恰是网页组件最急需的功能。...因此，CSS Modules 很容易学，因为它的规则少，同时又非常有用，可以保证某个组件的样式，不会影响到其他组件。 ? 零、示例库我为这个教程写了一个示例库，包含六个Demo。...顺便说一下，如果你想学 Webpack，可以阅读我的教程Webpack-Demos。下面是这个示例的webpack.config.js。...webpack.config.js里面可以定制哈希字符串的格式。 module: { loaders: [ // ......四、 Class 的组合在 CSS Modules 中，一个选择器可以继承另一个选择器的规则，这称为"组合"（"composition"）。

8365 0

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

main.js, theme.js 或 custom.js的单文件中。...有了这个，我可以轻松地阅读和管理代码，而不必担心有很长的唯一名称。在使用它们之前，我建议您很好地理解命名空间，因为它们常常以错误的方式使用。...9.使用.php文件输出CSS或JavaScript代码而不是静态.css和.js文件我已经看过主题，甚至是WordPress插件，其中有这样的文件style.php只是用来生成自定义CSS代码并打印出来...2.在PHP文件中，代码（CSS规则与PHP变量和条件子句混合的）在开发人员需要检查时难以阅读。...当然，该文件可以在浏览器中运行（虽然我确定打印时，甚至不会缩进或漂亮），但是如果您有本地的项目副本并浏览主题的代码，并且需要找到一个CSS或JavaScript语法（在使用script.php的情况下）

2.9K1 0

jQuery选择器大全(48个代码片段+21幅图演示)2

]和[attribute *= value]（attribute属性值以value开始，以value结束，或包含value值）在属性选择器中，^$符号和正则表达式的开始结束符号表示的含义是一致的，*模糊匹配... // 识别大小写，输入字符串时可以输入引号，[title^=jQuery]和[title^="jQuery"]是一样的 $...要注意的是，这儿的n不像eq(x)、gt(x)或lt(x)是从0开始的，它是从1开始的，英文里好像也没有zeroth这样的序号词吧。...3)的，1)的例子我就不列举了。...:hidden（取不可见元素） :hidden选择器和属性选择器$('input[type=hidden]')等同表单选择器的6~10例子我就不再列举了，和1~5的很类似，大家可以自己尝试一下。

1.6K8 0

我们应该合并网站上的CSSJS文件吗？

WordPress （或任何其他CMS ）也会使情况更糟，因为大多数插件都会添加额外的CSS/JS文件。...合并css/js文件的缺点 1.可能产生非常大的文件大多数网页通常有几个CSS和JS文件。将所有样式表或脚本组合成一个单独的文件可能会产生一个非常大的CSS/JS文件。...访问者还可以在页面逐步加载时尽早开始消费内容。如前所述，CSS/JS被认为是渲染阻塞——除非指定，否则浏览器将首先下载、解析和执行此文件，然后再执行页面代码的其余部分。...无论使用哪个插件来组合CSS/JS文件，我的建议是始终广泛测试你的网站以确保站点功能不会被破坏。...如果你发现组合某些CSS/JS文件破坏了站点功能，则需要从组合中排除相关文件我应该合并我的网站上的CSS/JS文件吗？

1.5K2 0

网站通过代码引入Aplayer音乐播放器，无需插件

前言前几篇文章写了WordPress通过Hermit X插件引入网易云等音乐，但在我实际使用中发现了一些小bug已经影响到了深白站的日常使用，所以不得不放弃通过插件引入的方法。...5WordPress区块音乐播放器推荐：基于APlayer的Hermit X（支持网易云、QQ音乐、虾米等）前天 17910 实现方法这里还是通过APlayer的方式引入：其界面美观，功能强大。...实现代码你可以到APlayer的文档页下载对应的css和js，或者直接使用jsdeliver CDN来引入。...如果你的服务器为境内，推荐直接放在服务器本地，毕竟怎么慢都比境外的快，条件允许的话可以给js和css放在cdn托管。...用到的文件为APlayer.min.js和APlayer.min.css ，引入的方式如下：此处内容已隐藏，请评论后刷新页面查看. 将对应css和js换成你的就行。

6.3K1 0

WordPress 5.4.2版本发布，BUG维护和安全更新

，即设置屏幕选项可能被插件滥用，导致权限升级卡罗琳娜·尼马克发现了一个问题，在这个问题上，来自受密码保护的帖子和页面的评论可以在特定条件下显示。...维护更新#维护更新 WordPress 5.4.2在核心和默认主题上都有22个bug和回归修复。...FIrefox前端的htpasswd提示 49353–小设备上编辑插头的按钮填充问题 37926–211和212:当字符串足够长时，下拉类别小部件超过了父类别 45865–2019:考虑减小小部件标题的字体大小...49320–20:对齐中心>图形标题缺少文本-对齐:中心；特征 49322–20:子菜单项消失在封面块下面 49435–20:的顶部和底部边距不一致。alignwide和。...在Chrome vs Safari上对齐(跨浏览器问题) 49699–2019:居中和右对齐的标题重音出现中断 49793–20:列表块中的图像位置不正确 49893–20岁:TikTok和ResearchGate

2K2 0

WordPress 如何免插件实现代码高亮

使用Prettify一般只需包含两个文件：prettify.js 和 prettify.css。压缩过后的 prettify.js 大小差不多在 15K 左右，非常小巧。...一、下载js和css文件 JS 地址：https://cdn.bootcdn.net/ajax/libs/prettify/r298/prettify.js CSS 地址：https://cdn.bootcdn.net...当然你可以在这里挑选适合自己的样式。二、修改 functions.php 文件打开 WordPress 主题文件中的 functions.php 文件，在末尾 ?> 前添加如下代码。...第一步下载 js 文件我保存在当前主题下的js目录。 function dangopress_esc_html($content) { $regex = '/(]*?...三、修改header.php文件打开 WordPress 主题文件中的 header.php 文件，在标签前添加如下代码，用来加载主题样式，也只在文章页加载。 <?

5972 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云