跳至主要内容
CSS-Tricks
  • 文章
  • 笔记
  • 链接
  • 指南
  • 年鉴
  • 随机
搜索

文章标签
wordpress themes

13 篇文章
{
,

}
文章“样式引擎如何生成类”的直链
WordPress WordPress 块 WordPress 主题

样式引擎如何生成类

WordPress 样式引擎生成块主题的 CSS。为什么要了解这样一个不可见的流程是如何工作的呢?好吧,就像编写 CSS 一样,您需要确保代码井井有条且结构合理,以便您的样式正确地使用 CSS 级联。
Avatar of Ganesh Dahal
Ganesh Dahal 于 2023 年 3 月 1 日 发布
文章“WordPress 全局样式参考表”的直链
JSON WordPress WordPress 块 WordPress 主题

WordPress 全局样式参考表

在本系列中,我们已经涵盖了很多内容。如此之多,以至于我认为将 theme.json 中所有不同的块主题设置和样式都浓缩到此处的单个页面中会很有帮助。
Avatar of Ganesh Dahal
Ganesh Dahal 于 2023 年 3 月 1 日 发布
文章“定义全局样式”的直链
WordPress WordPress 块 WordPress 主题

定义全局样式

让我们转到 theme.json 的另一个顶级部分,在这里我们可以配置块主题的 CSS:样式。我们将学习它到底是什么,以及如何使用它来覆盖和应用我们在第 2 部分中介绍的预设设置值。
Avatar of Ganesh Dahal
Ganesh Dahal 于 2023 年 3 月 1 日 发布
文章“定义全局设置”的直链
WordPress WordPress 块 WordPress 主题

定义全局设置

让我们利用我们在 WordPress 块主题中关于 theme.json 结构的学习成果,将其应用于文件的两个主要部分:设置和样式。这些数组是配置 WordPress 功能和主题 CSS 输出的“顶级”部分。
Avatar of Ganesh Dahal
Ganesh Dahal 于 2023 年 3 月 1 日 发布
文章“theme.json 术语表”的直链
JSON WordPress WordPress 块 WordPress 主题

theme.json 术语表

首先,让我们从回顾一些对于理解 theme.json 文件是什么、其结构以及如何配置它至关重要的术语表开始。我们将在过程中提供示例,但这里的主要目标是熟悉我们将在整个系列中看到的术语。
Avatar of Ganesh Dahal
Ganesh Dahal 于 2023 年 3 月 1 日 发布
文章“WordPress 块主题 CSS 和样式设置指南”的直链
WordPress WordPress 块 WordPress 主题

WordPress 块主题 CSS 和样式设置指南

自从完整站点编辑功能引入块主题以来,WordPress 中的 CSS 管理发生了巨大变化。本指南针对块主题以及如何配置它们,从启用编辑器功能和控件到定义主题范围的 CSS 和自定义特定块的外观。
Avatar of Ganesh Dahal
Ganesh Dahal 于 2023 年 3 月 1 日 发布
文章“在 WordPress 块主题中设置按钮样式”的直链
按钮 WordPress WordPress 块 WordPress 主题

在 WordPress 块主题中设置按钮样式

不久前,Ganesh Dahal 在 CSS-Tricks 上发表了一篇帖子,回应了一条关于在 WordPress 块和元素上添加 CSS 盒阴影的推文。其中有很多很棒的内容利用了新的功能……

Avatar of Fränk Klein
Fränk Klein 于 2023 年 2 月 6 日 发布
文章“向 WordPress 块和元素添加盒阴影”的直链
WordPress WordPress 块 WordPress 主题

向 WordPress 块和元素添加盒阴影

CSS 的 box-shadow 和 outline 属性在 WordPress 6.1 中获得了 theme.json 支持。让我们看看它在实际主题中的几个示例,以及我们有哪些选项可以将这些样式应用于 WordPress 块和元素。
Avatar of Ganesh Dahal
Ganesh Dahal 于 2022 年 12 月 7 日 发布
文章“在 WordPress 块主题中使用新的受限布局”的直链
WordPress WordPress 主题

在 WordPress 块主题中使用新的受限布局

WordPress 站点编辑器(是的,现在是“官方”名称)的主要目标之一是将基本块样式从CSS 移动到结构化 JSON。JSON 文件是机器可读的,这使得它可以被…

Avatar of Ganesh Dahal
Ganesh Dahal 于 2022 年 11 月 30 日 发布
  • 1
  • 2
  • 较旧的

CSS-Tricks 由 DigitalOcean 提供支持。

关注 Web 开发最新动态

通过我们精心制作的时事通讯

DigitalOcean
  • 关于 DO
  • Cloudways
  • 法律信息
  • 获取免费积分!
CSS-Tricks
  • 为我们撰稿!
  • 与我们合作广告
  • 联系我们
社交媒体
  • RSS 订阅
  • CodePen
  • Mastodon
  • X
返回顶部

© 2024 . All rights reserved.