在您的网站上开设博客部分不仅是为了分享内容，也是为了建立信任并与受众分享您的指南和信息。优质的博客文章不仅会为您带来流量，还会让您的网站在特定领域中拥有巨大的权威性。
但请记住一件事——好的内容需要好的设计。否则，你将无法吸引用户的眼球，并让他们继续阅读你的内容，直到他们需要它为止。这就是为什么你必须创建一个视觉上有吸引力的博客文章模板，以确保一致性和可读性。
Elementor 是一款无需代码的网站设计工具。在本文中，我们将介绍一个分步指南，其中包含必要的屏幕截图，向您展示如何在 Elementor 中免费创建博客文章模板。所以，让我们立即开始这篇文章。
博客页面和博客文章之间的区别
博客页面是一个静态页面，包含已发布的所有博客文章。文章按时间顺序发布在博客页面上，无论是按字母顺序还是按日期。博客页面通常会在顶部显示最新文章，并附有摘录。它不包括作者框、社交分享按钮和评论区。
博客文章是一篇涵盖特定主题详细分析的独立文章。它还包括其他几个元素，如目录、作者详细信息、社交分享按钮、号召性用语、评论区、标签、相关文章、常见问题解答、订阅表格等。
如何在 Elementor Free 中创建博客文章模板
要使用 Elementor 创建自定义博客文章模板，您必须有权访问其主题构建器。但该功能不是免费的。您必须升级到高级版本才能访问该功能。但是，您仍然可以通过安装另一个名为HappyAddons的插件免费使用此功能。
HappyAddons 实际上是 Elementor 插件。它附带数十个附加功能和小部件来增强您的 Elementor 网站。HappyAddons 还提供免费版和高级版。免费版包含一个主题构建器，您可以通过它创建自定义博客文章模板。
使用下面的链接在您的网站上下载并安装插件。
一旦在您的网站上激活，请执行以下步骤。
步骤 01：从 HappyAddons 主题生成器打开单个模板
导航至HappyAddons > 主题生成器。选择单个选项卡。单击添加新按钮。
将会打开一个弹出窗口。为模板命名。按“创建模板”按钮。
步骤 02：通过拖放添加元素
网站上的元素通常根据网页设计和内容风格而有所不同。但任何博客文章都有一些必备元素，无论其类型如何。它们是标题、特色图片、内容正文、作者姓名、发布日期、作者框、社交分享按钮、评论框等。
我们建议您创建一个线框。它将帮助您了解在博客文章模板中包含哪些元素。现在我们将逐一将它们添加到文章中。
#添加帖子特色图片
点击加号 (+)图标创建内容区域。选择与线框匹配的列数。
我们为本教程选择了三列。
您可以自定义列的大小和宽度。我们已将中间列变大，将其他两列变窄。
在搜索框中输入帖子特色图片。将其拖放到内容区域。
您可以从 Elementor 面板的内容和样式选项卡自定义特色图像。您可以修改其大小、对齐方式、边距、填充、边框类型等。
注意：您只会看到一个没有任何内容的图像部分。不用担心！您只是在创建一个布局。发布模板后，布局将应用于所有博客文章。您将在已发布的博客文章的前端看到更改。
# 添加帖子标题
将帖子标题小部件拖放到特色图片下方。但如果您愿意，也可以将标题放在特色图片部分上方。
接下来，从 Elementor 面板自定义和设置帖子标题。确保将博客文章标题设置为H1 。
#添加帖子信息
帖子信息小部件将允许您显示作者姓名、帖子发布时间、日期、评论和更多选项。
在 Elementor 搜索框中输入小部件名称。一旦它出现在下方，将其拖放到标题部分下方。
您可以通过点击“添加项目”按钮向该部分添加更多选项。然后转到“样式”选项卡来设置内容的样式。
注意：仅当您的博客文章收到任何评论时，评论元素才会出现。
#添加帖子内容
帖子内容小部件涵盖了主要内容主体。它允许您在帖子中包含文本、图片、GIF 和视频。
将小部件拖放到合适的位置并以相同方式进行自定义。
# 添加联系表单
HappyAddons 集成了最流行的联系表单。只需在搜索框中输入“表单”一词，所有流行的表单小部件就会出现在下方。
希望您能在列表中找到联系表单插件的小部件。将其拖放到画布上。
注意：例如，如果您在后端使用 weForms，请将相同的小部件拖放到画布上。
MailChimp 被认为是增加订阅者列表的绝佳平台。这也是一个受欢迎的电子邮件营销服务提供商。好消息是HappyAddons 有一个 MailChimp 小部件。如果您想增加订阅者列表，也可以使用此小部件代替联系表单插件。
查看本指南，了解如何使用 HappyAddons 将 MailChimp 表单嵌入您的网站。
# 添加社交分享图标
社交分享小工具将使用户能够将博客文章分享到他们的社交个人资料中。这是提高读者和访客参与度的好方法。
在 Elementor 搜索框中输入 Social Share。将其拖放到订阅表单下方。
按下任意社交标签。您将获得粘贴社交链接和自定义社交链接的选项。
对其他标签逐一执行相同操作。单击“添加项目”以在页面上添加更多社交分享图标。
# 添加作者框
如今，人们喜欢在阅读帖子时了解作者。Author Meta 小部件可让您在帖子模板上创建作者部分。
您可以展示作者的姓名、头像、个人简介和文章。在社交分享图标下方添加小部件。
展开内容选项卡上的作者元部分。您可以决定显示作者的姓名、标签、头像等。
您还可以更改图像位置、头像大小以及设置其他风格。
# 添加帖子评论框
评论部分允许访问者提交他们对博客文章的意见。将“帖子评论”小部件拖放到帖子模板的末尾。
您可以在全部帖子或部分帖子上显示评论部分。转到来源选项并单击旁边的下拉图标。
下拉列表包含两个选项：当前帖子和自定义。选择自定义选项将允许您在选定的帖子上显示此评论框。
HappyAddons 的帖子评论是一个独特的小部件。因为它允许您设置帖子评论的布局。
但是 Elementor 中没有此样式化选项。因此，使用 HappyAddons，您可以享受更大的自定义灵活性。
# 显示相关文章
相关帖子部分建议与当前博客文章相关的其他内容和文章。它们通常根据标签、关键字和类别进行选择。您可以使用 Post Carousal 小部件来创建此部分。但为此，您需要访问 HappyAddons的 Premium。
安装高级插件后，Post Carousel 小部件将被解锁。将其拖放到 Elementor 画布上。然后，从内容和样式选项卡中对其进行自定义。
转到内容 > 查询。指定作者、术语或标签。因此，相关帖子将显示在每个博客文章上。
步骤 03：使模板适应移动设备
当今超过 50% 的网络流量来自移动设备。因此，在将必要元素添加到画布后，您必须检查它们是否在其他设备上完美对齐。
单击Elementor 面板底部的响应模式图标。您将看到不同的设备模式出现在顶部。在它们之间切换，您可以检查小部件是否完美对齐。
步骤 04：发布帖子模板
按下“发布/更新”按钮或箭头符号。单击“保存草稿”将此设计保存为草稿。
如果您想稍后将此设计用作现成的模板，请单击“另存为模板” 。单击“模板条件”以发布设计。
下图中显示的是使用 HappyAddons 免费版可以设置的默认条件。您需要高级访问权限才能设置自定义条件。
单击保存并关闭按钮。
步骤 04：预览单个博客文章模板
现在，转到任何已发布博客文章的预览模式。您将看到模板已应用于它们。如果您不喜欢布局，请再次使用 Elementor 打开模板并根据您的喜好进行自定义。
有关如何在 Elementor 中创建博客文章模板的常见问题解答
希望您喜欢本教程部分。除此之外，您还必须了解更多主题，以增加您对博客文章设计的了解。我们将在常见问题解答部分介绍这些主题。自定义帖子类型和博客帖子有什么区别？
博客文章是一种传统的帖子或文章，涵盖有关任何特定产品、功能、主题或信息的详细描述。它不会动态展示主体内容。
自定义帖子类型允许您修改内容结构，包括自定义字段、分类法和功能。它使用户可以灵活地动态筛选出他们想要的内容。博客文章和博客页面之间的主要区别是什么？博客文章的主要部分是什么？如何提高博客文章的可读性？是否可以在 Elementor 中管理多个单个帖子模板？我可以使用 Elementor 来风格化/自定义帖子评论部分吗？
最后的要点！
如果您在任何流行的 WordPress 中使用默认博客文章布局，您就会发现成百上千的其他网站所有者也使用相同的布局。这种复制布局可能会给您的网站读者和访问者带来无聊的用户体验。
在这种情况下，创建自定义博客文章模板可能是一个突破性的解决方案。这可以使您的博客部分比其他部分更专业、更独特。使用 HappyAddons 主题生成器，您可以为您的网站创建几乎专业的单个帖子模板。
希望您喜欢这篇文章。现在轮到您尝试该插件了。如需更多指导，请浏览有关本教程中介绍的所有小部件的文档。
评论0