自定义主题设置:颜色、字体、排版与布局

简介

在本课中,我们将深入了解如何自定义主题设置。使用区块主题时,您可以通过样式功能为整个网站自定义颜色、字体、排版和布局。这些功能让您无需编写任何代码即可修改网站外观。该界面旨在帮助用户和设计师在不逐个编辑区块或页面的情况下更改网站样式。

全局样式

要访问样式,请前往外观,点击编辑器,然后选择样式。您的主题可能会提供样式变体,让您一键更新主题样式。您选择的某个变体可能接近您的设计目标,但您当然可以进一步自定义。点击铅笔图标或编辑样式后,样式面板将在页面右侧打开。样式面板提供多种自定义选项,您可以在此定义设计并全局应用到所有更改。让我们从排版开始。在这里,您可以管理字体、安装谷歌字体或从电脑上传字体。在元素下方,我们可以自定义文本、链接、标题、说明和按钮。例如,选择文本后,我们会发现可以更新字体、大小、外观、行高和字间距。请注意,当您返回并进入标题设置时,您会看到可以单独自定义每个标题级别,从而实现精确控制。滚动到底部并选择字体大小预设后,您将能够创建和编辑整个网站使用的字体大小预设。

现在,让我们返回样式并查看颜色。在此部分,您可以选择主题自带的调色板之一,创建自定义调色板,然后当然可以更改文本、背景以及链接、说明、按钮和标题等其他元素的颜色。您知道还可以为网站添加背景图片吗?当然,您也可以通过点击重置一键删除它。接下来,我们来看阴影。投影是各种内容及内容组合的出色设计元素。在此部分下方,您可以编辑默认样式或创建自定义阴影。完成自定义后,您可以为其命名。最后,我们来看布局。布局部分允许您更改网站主要内容区域的内容宽度,以及内边距和区块间距。如果您对更改不满意,可以使用修订历史功能将网站恢复到以前的版本,或重置为默认设置。

样式手册

最后,我们简要介绍一下样式手册。在之前的一课中,我们探讨了如何将样式手册用作样式指南。现在,让我们点击眼睛图标打开样式手册。提醒一下,样式手册是您在样式部分所做设计决策的预览。样式面板是您定义设计的地方,而样式手册则是您查看这些设计如何应用于各种网站元素的地方。换句话说,它是您样式更改如何影响网站各种元素和区块的视觉预览。当您的主页尚未显示所有设计元素或区块时,它尤其有用。您还可以自定义单个区块,从而对网站设计进行更精细的控制。

结论

总之,样式界面提供了一种直观且灵活的方式,让您个性化网站的外观和感觉,同时也提供了一种用户友好的设计方法。

使用模板部件

简介

在本课中,我们将更深入地了解如何使用模板部件。通过本教程的学习,你将能够描述模板部件是什么以及它们如何工作,编辑模板部件,并在模板中替换它。如果你访问一个设计良好的网站,你会注意到其优势之一就是一致性。网站的页眉、页脚和侧边栏通常包含相同或相似的内容,以便访问者无论身在网站何处,都能轻松找到所需信息。

为了达到这种效果,网页设计师是否需要在每个网站页面上从头构建页眉、页脚和侧边栏?简短的回答是不需要。使用 WordPress 区块主题时,你将使用一个称为模板部件的功能。

什么是模板部件?

首先,什么是模板部件?模板部件是一组区块,你可以用来创建模板中重复的部分,例如页眉、页脚和侧边栏。让我们在 WordPress 仪表盘中实际操作一下。前往“外观”,然后点击“编辑器”。这将带我们进入站点编辑器,然后我们打开其中一个模板,本例中是博客首页模板。

我们在模板内部创建和修改页眉和页脚模板部件。某些区块主题提供更多或更少的选项,但几乎所有主题都预装了页眉和页脚,就像你在 Twenty Twenty-Four 主题中看到的那样。WordPress 通过提供现成可用的页眉和页脚模式,使操作更加简单。因此,当你点击页眉模板部件的三个垂直点并选择“替换页眉”时,你首先会看到现有的模板部件。这些是我已经创建的模板部件。然后,在下面,我们会找到页眉模板部件模式。你可以选择主题附带的任何这些模式。如前所述,某些主题可能提供更多,某些提供更少。页脚的操作方式完全相同。

