Question

我没有任何缓存插件，css是

    #featured { border-bottom: 1px solid #ffffff; background: #000000; height: 300px; overflow: hidden; }
div.slide { height: 300px; position: relative; }
    div.overlay, div.top-overlay { background:url("images/dropshadow.png") repeat-x bottom left; bottom:0; height:22px; left:0; position:absolute; width:100%; }
    div.top-overlay { background:url("images/top-overlay.png") repeat-x bottom left; top: 0px; height: 43px; }
    .slide .description { background:url("images/overlay.png") no-repeat scroll 0 0 transparent; float:right; height:276px; margin-top:6px; padding:18px 68px 0 50px; width:342px; }
        .description h2.title { font-weight: bold; font-size: 36px; padding-top:3px; }
            .description h2.title a { color: #ffffff; text-shadow: 2px 2px 2px #000000; }
                .description h2.title a:hover { color: #eeeeee; text-decoration: none; }
        .description p.tagline { font-size: 14px; font-family: Georgia, serif; font-style: italic; color: #4f4f4f; padding: 7px 0px 4px; }
            .description p.tagline a { color: #4f4f4f; }
                .description p.tagline a:hover { color: #7c7c7c; text-decoration: none; }
        .description p { line-height: 19px; }

        .slide a.readmore { background:url(images/featured-readmore-right.png) no-repeat scroll right bottom; display:block; float:left; height:31px; line-height:32px; padding-right:11px; color: #ffffff; text-shadow: 1px 1px 1px #0080bd; margin-top:8px; }
            .slide a.readmore span { background:url(images/featured-readmore-left.png) no-repeat; display:block; padding: 0px 4px 0px 15px; }

  a#prevlink, a#nextlink { position:absolute; bottom:-2px; right:0; height: 40px; text-         indent: -9999px; display: block; z-index: 1000; }
  a#prevlink { right: 80px; background: url(images/arrow-left.png) no-repeat; width: 81px; }
  a#nextlink { width: 80px; background: url(images/arrow-right.png) no-repeat; }

当然，代码没有任何问题。它似乎是我缺少一个更新Web缓存的功能。代码是应该如何，但当我的浏览器从我的网页上读取它我得到这个链接wp-content / themes / TheSource / style.css：284而不是wp-content / themes / TheSource / style.css这是我的主要问题，因为我无法编辑滑块上的简单图像来做我想要的。我知道这发生在我身上的一个小部件，我在谷歌上找到了一个函数来添加因为我得到的东西像wp-content / themes / TheSource / style.css？ver：248之前和现在它取消了？ver但我需要一些能让我更新主题的东西，以便我可以自定义它。

Answer 1

在开发过程中，您可以将以下代码附加到CSS：

/wp-content/themes/TheSource/style.css?ver:248&t=<?php echo time(); ?>

它会在每次重新加载页面时生成不同的时间戳，这样就可以避免浏览器缓存。

我强烈建议您在网站上线后删除此部分！然后，如果网站是实时的，您需要调整CSS，您可以手动更改版本（+1）以强制所有新页面重新加载使用新样式：

/wp-content/themes/TheSource/style.css?ver=249

......当您想要更改CSS中的图像时，同样适用，例如：

.class123 {
    background-image: url(images/slider1.jpg?v=2);
}

或者，如果确认我理解正确并且这是浏览器缓存问题，您可以使用浏览器插件，这会阻止缓存（对于Firefox - Web开发人员工具栏）。

编辑1 ：避免浏览器缓存Wordpress中的CSS（和JS）文件（通常在主题开发期间或css / js文件更改后使用）

目标： 1.从查询字符串中删除CSS（和JS）'ver'参数。（你的主题已经有了这个功能） 2.将自定义'ver'（v）参数添加到CSS和JS文件中。 3.在开发过程中添加自定义'timestamp'（t）参数，以避免在每次重新加载页面时进行浏览器缓存。（仅限DEV模式）

以下是主题中的修改代码，它会从CSS中删除版本（如果需要，还会删除JS），并添加特定参数！

/* Removes the 'ver' parameter from the query string of the CSS (and JS) */
function remove_cssjs_ver( $src ) {
    // Goal 1 - Remove the CSS (and JS) 'ver' parameter from the query string. (you already have this functionality in your theme)
    if( strpos( $src, '?ver=' ) ) {
        $src = remove_query_arg( 'ver', $src );
    }
    // Goal 2 - Add custom 'ver' (v) parameter to the CSS and JS files. (useful for Live sites, when you change the styles or functionalities)
    $src = add_query_arg( 'v', '25', $src ); // you can use increment by 1 after every change
    // Goal 3 - Add custom 'timestamp' (t) parameter during the development process to avoid browser caching on each page reload. (DEV mode only)
    $src = add_query_arg( 't', time(), $src ); // recommended to be used only during the development process as it avoids browser caching on every page reload

    return $src;
}
add_filter( 'style_loader_src', 'remove_cssjs_ver', 999, 1 );
// add_filter( 'script_loader_src', 'remove_cssjs_ver', 999, 1); // optional - apply the same to JS files

请注意，上述代码未经测试，但应该可以使用。您可以删除（或评论）您不需要的目标。

一些供参考的链接：add_query_arg，remove_query_arg，add_filter

我还将您的functions.php文件修改为新版本：http://pastebin.com/SLA7JkEZ

更改是：修复错误嵌套如果：if（！function_exists（'et_list_pings'））{... 您在此IF中放置了“函数remove_cssjs_ver（）”声明，这可能适用于您的情况，但它不正确！我还修复了add_filter函数的最后一个参数（从2到1），因为你在remove_cssjs_ver（）函数中只有一个参数。

还有个人注意事项 - 我认为您应该将问题标题更改为：在Wordpress主题开发期间禁用CSS的浏览器缓存，并在每次更改主题样式后清除缓存。

如果以上情况适合您，请告诉我们！

Wordpress不会显示最新的CSS

1 个答案: