Wordpress 主样式表(style.css)

主样式表(style.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 t...
Version: 1.0
Text Domain: twentyseventeen
*/

 

注意:WordPress主题存储库使用此文件中“版本”之后的数字来确定主题是否具有可用的新版本。

Theme Name (): 主题名称。 Theme URI: 公共网页的URL,用户可以在其中找到有关该主题的更多信息。 Author (): 开发主题的个人或组织的名称。 建议使用主题作者的wordpress.org用户名。

Author URI: 创作个人或组织的网址。

Description (): 简短描述的主题。 Version (): 该版本以X.X或X.X.X格式编写。

License (): 主题的协议。 License URI (): 主题许可证的URL。

Text Domain (*): 用于文本域的字符串用于翻译。

Tags: 允许用户使用标签过滤器查找主题的单词或短语。 标签的完整列表在“主题评论手册”中。

在所需的标题部分之后,style.css可以包含常规CSS文件中的任何内容。

style.css中的子主题

如果您的主题是“子主题”,则在style.css标题中需要“模板”行。

/*
Theme Name: My Child Theme
Template: Twenty Seventeen
*/

 

子主题介绍:


声明:本站所有文章和图片,如无特殊说明,均为原创发布。商业转载请联系作者获得授权,非商业转载请注明出处。
真诚赞赏,手留余香
赞赏
随机推荐
WordPress RESTful API 路由代码结构
WordPress 中如何在主题和插件中使用
WordPress 发送邮件
Vue3 挂载全局方法
Node.js 18.x 开始支持内置单元测试
WP_Query 函数
ReferenceError: __dirname is not defined in ES module scope
MySQL 的 sql_mode 模式介绍:为什么 MySQL 中 int,float,double 类型字段插入空字符时自动转为0