创建自定义模板

介绍

在本课中,我们将学习如何创建自定义模板,这让你可以使用与网站其他部分不同的设计或布局。这意味着你可以创建一个页面或文章模板,拥有独特的页眉、页脚或其他页面元素。你可能想为活动、着陆页、不同类型的博客文章,甚至为网站上的不同页面创建独特的样式。

创建自定义模板

要创建自定义模板,请前往“外观”,点击“编辑器”,然后选择“模板”。我们先打开页面模板。你会注意到,页面模板已经包含页眉和页脚。所有分配到这个页面模板的页面都将拥有这个页眉和页脚。但我希望我的联系页面有一个不同的页眉;自定义模板可以帮助我实现这一点。所以,让我们前往“模板”,点击“添加新模板”。在底部,我们可以选择“添加自定义模板”。给它一个描述性的名称,然后点击“创建”。

Twenty Twenty-Four 主题允许你选择一个模板模式,或者点击“跳过”以空白模板开始。我打算选择这个模式,因为它能节省时间。如我们所见,这和我之前的页面模板一样。我们有页眉、页脚和文章内容块。然而,我希望我的联系页面有一个不同的页眉。所以,让我们选择页眉,点击三个垂直点,然后选择“替换”。接着,我会为这个模板添加一个新的页眉。现在我的新页眉已经就位,下一步是保存它,然后将这个模板应用到我的联系页面。

分配自定义模板

所以,一旦我保存了模板,我可以返回仪表板,前往“页面”,打开我的联系页面。目前,我们的联系页面仍然分配给了页面模板或默认模板。因此,我们将点击“交换模板”来为这个页面分配一个新模板。然后,我们可以选择我们刚刚创建的联系模板。现在,联系模板已经分配好了。一旦我们更新了它,我们可以前往网站的前端。我们会看到我们的首页和其他页面共享这个页眉。但当我们打开联系页面时,我们会看到这个页面有自己独特的页眉,因为我们为这个页面分配了一个自定义模板。

自定义着陆页

在最后一个例子中,我想为营销目的创建一个着陆页的自定义模板。目前,我在为着陆页创建的页面上。如果我打开侧边栏设置,我们会看到这个页面仍然分配给了默认页面模板。因此,着陆页仍然有相同的标准页眉和页脚。要为这个页面创建自定义模板,我们将再次前往站点编辑器,选择“模板”,添加一个新模板,然后选择一个自定义模板并适当命名。在这种情况下,我会叫它“无人机着陆页”。

在这个例子中,我不会选择模板模式,因为我不希望我的着陆页有页眉或页脚。我想要一个更专注的用户体验。我的着陆页鼓励读者点击行动号召。所以,我会点击“跳过”从头开始创建模板。我唯一想添加的块是内容块,它将从页面中提取内容。我还希望我的着陆页以全宽显示,所以我会保持内容块不变。一旦我保存了模板,我们可以返回仪表板。前往“页面”,然后打开着陆页。接下来,我们将为这个页面分配自定义模板,即我刚刚创建的“无人机着陆页”。更新后,我们可以点击“预览”来查看我们的着陆页在前端的样子。例如,这个着陆页可以用于社交媒体或电子邮件中。

结论

我还想提一下,你可以通过前往“管理所有模板”并点击右上角的“添加新模板”来添加新模板。祝创作愉快!记住,你可以手动将自定义模板应用到任何文章或页面。

实践

使用 WordPress Playground 来测试你的知识。

  1. 前往“模板”。
  2. 创建一个自定义模板并适当命名。
  3. 添加一个新的页眉和页脚模式。
  4. 将自定义模式分配给“示例页面”。