编辑模板部件

让我们从编辑页眉模板部件开始。当你在博客工具栏中点击“编辑”时,你可以在编辑模式下处理页眉模板部件,而不会受到其他干扰。首先,让我们打开列表视图。然后,我将继续向页眉模板部件添加我的站点徽标。选择站点徽标区块后,我可以从媒体库或计算机上传图像。

接下来,我将选择站点标题区块,并添加此网站的站点标题。然后,我将保存我的页眉模板部件,并返回到我的博客首页模板。提醒一下:模板部件是同步的,并且在所有使用它们的地方都会更新。你会注意到紫色表示模式已同步。让我们在其他模板中实际看看效果。例如,当我们打开页面模板时,我们会看到页眉完全相同。或者当我们打开 404 模板时,我们会看到更改也已应用到这里,因为模板部件是同步的。

如果你希望首页有不同页眉,但网站其余部分使用标准页眉,该怎么办?在这种情况下,你需要创建一个新的页眉模板部件,或者用模式替换页眉,并将其添加到你的博客首页或首页模板中。我将修改我的博客首页模板,因为我已选择我的文章页面作为首页显示。所以我会确保选中我的页眉,点击三个垂直点,然后选择“替换页眉”。现在,你可以使用模式或现有的模板部件替换你的首页页眉。我将用现有的页眉模板部件替换页眉,该部件我已创建并命名为 Banner Header。现在,我的首页将拥有自己独特的页眉。保存后,我们可以查看其他模板,以确认它们仍然保留标准页眉。

从头创建模板部件

最后,让我们讨论一下从头创建模板部件。前往“模式”,然后向下滚动到“模板部件”。你可以在此处查看所有现有的页眉、页脚和通用模板部件。要创建新的模板部件,请点击模式旁边的加号图标,然后选择“创建模板部件”。在这里,你可以选择不绑定到任何特定区域的通用模板部件、页眉模板部件或页脚模板部件。在本例中,我们将创建一个页脚模板部件。

首先,我们需要给它取一个合适的名称。这里命名为“四列页脚”,然后点击“创建”。这会再次进入专注模式;从这里开始,我们可以从头构建。为了省事,我会从“模式目录”中快速获取一个现成的模式。前往 wordpress.org,点击“扩展”,选择“模式”。在这里,你可以从数千个模式中进行选择。我会选择“社区贡献”,点击“页脚”,然后搜索合适的模式。找到喜欢的模式后,复制它,回到你的网站并粘贴。现在你可以开始修改它以满足需求。更新完成后,返回模式区域,你会注意到新的页脚已成为现有模板部件的一部分。你可以将其添加到任何模板中。当选择“管理所有模板部件”时,你可以重命名和删除自定义模板部件,或清除主题提供的模板部件的自定义设置。我相信你现在已经能够自如地编辑模板,并为你的网站创建页眉和页脚了。

使用页面模板

学习成果

在本课程中,我们将深入探讨模板。在本教程结束时,我们希望能够区分页面和模板,知道如何修改我们的基础模板之一,如何添加新模板,以及最后如何将自定义模板分配给页面或文章。

定义

模板提供了页面显示的结构。这通常包括一个头部模板部分、一个内容区域和一个底部模板部分。我认为从一开始就澄清以下信息很重要。模板不是用来发布内容的;模板用于文章或页面,通过文章内容块显示你的内容。模板,顾名思义,是可以应用于单个或多个页面和文章的设计模板。

探索模板

要访问模板,请前往外观并点击编辑器。这将带你进入站点编辑器。编辑器可用于自定义整个站点的样式、编辑页面、修改模板以及管理站点上的所有不同模式。当你开始构建一个新网站时,你可以编辑现有模板或添加新模板,而你使用的主题将决定哪些现有或内置模板可供使用。

