主要樣式表(style.css)

    style.css是每個WordPress主題所需的樣式表(CSS)文件。它控制網站頁面的呈現(視覺設計和布局)。

    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

    版權說明:如非注明,本站文章均為?藍螞蟻工作室?原創,轉載請注明出處和附帶本文鏈接。

    想知道一個網站用的啥主題,通過這個文件就知道了,下面這篇文章就能教你如何打開這個文件。

    主要樣式表(style.css)-Npcink
    主要樣式表(style.css)-Npcink

    怎么知道網站用的啥主題? - WordPress教程

    插件

    Custom Taxonomy Order - WordPress分類排序插件(推薦)

    2020-9-17 0:27:00

    插件

    Smart SEO Tool – 簡單易用的博客SEO優化WordPress插件

    2020-2-2 7:38:42

    ??
    Npcink上的部份代碼及教程來源于互聯網,僅供網友學習交流,若您喜歡本文可附上原文鏈接隨意轉載。
    無意侵害您的權益,請發送郵件至 1355471563#qq.com 或點擊右側 私信:Muze 反饋,我們將盡快處理。
    0 條回復 A文章作者 M管理員
      暫無討論,說說你的看法吧
    ?
    個人中心
    購物車
    優惠劵
    今日簽到
    有新私信 私信列表
    搜索
    主站蜘蛛池模板: 国产亚洲欧洲Aⅴ综合一区| 国产裸体舞一区二区三区| 国产精品一区二区AV麻豆| 精品一区狼人国产在线| 麻豆一区二区三区蜜桃免费| 日本精品夜色视频一区二区| 一区二区中文字幕在线观看| 免费无码A片一区二三区| 日韩精品人妻一区二区三区四区| 国产精品一区二区av| 精品一区二区三区东京热| 亚洲一区二区三区四区视频| 亚洲一区二区三区日本久久九| 欧亚精品一区三区免费| 无码人妻一区二区三区一| 精品一区二区视频在线观看| 无码国产精品一区二区免费模式| 精品日本一区二区三区在线观看 | 精品无码人妻一区二区三区不卡 | 一区二区乱子伦在线播放| 一区二区手机视频| 一区二区免费在线观看| 亚洲国产高清在线一区二区三区| 亚洲一区二区观看播放| 精品女同一区二区三区在线| 精品国产一区二区三区香蕉事| 无码人妻一区二区三区兔费| 亚洲a∨无码一区二区| 亚洲av色香蕉一区二区三区| 国内精自品线一区91| 国产成人一区二区三区免费视频| 日韩免费一区二区三区| 国产成人精品久久一区二区三区av | 久夜色精品国产一区二区三区| 亚洲视频在线一区二区| 国产自产V一区二区三区C| 久久er99热精品一区二区| 午夜DV内射一区区| 一本岛一区在线观看不卡| 狠狠色成人一区二区三区| 无码国产精品一区二区免费模式|