文章标签

动态目录

function csstricks_toc($post=false) {
  global $post;
  $blocks = parse_blocks( $post-post_content );
  $headings = array();

  foreach( $blocks as $block ) {
    if( 'core/heading' === $block['blockName'] ) {
      if( false !== strpos( $block['innerHTML'], 'id=' ) ) {
        $element = 'h' . $block['attrs']['level'];

…

Geoff Graham 于 2024 年 8 月 16 日

字体 Google 字体 WordPress

在 WordPress 块主题中管理字体

字体是任何网站设计中一个决定性的特征。这包括 WordPress 主题，其中主题开发者通常将像 Google 字体这样的服务集成到 WordPress 自定义器设置中，用于“经典”的基于 PHP 的主题。这还没有…

Ganesh Dahal 于 2024 年 5 月 17 日

WordPress WordPress 块 WordPress 主题

样式引擎如何生成类

WordPress 样式引擎为块主题生成 CSS。为什么您想知道这样一个不可见的过程是如何工作的？好吧，就像编写 CSS 一样，您需要确保您的代码组织良好且结构合理，以便您的样式正确使用 CSS 级联。

Ganesh Dahal 于 2023 年 3 月 1 日

json WordPress WordPress 块 WordPress 主题

WordPress 全局样式参考表

我们在本系列中已经涵盖了很多内容。如此之多以至于我认为将所有来自 theme.json 的各种块主题设置和样式压缩到一个页面中会很有帮助。

Ganesh Dahal 于 2023 年 3 月 1 日

WordPress WordPress 块 WordPress 主题

定义全局样式

让我们转到 theme.json 的另一个顶级部分，在这里我们可以配置块主题的 CSS：styles。我们将了解它到底是什么以及如何使用它来覆盖和应用我们在第 2 部分中介绍的预设设置值。

Ganesh Dahal 于 2023 年 3 月 1 日

WordPress WordPress 块 WordPress 主题

定义全局设置

让我们学习一下我们在 WordPress 块主题中关于 theme.json 结构的知识，并将其应用到文件的两个主要部分：settings 和 styles。这些数组是配置 WordPress 功能和主题 CSS 输出的“顶级”。

Ganesh Dahal 于 2023 年 3 月 1 日

json WordPress WordPress 块 WordPress 主题

theme.json 术语表

首先，让我们从回顾一些重要术语开始，这些术语有助于理解 theme.json 文件是什么、它的结构以及如何配置它。我们将在介绍过程中提供示例，但这里的主要目标是熟悉我们在整个系列中都会看到的术语。

Ganesh Dahal 于 2023 年 3 月 1 日

WordPress WordPress 块 WordPress 主题

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

自全站编辑功能引入块主题以来，WordPress 中的 CSS 管理发生了巨大变化。本指南针对块主题及其配置方法，从启用编辑器功能和控件到定义主题范围的 CSS 以及自定义特定块的外观。

Ganesh Dahal 于 2023 年 3 月 1 日

按钮 WordPress WordPress 块 WordPress 主题

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

不久前，Ganesh Dahal 在 CSS-Tricks 上发表了一篇帖子，回应了一条关于在 WordPress 块和元素上添加 CSS 盒阴影的推文。这里有很多很棒的东西可以利用新功能…

Fränk Klein 于 2023 年 2 月 6 日