首先是页面模板,它创建了显示单个页面的结构。接下来是单篇文章模板,它显示单个博客文章。索引模板显示文章列表,而404模板则在未找到内容时显示。当然,这些模板都可以按你的意愿进行修改。还有其他值得探索的内置模板,例如空白模板。要添加新模板,请点击模板旁边的插入器或加号图标。会出现一个模态框,你可以在其中选择不同的模板选项。例如,你可以为特定页面创建模板,为所有文章分类创建模板,或为单个分类创建模板。你甚至可以创建自己的自定义模板,该模板可以应用于任何文章或页面。当你创建新模板时(在本例中是自定义模板),并在命名后,系统会询问你是否要选择一个模式,如果你想从空白开始,只需选择跳过。

编辑模板

接下来,我们如何编辑模板?选择相关模板后,你可以点击侧边栏中页面旁边的编辑图标,或右侧模板屏幕上的编辑图标。一旦模板打开,你就可以开始编辑头部和底部模板部分。

让我们暂停一下进行反思。当你编辑模板时,必须记住区分动态部分和静态部分。动态部分是内容部分,它会随着使用该模板的每个页面或文章而变化。正如你在本例中看到的,页面或文章的内容将显示在已添加到模板中的文章内容块所在位置。静态部分是模板中可重复使用的部分,它们保持不变,例如头部和底部。因此,我们不会向模板添加任何内容。因此,站点编辑器明确区分了编辑页面内容和编辑其模板,使你更容易在两种模式之间切换,并在适当的上下文中查看它们。

让我们看看实际操作。我们继续打开其中一个页面。在本例中,是我的示例页面。一旦我们打开页面,我们也可以继续打开列表视图。当我们选择文章内容块时,我们会注意到我们添加的所有内容都已添加到文章内容块中。你也会在右侧的设置侧边栏中看到这一点。

但现在如果我尝试编辑头部和底部会发生什么?我们继续点击头部尝试修改它。你会看到一个弹出消息,提示要编辑此块,请编辑你的模板。底部也是如此。如果我们尝试编辑底部,系统会提示我们前往模板。因此,要执行此操作,我们可以点击右侧设置侧边栏底部的编辑模板。这将带你进入已分配给相关页面的模板。现在,我们可以继续更新头部和底部。我们还会注意到文章内容块只是一个占位符。我们不能在这里添加任何内容。

接下来,我将选择我的底部,点击三个垂直点,然后用我现有的一个底部模板部分替换这个底部。完成后,我将点击保存。我现在已经更新了我的页面模板。如果你想返回页面,请点击工具栏上的返回。这将带你回到页面,以便你可以修改内容。你可以单独编辑你的模板。当我们通过侧视图侧边栏返回模板时,我们会注意到最底部有一个管理所有模板的选项。当你选择此选项时,你将能够重命名和删除你创建的自定义模板,或者清除你修改过的内置模板的自定义设置。

分配模板

在下一节中,我们将讨论如何为页面或文章分配不同的模板。目前,我们位于示例页面的前端,并且已经将此页面分配给了页面模板。我已经提前创建了一个自定义模板,其中包含新的页眉和页脚。

要分配新的自定义模板,我们可以点击顶部的“编辑页面”,或者进入仪表盘,打开“页面”,选择相关页面,在本例中是示例页面。打开页面后,我们会看到内容,但当我们在右侧打开侧边栏设置时,会看到此页面已分配给了页面模板(默认模板)。如果点击模板名称,你会注意到你可以从这里添加新模板。你可以编辑分配给页面的模板,或者点击下拉菜单,为此页面选择或分配一个新模板。我将选择我之前创建的自定义模板。完成后,我会点击“更新”。我们可以在新标签页中预览页面,现在会看到由于我为此页面分配了自定义模板,页面有了新的页眉和页脚。

页眉和页脚模板部件

最后,我们简要谈谈用于设置模板的页眉和页脚模板部件。你可以直接在模板中编辑页眉或页脚模板部件。在这个例子中,我正在编辑我的页眉模板部件,并将我的站点标题和站点副标题块堆叠在一个组合块中。然后,我还会确保打开设置侧边栏,移除两个块之间的间距。当你选择一个页眉或页脚模板部件时,你会看到一个“编辑”选项。选择“编辑”后,你就能在模板编辑模式下无干扰地编辑该模板部件。

