使用页面模板

学习成果

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

定义

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

探索模板

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

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

编辑模板

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

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

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

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

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

分配模板

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

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

页眉和页脚模板部件

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

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

结论

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