style.css是每個WordPress主題所需的樣式表(CSS)文件。它控制網站頁面的呈現(視覺設計和布局)。
位置
為了讓WordPress將主題模板文件集識別為有效主題,style.css文件需要位于主題的根目錄中,而不是子目錄中。
有關如何在主題中包含style.css文件的更詳細說明,請參閱排隊腳本和樣式的“樣式表”部分。
基本結構
WordPress使用style.css的標題注釋部分在外觀(主題)儀表板面板中顯示有關主題的信息。
示例
這是style.css的標題部分的示例。
/*
Theme Name: Twenty Seventeen
Theme URI: https://wordpress.org/themes/twentyseventeen/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Twenty Seventeen brings your site to life with immersive featured images and subtle animations. With a focus on business sites, it features multiple sections on the front page as well as widgets, navigation and social menus, a logo, and more. Personalize its asymmetrical grid with a custom color scheme and showcase your multimedia content with post formats. Our default theme for 2017 works great in many languages, for any abilities, and on any device.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentyseventeen
Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
/ *
主題名稱:二十七歲
主題URI:https://wordpress.org/themes/twentyseventeen/
作者:WordPress團隊
作者URI:https://wordpress.org/
描述:Twenty Seventeen通過身臨其境的精選圖像和微妙的動畫將您的網站變為現實。它專注于商業網站,它在首頁上有多個部分,包括小部件,導航和社交菜單,徽標等。使用自定義配色方案個性化其不對稱網格,并使用帖子格式展示您的多媒體內容。我們2017年的默認主題適用于多種語言,任何能力和任何設備。
版本:1.0
許可證:GNU通用公共許可證v2或更高版本
許可證URI:http://www.gnu.org/licenses/gpl-2.0.html
文字域名:二十七歲
標簽:單列,雙列,右側邊欄,靈活標題,可訪問性,自定義顏色,自定義標題,自定義菜單,自定義徽標,編輯器樣式,特色圖像,頁腳小部件,后格式,rtl語言支持,粘貼帖子,主題選項,線程評論,翻譯就緒
像WordPress這樣的主題是根據GPL許可的。
用它來制作一些很酷的東西,玩得開心,并與他人分享你學到的東西。
* /
WordPress主題庫中的主題需要用(*)表示的項目。
注意:
WordPress主題存儲庫使用此文件中“版本”之后的數字來確定主題是否具有可用的新版本。
- 主題名稱(*):主題的名稱。
- 主題URI:公共網頁的URL,用戶可以在其中找到有關主題的更多信息。
- 作者(*):開發主題的個人或組織的名稱。建議使用主題作者的wordpress.org用戶名。
- 作者URI:創作個人或組織的URL。
- 描述(*):主題的簡短描述。
- 版本(*):版本,以XX或XXX格式編寫。
- 許可證(*):主題的許可證。
- 許可證URI(*):主題許可證的URL。
- Text Domain(*):用于textdomain的字符串轉換。
- 標簽:允許用戶使用標簽過濾器查找主題的單詞或短語。完整的標簽列表位于主題評論手冊中。
- 域路徑:使用以便WordPress在禁用主題時知道在何處查找翻譯。默認為
/languages
。
在必需的標題部分之后,style.css可以包含常規CSS文件所具有的任何內容。
用于子主題的Style.css
如果您的主題是子主題,則??style.css標題中需要模板行。
/*
Theme Name: My Child Theme
Template: Twenty Seventeen
*/
/ *
主題名稱:我的孩子主題
模板:二十七歲
* /
有關創建子主題的更多信息,請訪問子主題頁面。
來源于Wordpress官方文檔:查閱
補充
一、 style.css文件的加載方式
主題目錄默認會帶一個style.css文件,這個就是樣式文件,
三、為什么要把所有樣式寫在style.css里面
1.?對于一些不復雜的網站,可以把所有的樣式都放在這個style.css文件里面,然后統一壓縮,這樣可以減少http請求數,從而提高網頁加載速度。
2. style.css可以通過后臺直接修改, 這樣修改后不用重新上傳文件,直接就能生效。
四、常見問題
有時候改了style.css沒有生效,檢查:
1. 更新wp supercache緩存,有些網站都用這個緩存插件,記得更新緩存
2. 有些瀏覽器會緩存css文件,比如像360.所以只需清空瀏覽器緩存即可
本文地址:http://www.lmygzs.com/archives/866.html
版權說明:如非注明,本站文章均為?藍螞蟻工作室?原創,轉載請注明出處和附帶本文鏈接。
想知道一個網站用的啥主題,通過這個文件就知道了,下面這篇文章就能教你如何打開這個文件。