另一个选项是进入站点视图侧边栏中的“模板部件”。选择“模板部件”后,你可以滚动到底部,在这里查看和修改你的页眉、页脚和通用模板部件。要添加新的模板部件,请点击“模板部件”旁边的加号图标,然后选择“创建模板部件”。你可以在通用、页眉和页脚模板部件之间选择。通用模板部件不绑定到任何特定区域;记得给你的模板部件起一个描述性的名称。点击模板部件下方的三个水平点,你可以重命名、复制或删除它。选择模板部件后,你就能在编辑模式下无干扰地修改它,如前所示。

结论

我们希望你现在对模板的工作原理有了更好的理解。回顾一下,模板为内容的显示方式提供了结构,这通常通过页眉和页脚模板部件来实现。模板可以分配给单个或多个页面。

区分首页显示设置与不同模板


介绍

在本课中,我们将学习区分首页显示设置以及块主题附带的多种模板。在之前的一节课中,我们了解了页面模板、它们的功能、如何编辑模板、添加新模板,以及如何为页面或文章分配模板。在未来的课程中,我们将逐一深入探讨其中一些模板。但现在,让我们先深入理解如何使用块主题附带的多种模板并设置首页显示。这些模板包括页面模板、索引模板、单篇文章模板、404 模板以及所有归档模板。提醒一下,WordPress 使用模板来创建页面或文章的布局和结构。

页面模板

首先,我们来看看页面模板。当你进入站点编辑器并点击“模板”时,你会注意到“页面”选项。页面模板是默认模板,你创建的每个新页面都会被分配到这个模板。根据你的主题,你可能还会看到其他自定义页面模板,例如无标题页面、带侧边栏的页面等。正如你所见,我使用的 Twenty Twenty-Four 主题在左下角提供了四个额外的自定义页面模板,你可以使用、编辑并将它们分配给单个或多个页面。当我们打开页面模板时,会看到页眉和页脚已经就位。然后,我们可以打开列表视图并选择“组”块。在那里,我们会看到“内容”块或“文章内容”块。“文章内容”块会从分配给此模板的页面中拉取内容。请记住,我们不会在页面模板中添加内容。我们只通过添加页眉和页脚等方式提供结构。

博客首页模板

接下来,让我们回到模板,讨论博客首页模板以及索引模板。但要做到这一点,我们还需要讨论首页显示设置。所以,让我们进入“设置”并点击“阅读”。然后,选择静态首页和静态博客页面。如果你选择了静态首页,包括首页在内的所有页面都将被分配到页面模板。如果你选择了静态博客页面或文章页面,你的博客或文章页面将被分配到博客首页模板。让我们实际操作看看。在这个网站上,我已经安装并激活了 Twenty Twenty-Four 主题,并设置了静态首页和静态博客页面。然后,我们可以进入“页面”,如果打开首页,我们会看到它已被分配到页面模板。如果我们打开博客页面,我们会看到这个页面已被分配到博客首页模板。请注意,你将在博客首页模板中直接编辑博客页面或文章页面的内容、页眉和页脚。是的,你将在模板中构建整个博客页面或文章页面。

但是,如果你选择了“最新文章”作为首页显示呢?那么,你的博客首页模板将成为你的首页。如果我们进入站点编辑器,转到“页面”,在顶部我们会看到首页。在这种情况下,博客首页模板也会通过左侧的首页图标来指示。这里有一个非常重要的提示,适用于你为网站创建导航菜单时。所以,让我们进入主导航菜单,目前它是空的。然后,我会选择编辑并使用侧边栏设置来添加我的首页链接。提示如下:添加“首页链接”块。这意味着你的首页导航菜单将指向你设置的首页显示。

索引模板

