主要样式表(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教程

教程

宝塔面板最新严重数据库安全漏洞 - WordPress教程

2020-8-23 20:56:36

插件

魔法退款 - WordPress 插件

2023-7-9 22:00:00

⚠️
Npcink上的部份代码及教程来源于互联网,仅供网友学习交流,若您喜欢本文可附上原文链接随意转载。
无意侵害您的权益,请发送邮件至 1355471563#qq.com 或点击右侧 私信:Muze 反馈,我们将尽快处理。
0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索