在style.css中隱藏css源代碼

我注意到當您通過源代碼視圖打開鏈接時，一些WP網站的style.css文件幾乎爲空。例如，僅顯示這些行。在style.css中隱藏css源代碼

/* 
Theme Name: xxxx 
Author: xxx 
Author URI: http://xxxx.com 
Description: 
Version: 1.0.0 
*/ 

*{ 
    margin:0; 
    padding:0; 
    outline:none; 
}

我該怎麼辦？ Thx爲您提供幫助。

來源

2016-07-28 made leod

這不是隱藏，但包括CSS作爲單獨的文件。 – nicael

它們很可能包含其他CSS文件，其中包含其他樣式，因爲上面給出的示例是一個簡單的CSS重置，它會從中刪除所有邊距，填充和輪廓，每 html元素。它與從一張空白紙開始，刪除所有線條基本相同。

所以，現在您可以添加自己的自定義CSS文件，而不需要擔心任何可能影響它的父聲明。

將CSS文件添加到Wordpress的正確方法是通過函數文件。

在某處創建另一個CSS文件，然後在wp_enqueue_scripts鉤子中排入新文件。注意：你應該搜索你的函數文件，看看這個鉤子是否已經在那裏，因爲你不應該複製並粘貼到你的文件，如果它。

function load_scripts() { 
    wp_enqueue_style('stylesheet', get_stylesheet_uri()); // Your existing style.css file 
    wp_enqueue_style('custom-css', get_template_directory_uri().'/css/custom.css', array('stylesheet'); // Your new css file, with path, and dependency, so it loads AFTER the original stylesheet 
} 
add_action('wp_enqueue_scripts', 'load_scripts');

來源

2016-07-28 15:08:52 Lee

我只是補充說，這個重置（以及一般的任何重置）是一件非常糟糕的事情。像normalize.css這樣的CSS基礎通常是一個更好的主意。 – EmmanuelB

我想你是問如何隱藏CSS文件的來源，並仍然讓瀏覽器使用它。夫婦的東西在這裏，你可以（應該）瞭解這些更

你應該知道在WordPress如何style.css中的作品及其在wordpress主題文化
目的，你應該知道的縮小，以及它如何幫助或導致問題，如果你正在創建你不想複製的CSS，或者你正在複製別人的CSS文件，但無法理解它。

wordpress中的第一個style.css文件以主題信息開頭，因此每個主題都可以從此文件中獲取其元數據。它可以是完全非CSS的，只有主題信息的頂級評論。 Wordpress還有其他註冊頁眉和頁腳中的CSS和JS文件的方法，您可以使用這些方法，並可以通過各種工具（如開發人員工具）查看這些文件。

第二縮小是一個通過引入各種檢查來減少文件大小的過程，例如額外空間，組合規則或使變量名稱變小。這些規則中的一部分使CSS文件對人類無法讀取，但它們確實對瀏覽器有意義。因此，您可能會在源代碼中看到混亂的CSS文件，但某些瀏覽器（如Chrome）可以在檢查元素時將其解壓縮。

要回答你的問題的主題的作者已經把那些行CSS文件，並存儲主題然而它的CSS剩下的就是在其中的頭部或實際頁面的底部排隊的其他文件。也可能這個主題可能不需要太多的CSS，並使用默認的瀏覽器CSS或它是內聯的。還有一些瘋狂的人生活在沒有CSS的情況下。

你怎麼能做到這一點？

在你的主題使用this technique添加其他文件，如果你願意，你可以從主題複製所有CSS到另一個文件名爲blabla.css並把它放在你的主題文件夾，並從style.css中刪除所有的CSS除了主題元數據。排隊它和style.css將顯示爲空，而blabla.css將具有所有的CSS。

來源

2016-07-28 15:17:48

在style.css中隱藏css源代碼

回答

相關問題