接下来,让我们谈谈索引模板。当没有定义更具体的模板时,索引模板被用作所有页面的备用模板。所以,这实际上意味着如果主题没有分配特定模板,索引模板将被用作备份模板。让我们实际操作看看。在这个网站上,我已经安装并激活了 Tove 主题,这个主题实际上没有博客首页模板。所以,如果我们进入“设置”和“阅读”,你会注意到我已经设置了静态首页和文章页面。然后,如果我们进入“页面”,我们会看到首页已被分配到页面模板。和之前一样。但如果我们进入文章页面或博客页面,我们会注意到这个页面已被分配到索引模板——即备用模板或备份模板。

接下来,返回我们的“阅读”设置,将首页显示更改为“最新文章”页面。保存后,我们可以进入站点编辑器,看到索引模板现在成为了我们的首页。如前所述,索引模板只是一个备用模板。因此,不建议将索引模板用于首页或博客页面。那么,最佳解决方案是什么?最好是添加一个新模板。所以,当我们点击模板旁边的加号图标时,如果可用,我们可以添加博客首页模板。或者为我们的最新文章首页或静态博客页面分配一个自定义模板。

单篇文章模板

接下来,我们进入单篇文章模板。这个模板影响单篇文章的布局。虽然我们不会向单篇文章模板添加内容,但你可以修改其布局。例如,你可以移动主题块,如文章作者、文章日期、文章分类、文章标签等。如果你希望网站允许评论,请记得确保没有意外删除评论块。

404 模板

我们接下来要讨论的模板是 404 模板。当页面未找到时,404 模板会介入。请记住,没有页面被分配到这个模板。如果你希望 404 页面有独特的外观和感觉,可以直接编辑 404 模板。在这个例子中,你会注意到我修改并调整了 404 模板,以满足我的需求并与我的客户沟通。

搜索结果模板

另一个需要注意的模板是搜索结果模板。当访问者在你的网站上进行搜索时,会显示这个模板。这是我的咖啡店网站。如果我输入“咖啡”这个词,然后点击搜索,我会看到所有包含这个词的相关文章。当然,你可以修改这个模板,改变搜索结果的显示方式。

所有归档模板

我们接下来要讨论的模板是所有归档模板。所有归档模板按分类、标签或归档(如作者、月份或年份)显示文章分组。例如,如果你想查看某个特定分类的所有文章,就会使用这个模板。你会注意到顶部显示“归档类型”和“名称”。归档类型可以是分类、标签、作者,而名称自然是文章的名称。让我们访问我的博客页面,看看这是如何工作的。首先,我会向下滚动到我的所有文章,然后选择一篇名为“纹理”的文章。在标题下方,我们会看到日期、作者和分类,即“艺术”。然后在文本下方,会看到标签,即“抽象”。现在,让我们点击“艺术”分类。顶部显示归档类型是分类,名称下方我们会看到艺术分类中的所有文章。然后我会返回名为“纹理”的文章,并选择作者。在归档类型“作者”下方,我们会看到这位特定作者写的所有文章。这个页面的布局当然由所有归档模板决定,并且可以修改。

添加模板

但如果你想为特定分类、标签或作者创建模板呢?你可以通过添加模板来实现。如果你点击模板旁边的插入器或加号图标,你可以为作者归档添加模板。适用于所有作者或特定个人。你还可以选择为所有分类或单个分类添加分类模板。你也可以为日期归档或标签归档创建模板。然后你会注意到,你还可以选择添加新页面模板或单篇文章模板。这基本上就是为单篇文章创建的模板。在底部,我们会看到还可以添加自定义模板。自定义模板可以手动应用到任何文章或页面。另一个可以添加的模板是首页模板。请注意,首页模板会显示你的网站主页,无论它设置为显示最新文章还是静态主页。首页模板优先于所有其他模板。

结论

这就是全部内容。我相信你现在在区分主页显示设置以及构成主题的各种模板时,会感到更得心应手了。

网站编辑器入门

简介

让我们探索站点编辑器,它允许你使用区块设计网站上的所有内容,从页眉到页脚以及两者之间的所有部分。让我们前往“外观”并点击“编辑器”。这将打开站点编辑器。在左侧,有站点视图侧边栏,这个便捷工具让你可以深入了解网站的关键部分,包括导航、样式、页面、模板和模板部件。本教程旨在深入理解这些元素。

