跳过到主内容
< 返回
当前位置:
打印

全局排版设置

目录

通过主题设置配置整个网站的字体和排版样式。使用基础组进行全局设计,然后在需要时为单个元素创建高级规则。

配置基础排版

导航至 仪表盘 → 主题设置 → 排版 → 基础。“基础”部分包含六个排版组。每个组仅提供其影响的元素所支持的控件。

文本字体

设置网站内容的通用字体。当其他排版组未单独配置字体时,它也用作后备字体。

标题字体

控制从 H1 到 H6 标题元素的排版。

实体名称字体

控制文章、产品、分类和项目的标题。

辅助字体

定义页面构建器元素设置中以及使用 font-alt CSS 类的内容可用的辅助字体。

小工具标题字体

控制小工具标题的排版。

页头字体

控制网站页头中显示元素的排版。

主题设置中的完整页面基础排版

自定义特定元素

当特定元素需要使用与基础设置不同的排版时,请导航至 仪表盘 → 主题设置 → 排版 → 高级

  1. 分配给元素 中,选择一个或多个应使用此规则的元素。
  2. 配置字体系列、字重、样式、响应式字体大小和行高、文本转换以及普通或悬停颜色。如果规则不应更改该属性,请将字段留空。
  3. 点击 添加规则 为不同的元素组创建另一条排版规则。
  4. 保存主题设置。

预定义选择器按组组织,涵盖主导航和辅助导航、移动菜单、页面标题、产品和分类、单个产品、快速查看、博客内容、单个博客文章、小工具和表格。

高级排版设置

使用自定义选择器

如果预定义列表中没有所需的元素,请在 分配给元素 中选择 自定义选择器,然后输入其 CSS 选择器。

例如,.woocommerce-billing-fields h3 针对经典 WooCommerce 结帐表单中的 账单详情 标题。配置所需的排版设置并保存主题设置。

高级排版设置面板

加载额外的 Google Font 字重

网站上仅加载在主题设置中选择的 Google Font 字重。若要使另一个字重在 Gutenberg、Elementor 或 WPBakery 中可用而不全局应用,请创建一条高级排版规则,选择字体系列和字重,并将 分配给元素 留空。保存主题设置后,所选字重将可用于单个元素。