爲什麼我的Style.css不能在Wordpress上更新？

-1

我正在嘗試使我的網站上的字體稍大一些。我認爲這將是一個超級簡單的修復。只需跳到Style.css文件並調高主體字體大小即可。但是我發現當我這樣做時，儘管文件被更新了，但它並沒有在前端進行更新。爲什麼我的Style.css不能在Wordpress上更新？

我意識到，當我挖掘到源代碼時，似乎有一行代碼添加到樣式錶鏈接的末尾，似乎阻止了新更新的反映 - 「？ver = 4.8」。請看下面的內容：

<link rel='stylesheet' id='font-awesome-css' href='http://www.example.com/wp-content/plugins/the-social-links/assets/css/font-awesome.min.css?ver=4.8' type='text/css' media='all' /> 
<link rel='stylesheet' id='the-social-links-style-css' href='http://www.example.com/wp-content/plugins/the-social-links/assets/css/style.css?ver=4.8' type='text/css' media='all' /> 
<link rel='stylesheet' id='dashicons-css' href='http://www.example.com/wp-includes/css/dashicons.min.css?ver=4.8' type='text/css' media='all' /> 
<link rel='stylesheet' id='admin-bar-css' href='http://www.example.com/wp-includes/css/admin-bar.min.css?ver=4.8' type='text/css' media='all' /> 
<link rel='stylesheet' id='sb_instagram_styles-css' href='http://www.example.com/wp-content/plugins/instagram-feed/css/sb-instagram.min.css?ver=1.4.9' type='text/css' media='all' /> 
<link rel='stylesheet' id='sb_instagram_icons-css' href='https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css?ver=4.6.3' type='text/css' media='all' /> 
<link rel='stylesheet' id='blaskan-fonts-css' href='https://fonts.googleapis.com/css?family=Droid+Serif%3A400%2C700%7CSource+Sans+Pro%3A300%2C400%2C600%2C700%2C900%7CWork+Sans%7CPacifico&#038;subset=latin%2Clatin-ext&#038;ver=4.8' type='text/css' media='all' /> 
<link rel='stylesheet' id='bootstrap-css' href='http://www.example.com/wp-content/themes/blaskan/assets/css/bootstrap.min.css?ver=4.8' type='text/css' media='all' /> 
<link rel='stylesheet' id='fontawesome-css' href='http://www.example.com/wp-content/themes/blaskan/assets/css/font-awesome.min.css?ver=4.8' type='text/css' media='all' /> 
<link rel='stylesheet' id='blaskan-style-css' href='http://www.example.com/wp-content/themes/blaskan/style.css?ver=4.8' type='text/css' media='all' /> 
<link rel='stylesheet' id='tablepress-default-css' href='http://www.example.com/wp-content/plugins/tablepress/css/default.min.css?ver=1.8' type='text/css' media='all' />

這是我想要更新的倒數第二個樣式表。所以，我認爲我可能只是跳進header.php文件，在這似乎是壓倒一切的更新結束時去除怪異的代碼，但是當我打開文件時，我看到的有：

<head> 
    <meta charset="<?php bloginfo('charset'); ?>"> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
    <link rel="profile" href="http://gmpg.org/xfn/11"> 

    <?php wp_head(); ?> 
</head>

沒有樣式錶鏈接。

有人可以告訴我在哪裏可以編輯樣式表代碼從最後刪除「ver = 4.8」代碼？

他們我使用的是https://wordpress.org/themes/blaskan/，如果有幫助。

在此先感謝！

來源

2017-07-28 nellygrl

你需要製作一個兒童主題，並把你的CSS放在那裏。 – Gerard

ctrl + f5用於硬刷新。很可能CSS文件由瀏覽器緩存。它也可能被你的服務器緩存。 –

此外，4.9是版本號，它是一個[緩存剋星]（https://css-tricks.com/strategies-for-cache-busting-css/） –

您通常不會直接修改主題CSS。正確的做法是創建一個子主題並修改您的子主題的CSS文件。 Here是關於如何創建兒童主題的說明。

WordPress的甚至建議使用子主題：

有幾個原因，你可能需要使用一個子主題：如果你直接修改一個主題

，並進行更新，那麼你的修改可能會丟失。通過使用兒童主題，您將確保您的修改被保留。使用兒童主題可以加快開發時間。使用兒童主題是學習 WordPress主題開發的好方法。

來源

2017-07-28 16:48:05

Aaaaaah。那解釋它。謝謝。我會考慮製作一個兒童主題！ – nellygrl

爲什麼我的Style.css不能在Wordpress上更新？

回答

相關問題