导航

让我们从顶部的导航开始。在这里,你可以快速查看和调整所有菜单。这是你管理菜单的指挥中心。你可以直接进行简单编辑,比如重新排序。当你点击菜单项名称旁边的三个垂直点时,可以根据需要重命名、复制和删除该菜单项。如果在编辑模式下打开,你可以无干扰地进行某些更改。更新会同步到你的整个网站。当你点击加号图标时,可以添加新页面或其他菜单项。你会注意到导航区块在此区域被锁定。如果你想设置导航菜单的样式,必须打开它所属的模板或模板部件。

样式

接下来,我们来谈谈样式。当你选择“样式”时,你将能够浏览主题附带的各种不同样式组合。当你点击“编辑样式”时,可以从此处浏览你的样式,然后更改网站的排版、颜色和布局。让我们看看它是如何工作的。当你点击“排版”时,可以管理文本、链接、标题、说明文字和按钮的排版设置。一个很棒的新功能是,你现在还可以访问字体库。在“字体”下方,我们将看到添加到主题中的字体。但是,当我们点击“管理字体”时,我们可以安装、删除和激活本地字体以及谷歌字体,适用于任何区块主题。当你点击“安装字体”时,可以在你的网站上安装任何谷歌字体,如果你想从电脑上传字体,可以点击“上传”。请确保你有权使用你上传的任何字体。在排版下方,我们将看到颜色。在这里,你还可以更改网站上不同全局元素的颜色。当我们进入“布局”时,我们会注意到你甚至可以控制内边距和区块间距等元素。

样式手册

如果你再往下看,可以为整个网站的特定区块自定义外观。要查看编辑这些区块时它们将如何变化,请前往网站的“样式手册”。你会注意到顶部有一个小眼睛图标。样式手册允许用户预览可以插入到网站中的每个区块。它为你提供或展示了一个预览,让你了解全局样式将如何影响显示的任何区块,而无需用户将这些区块插入到模板中。同样重要的是要注意,区块的样式可以在样式手册中进行调整。例如,让我们更新“按钮”区块,通过更改背景颜色和将字母大小写改为大写。如果你喜欢看到的效果,可以继续点击“保存”。另请注意,在样式手册中更改单个区块会优先于你设置的全局样式。

样式修订

在这里,我们还需要谈谈样式修订。让我们继续点击样式手册图标旁边的“样式修订”。当你在样式手册中编辑模板时,样式修订会打开。样式修订功能提供了一种可视化方式来浏览样式随时间的变化,如果你找到更喜欢的样式或想恢复到以前的版本,可以轻松地恢复到之前的阶段。你只需选择版本,然后点击“应用”。在这个例子中,我正在编辑一个模板,并将遵循相同的过程。我将打开样式修订,选择一个以前的样式,然后点击“应用”以恢复。当你点击样式旁边的三个垂直点时,可以重置样式并添加额外的 CSS。

页面

在样式下方,我们可以前往“页面”来创建和发布页面。要添加新页面,请点击页面旁边的加号图标并创建草稿。但当然,你也可以在仪表盘或 WP 管理后台中创建新页面。接下来,让我们打开一个现有页面,我的“关于”页面。当你打开一个页面时,重要的是要记住将内容添加到“内容”区块中。换句话说,“内容”区块是所有内容的容器。第二件要记住的事情是,在编辑页面时,你不能自定义页眉和页脚。这完全是管理模板的一部分。如果你点击页眉,你会收到一条消息,提示“编辑你的模板以编辑此区块。”如果你想修改分配给此页面的模板,可以点击“编辑模板”。在这个例子中,这将带你进入你的页面模板。在这里,你可以修改页眉和页脚。你不能向模板添加内容。当然,内容会被添加到文章和页面中。在此上下文中,“内容”区块只是一个占位符。

模板

