首页 文章

WordPress网站仍然加载旧style.css

提问于
浏览
7

我已经对style.css进行了更改,但wordpress网站仍然显示旧内容 . 我在FTP中检查了文件,文件中的更改都在那里,但它没有显示在网站上 . 我没有任何WP缓存插件 . 我还在浏览器中删除了缓存,并通过Ctrl F5强制缓存刷新 .

:(

4 回答

  • 2

    尝试更改style.css文件的版本如果通过在标头中给出路径来包含,那么尝试将版本追加为

    <link style ........ href="...../style.css?v=1.5"... />
    

    注意?v = 1.5表示版本

    如果style.css是自动加载的,那么打开你的style.css文件并添加/更改版本如下:

    /*
    Theme Name: yourthemename
    Theme URI: yoururl
    Author: Vantage Tel
    Version: 1.5 
    .
    .
    .
    */
    

    //更改此版本并上传文件尝试按Ctrl F5刷新页面一次..

  • 4

    如果忘记将更新的CSS文件实际上传到服务器(我实际上已经这样做了),你就没有明显的错误,那么这几乎肯定是一个缓存问题 .

    首先 - 禁用您可能拥有的任何缓存插件 . 当我忘记安装WP Cache时,这个让我抓狂 .

    如果您使用的是Cloudflare,请登录并将您的网站设置为“开发模式”,以便所有请求直接通过 .

    然后打开开发人员工具(假设您使用的是chrome)并单击网络选项卡 . 这里有一个禁用缓存的复选框 . 确保勾选此项 . 这将确保您在打开开发人员工具时浏览器不缓存该文件 .

    接下来,单击sources选项卡 . 在左侧还有一个“网络”选项卡,其中包含所有网站源的文件管理器样式树控件 . 在此树中,导航到style.css文件,该文件通常位于:wp-content> themes> themeName . 单击style.css文件,它应该在右侧打开 .

    在这里,您可以看到正在提供文件的先前版本,即使附加了显示更高版本的查询参数 . 也就是说:style.css文件的 Headers /顶部表示它是1.0.1版,但文件名类似于style.css?ver = 1.0.2 . 这告诉您WordPress知道更新的文件,但在您和服务器之间的某处显示了缓存版本 . 在过去,解决缓存的方法之一是在发出请求时将查询参数附加到文件中,这会强制任何缓存系统认为这是对未缓存的其他文件的请求 . 但通常这不适用于CSS文件 .

    现在这意味着缓存正在服务器上发生 . 大多数主机在其Web服务器上实现某种缓存 . 如何禁用此缓存取决于主机 . 主机控制面板上可能有一个功能可以禁用缓存,或者您可能必须编辑.htaccess文件才能执行此操作 . 就像是:

    Header set Cache-Control "max-age=0, private, no-cache, no-store, must-revalidate"
    

    要么

    Header set Cache-Control "max-age=0, no-cache, no-store, must-revalidate"
    Header set Pragma "no-cache"
    Header set Expires "Wed, 11 Jan 1984 05:00:00 GMT"
    

    检查特定主机的站点以获取指导 .

  • 10

    我有同样的问题,我用另一种方式修复它而不是默认 .

    首先,我找到了需要更改的文件:

    wp-includes\theme.php
    

    有一个叫 get_stylesheet_uri 的函数

    我的功能看起来像这样:

    function get_stylesheet_uri() {
        $time = time();
        $stylesheet_dir_uri = get_stylesheet_directory_uri();
        $stylesheet_uri = $stylesheet_dir_uri . '/style.css?v='.$time;
        /**
         * Filter the URI of the current theme stylesheet.
         *
         * @since 1.5.0
         *
         * @param string $stylesheet_uri     Stylesheet URI for the current theme/child theme.
         * @param string $stylesheet_dir_uri Stylesheet directory URI for the current theme/child theme.
         */
        return apply_filters( 'stylesheet_uri', $stylesheet_uri, $stylesheet_dir_uri );
    }
    
  • 0

    我在localhost工作时遇到了同样的问题,在开发人员模式下禁用了chrome中的缓存(f12)> network> check disable cache

相关问题