的WordPress不會顯示最新的CSS

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; } 

Ofcourse沒有什麼是錯的代碼。它似乎只是缺少一個更新網頁緩存的功能。代碼是它應該如何，但是當我的瀏覽器從我的網頁上讀取它時，我得到這個鏈接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 - 網頁開發工具欄）。

編輯1： 1.刪除CSS（：避免CSS（和JS）的瀏覽器緩存中的WordPress文件

目標（主題開發過程中或在CSS/JS文件更改後通常使用）和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

的變化是：固定不正確的嵌套，如果：如果（function_exists（！ 'et_list_pings'））{... 您在此IF中放置了「function remove_cssjs_ver（）」聲明，這可能適用於您的情況，但它不正確！我還修復了add_filter函數的最後一個參數（從2到1），因爲在remove_cssjs_ver（）函數中只有1個參數。

並且給你個人提示 - 我認爲你應該將問題標題改爲：在Wordpress主題開發期間禁用CSS的瀏覽器緩存並在每次更改主題樣式後清除緩存。

讓我知道，如果上述工作適合你或不！