这就引出了我们的下一个主题,即模板。模板为内容的显示方式提供了结构。当你选择模板时,会注意到主题自带的一系列模板,即内置模板。例如,显示单个页面的页面模板、作为后备模板的索引模板,或者显示单篇文章布局的单篇文章模板。在最底部,我们会看到任何自定义模板。当你点击模板旁边的加号图标时,可以添加各种新模板,甚至是可以应用于任何文章或页面的自定义模板。让我们打开页面模板来更好地理解模板的工作原理。模板提供结构。模板通常包含一个页眉模板部分和一个页脚模板部分。

文章内容块从分配给模板的页面或文章中拉取内容。因此,模板仅用于修改页面的布局或设计,即页眉、页脚,甚至侧边栏。因此,站点编辑器明确区分了编辑模板和编辑页面。你可以在模板中修改页眉和页脚。你还可以选择点击三个垂直点并选择“替换页眉”。然后,你可以用现有的页眉模板部分或主题自带的页眉模式来替换当前的页眉。另一个选项是选择页眉,然后点击“编辑”。这让你可以在模板编辑模式下修改页眉或页脚,而不会受到其他干扰。

分配模板

要为页面或文章分配新模板,请打开相关内容(本例中为“关于我”页面),然后打开右侧的侧边栏设置。在“模板”旁边,点击模板名称,选择“交换模板”,然后可以选择一个自定义模板分配给页面或文章。

管理模板

值得一提的是,当你点击“管理所有模板”,然后选择“批量编辑”时,可以通过表格或网格视图浏览和筛选模板。再次选择“批量编辑”时,会有更多筛选选项。请注意,你可以用完全相同的方式浏览和筛选页面及模板部分。

模式

最后,我们来谈谈模式。在顶部,你可以查看所有可用的模式。当你选择“我的模式”时,可以创建和管理自己的自定义同步和不同步模式。在“我的模式”下方,我们可以查看所有自定义模式以及主题自带的模式,它们按相关类别排列。在“模板部分”下方,我们还可以创建和管理页眉、页脚以及通用模板部分。模板部分本质上就是模式。它们是同步的可复用组件,可以在整个站点中使用。

自定义模式

让我们从“我的模式”开始。要创建自定义模式,请点击模式旁边的插入器,然后选择“创建模式”。命名后,你可以选择将其添加到相关类别,然后决定是否同步模式。同步模式会在整个站点中同步,这意味着如果你在一个地方更改了模式,它会在任何使用该模式的地方更新。如果你更喜欢不同步模式,也可以关闭此功能。不同步模式只是常规模式,可以独立编辑。当你返回自定义模式区域时,会注意到同步模式有一个紫色图标,而不同步模式则没有。接下来,你会注意到主题自带的模式是锁定的,无法编辑。但是,当你点击模式下方的三个垂直点时,可以将其复制到“我的模式”区域。

模板部分

在底部,我们可以创建和管理页眉、页脚以及通用模板部分。这里有两个选项。你可以创建自定义页眉和页脚,或者自定义主题自带的模板部分模式。要创建自己的模板部分,请点击顶部模式旁边的加号图标,然后选择“创建模板部分”。添加新模板部分时,可以在通用、页眉和页脚模板部分之间选择。通用模板部分不绑定到任何特定区域,所以记得给它们起一个描述性的名称。当你从这里打开一个模板部分时,你将能够在模板编辑模式下无干扰地修改和编辑模板部分。你也可以打开相关模板(本例中是我的自定义模板),然后从模板内部修改页眉或页脚模板部分。如前所述,你可以轻松地将页眉或页脚替换为模式或库中现有的模板部分。

命令面板

最后,我还想重点介绍一个非常实用的功能——命令面板,它能帮你节省大量时间,更高效地在站点编辑器中操作。命令面板让你能快速完成任务并在站点编辑器内导航。例如,输入”新建”即可创建页面或模板,或直接输入目标区域名称跳转,比如输入”模板”来管理所有模板。你可以通过 Mac 上的快捷键 command+k 或 Windows 上的 control+k 打开命令面板,也可以点击站点视图侧边栏的搜索图标,或直接点击标题栏来访问它。

总结

以上就是关于如何使用站点编辑器实现各种功能的简要介绍。