外观自定义管理界面

如果您从Administration Screens中选择 Appearance -> Customize 菜单,则启动 Theme Customizer。定制器允许您在发布之前预览对站点的更改。如果您直接修改主题文件并更新它们,那么您的修改可能会丢失。通过使用定制器,您将确保保留您的修改。

重要提示

仅当活动主题支持自定义功能时,自定义程序才可用。对于支持使用块构建站点的块主题,这意味着您不需要使用导致它被隐藏的定制器,除非您使用的是需要它的插件。此外,对于启用和构建它的每个主题,此屏幕可能会有所不同。例如, WordPress 二十一个主题的定制器 提供了更改背景颜色、选择背景图像和打开暗模式的选项。

二十二十一定制师
二十一个主题的定制师

基本用法 #

顶部↑

如何启动定制器 #

要启动定制器,请执行以下步骤之一:

  • 从管理屏幕中,选择外观 -> 自定义
  • 从工具栏中,选择自定义

顶部↑

如何使用它 #

从左侧菜单中,打开选项类别并指定选项值。请注意,在您进行更改期间,预览屏幕也会更改。完成自定义后,单击发布按钮以增强对站点的更改。

有一些提示:

  • 您可以单击预览屏幕中的内部链接。定制器将导航到单击的页面并使用当前定制选项值显示它。
设备预览按钮
  • 定制器窗格底部的设备预览按钮显示您的网站在更改其外观之前在移动设备、平板电脑和桌面环境中的外观。
“预览”窗格中的蓝色铅笔图标
预览窗格中的蓝色铅笔图标
  • 单击预览屏幕中的蓝色铅笔图标将在左侧窗格中打开相应的控制菜单。

顶部↑

顶部↑

站点标识 #

此菜单允许您指定基本站点信息。

定制器站点标识屏幕
定制器站点标识屏幕
  • 徽标 – 网站徽标图像,例如公司符号
    单击选择徽标以打开媒体库。从中选择一个图像或从上传文件选项卡屏幕上传新图像,然后单击右下角的选择徽标按钮。
    单击删除或更改徽标以删除或更改站点徽标图像。
  • 站点标题 – 站点标题的文本框
  • 标语 – 标语的文本框
  • 显示网站标题和标语 – 启用或隐藏标题和标语显示的复选框
  • 站点图标 – 站点图标用作您站点的浏览器和应用程序图标。图标必须是方形的,并且至少 512 像素宽和高。
    单击选择图像以打开媒体库。从中选择一个图像或从上传文件选项卡屏幕上传新图像,然后单击右下角的选择按钮。

顶部↑

颜色和深色模式 #

颜色和暗模式菜单允许自定义主题显示的背景颜色。它还有助于激活对主题的暗模式支持。

颜色和深色模式屏幕
颜色和深色模式
  • 背景颜色 – 单击选择颜色按钮。您可以输入一个 十六进制数字 (例如 d33131),代表要显示为主题背景的颜色,或者从颜色选择器中单击所需颜色,该颜色的十六进制数字将放置在颜色字段中,或者单击默认以恢复初始状态。此背景可能仅在宽显示器上可见。
  • 暗模式支持– 单击复选框以激活暗模式支持。如果启用了深色模式支持,您的网站将以深色背景和浅色文本显示。了解有关暗模式的更多信息。

顶部↑

背景图片 #

选择一个可选的背景图像来代替上面颜色和深色模式中指定的纯色背景颜色。

背景图像屏幕
背景图像屏幕
  • 选择图像 – 单击此按钮打开选择图像对话框。您可以选择 媒体库中已有的图像,或在上传文件选项卡屏幕中从本地计算机上传图像文件。选择图像并单击选择图像按钮。定制器将使用更新的背景预览您的网站。

添加背景图像后,您将获得更多选项:

  • 删除 – 上传图像后,如果不再需要该图像,请使用此按钮删除该图像。您将无法恢复任何自定义。
  • 更改图像 – 单击此按钮可更改背景图像。
  • 预设下拉菜单– 在预设下,您可以选择背景图像的显示方式:默认、全屏、适合屏幕、重复或自定义。
  • 图像位置– 您还可以通过单击图像位置下的箭头来选择背景图像位置,以定位到左侧、中心或右侧。单击中心将使图像与屏幕中心对齐。
  • 图像大小– 您可以从下拉菜单中将图像大小更改为适合屏幕、填充屏幕或保持原始。
  • 重复背景图像– 单击复选框以在整个页面上重复背景图像。
  • 随页面滚动– 单击复选框以启用背景图像随页面滚动或固定显示。

顶部↑

此面板用于管理您已在站点上发布的内容的导航菜单。您可以为现有内容(例如页面、帖子、类别、标签、格式或自定义链接)创建菜单和添加项目。

定制器添加菜单屏幕
定制器添加菜单屏幕

WordPress 二十一二 十一主题 支持两个菜单位置,主菜单和辅助菜单。从下拉框中,选择将在该位置显示的菜单。如果您在主题中添加了对更多导航菜单的支持,您将看到更多下拉位置选项。

定制器菜单位置屏幕
定制器菜单位置

顶部↑

小部件 #

WordPress 5.8 向小部件编辑器引入了,并允许您使用全新的小部件编辑器将任何块添加到主题中的页眉、页脚、侧边栏和其他小部件区域。

您可以通过外观 > 自定义 > 小部件菜单配置小部件,并在定制器的实时预览中查看您的更改。

顶部↑

添加小部件 #

  1. 单击主题定制器中的 小部件 菜单以访问小部件定制屏幕。
  2. 单击 小部件区域顶部的+图标以打开可用块列表。
  3. 搜索或找到您要添加的块,然后单击以选择该块。该块被添加到小部件区域。
  4. 预览您的站点,您应该会在小部件区域中看到新块。
添加小部件
添加小部件

顶部↑

配置小部件 #

要重新排列小部件区域内的小部件,请选择小部件并单击块工具栏中的向上向下箭头。

使用向上和向下箭头重新排序小部件

您还可以通过单击并按住块工具栏中的六点网格按钮并拖动小部件块来重新排列小部件。

通过拖动重新排列小部件

要自定义小部件功能,请单击所选小部件的阻止工具栏中的三点按钮,然后选择显示更多设置以打开小部件自定义选项。

在小部件中显示更多设置

您可以使用小部件菜单中的撤消-重做按钮遍历小部件区域自定义项中所做的更改。

小部件区域中的撤消重做按钮

要删除小部件,请单击所选小部件的“块”工具栏中的三点按钮,然后选择“删除 ” 。

在小部件区域内,您现在可以使用 shift-click 选择多个小部件并删除块或退格以删除块。

顶部↑

主页设置 #

您网站的主页可以包含您的最新帖子或显示静态页面或帖子。

  • 您的最新帖子 – 选择此项可在您的主页上显示您的最新帖子
  • 静态页面 – 选择首页或帖子页面。有关更多详细信息和可用组合,请参阅 创建静态首页 。

顶部↑

摘录设置 #

此面板允许您选择博客和存档页面是否应显示完整内容或仅显示摘要。
默认为摘要。搜索结果页面始终显示摘要。选择摘要时,将仅显示文本。

顶部↑

附加 CSS #

一个面板,可让您添加将覆盖当前主题的 CSS 代码。

Powered by BetterDocs

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注

Scroll to Top