如何使用Elementor在WordPress中创建一个投资组合页面

投资组合页面是在线展示您的作品的最佳方法之一。此页面不仅对个人，而且对组织和机构都很重要。在此页面上，任何人都可以突出显示他们以迷人的方式完成的项目，以便他们吸引更多的客户和客户。

在这个现代世界中，拥有投资组合网站已成为一个普遍的规范，无论您是杰出的员工还是在就业市场中更新鲜。这样，全球客户可以找到您，与您建立联系并提供新项目。因此，它可以为您打开无限的机会。

使用WordPress和Elementor，创建一个投资组合网页非常容易。因为您只能通过拖放而无需编码来做到这一点。在本教程帖子中，我们将向您解释如何使用Elementor在WordPress中创建一个投资组合页面。开始！

什么是投资组合网页？

投资组合网页是一个专用页面，您可以在其中显示您的工作，技能和成就。它的作用像是一个数字展示柜，使访客可以看到您可以做什么以及您过去做了什么。它可以包括图像，视频，案例研究，推荐以及证明您能力的其他内容。

投资组合网站在创意专业人士中很受欢迎，例如设计师，摄影师，作家，开发人员和艺术家。投资组合网站的主要目标是打动潜在的客户或雇主，并鼓励他们雇用您或与您合作。

投资组合网站和投资组合网页之间的差异

许多人在投资组合网站和投资组合网页之间感到困惑。尽管听起来很相似，但它们在网上介绍您的作品方面却有所不同。了解这些差异将有助于您确定在建立在线形象时更适合您的需求。

查看如何使用Elementor在WordPress中创建投资组合网站。

元素投资组合网页可能具有

如您现在所知，投资组合页面的内容通常比完整的网站少，它应该专注于清晰显示您工作的最重要部分。以下是您可以考虑在投资组合网页上显示的内容。

1。简短介绍

简短的介绍告诉您您是谁以及您从事什么样的工作。这可以帮助访客立即与您联系而无需阅读长长的简历。

2。投资组合画廊

这是显示您项目的主要部分。使用带有简短标题或描述的清晰图像或视频。很好地组织您的工作，因此访客可以轻松看到您的最佳技能。了解如何使用Elementor Image Gallery。

3。联系信息或按钮

添加一种简单的方式供人们与您联系，例如电子邮件地址，电话号码或链接到表格或电子邮件的联系按钮。

4。呼吁行动（CTA）

指导访客下一步该做什么。无论是雇用您，索取更多详细信息还是查看更多工作，清晰的CTA都可以帮助访客变成客户。

如何在WordPress中使用Elementor创建投资组合页面：分步指南

请记住，投资组合页面是网站的一部分。如前所述，可以为任何网站创建投资组合页面。因此，如果您想设计一个投资组合页面，您通常可能会感到需要在网站上设计或修改其他页面。现在，要使用Elementor设计您的投资组合页面，您将需要以下插件。

• Elementor
• Elementor Pro
• Happyaddons
• Happyaddons Pro

HappyAddons是Elementor插件的著名插件。它带有130多个其他小部件和数十个强大功能，您可以通过它们克服Elementor插件的局限性并增强网站的设计。两者一起可以在您的网站上创建无限的可能性。

在您的网站上安装这些插件并激活这些插件后，开始遵循以下说明的步骤。

步骤01：确定您要在投资组合页面上显示的元素

在开始设计之前，重要的是要在投资组合页面上确定要包含的内容。由于此页面应该是干净和专注的，因此您只需选择有效突出工作的最重要的元素。我们已经告诉您在页面中包含什么。

• 简要介绍
• 投资组合画廊
• 联系信息或按钮
• 打电话给行动

步骤02：使用Elementor Canvas打开页面

现在，使用Elementor Canvas打开页面。在这里，您必须拖放元素并添加合适的内容。

注意：我们已经创建了一个带有主题构建器的标题，该标题出现在顶部。

步骤03：添加简短描述

根据内容可能需要的宽度为画布选择合适的列大小。我们正在选择单列容器。

为了使容器的设计与标头保持一致，我们将更改其背景颜色。为此，请点击容器顶部的六点图标，转到“样式”选项卡，然后单击“背景部分”下的颜色选项。

现在，为容器选择颜色。

将所需的颜色应用于容器的背景时，查找并将标题小部件添加到容器中。

该小部件将创建一个空间，您将能够为页面编写标题或标题。做到。

您可以看到我们为“受到我过去的项目的启发”的页面写了一个标题。您可以从“样式”选项卡中对其尺寸，版式，颜色和许多其他选项进行风格化。

如下图所示，添加标题小部件下方的文本编辑器小部件。这将允许您编写简短的描述。

以同样的方式，我们在投资组合页面上添加了描述，并为文本设置了合适的对齐，版式和颜色。

步骤04：在页面上添加一个按钮

使用CTA按钮，您可以推动用户访问所需的其他页面。因此，最好在创建投资组合部分之前添加一个按钮。

从“内容”选项卡中，您可以为按钮添加所需的副本。

通过添加填充

按钮后，我添加了一个简短的文字，为用户提供了信任度。

步骤05：创建投资组合部分

现在，是时候创建投资组合部分了，您可以在其中视觉展示您的任务了。为此，首先在第一部分添加一个新容器。

将标签小部件添加到投资组合部分。该小部件将允许您创建无限的选项卡，然后在每个选项卡中添加合适的小部件，以便您可以单独显示所需的任何类型的内容。

＃命名标签

每个标签都应该作为类别工作。因此，您必须重命名它们。

要重命名选项卡，请选择“小部件” ，转到“内容”选项卡，单击以打开所需的选项卡，然后为标题下的标签写一个名称。

以同样的方式，将名称添加到所有选项卡中。然后，如果需要，单击+添加选项卡按钮，您可以在投资组合部分中添加更多选项卡。

＃样式标签小部件

现在，从“样式”选项卡中，您可以在选项卡中添加背景颜色，更改其版式，添加边框颜色等等。自己进行这些必要的自定义。

步骤06：开始将内容添加到选项卡

就像默认的Elementor帆布一样，您将在每个选项卡中获得一个类似的接口，以添加小部件并显示相应的内容。单击加号（+）图标。

为投资组合部分选择合适的列结构。我们正在选择3列但六座结构。然后，您可以添加任何能够显示所需内容的小部件。

＃显示投资组合内容

例如，我们将图像，标题和文本编辑器串行添加到容器中以创建我们的内容布局。

使用这些小部件，您可以在视觉上显示投资组合项目，并在需要的情况下随身携带文字内容。

您可以看到我们已将内容添加到容器中。之后，我们为标题和描述设置了颜色。另外，我们还为小部件和容器边框添加了半径。希望你能自己做这些。

以同样的方式，将您的投资组合内容添加到所有容器中。

注意：但是所有这些内容看起来都很混乱，对吗？这是因为他们之间没有空间。

＃在投资组合页面上的容器之间添加空格

要在它们之间添加空间，请选择“母容器” ，转到“内容”选项卡，进入差距选项，然后输入值以在容器之间添加空间。

您可以看到下面附加的图像中的差异。

步骤07：将内容添加到其他选项卡

并非所有选项卡都需要遵循相同的内容布局。这不是强制性的。您可以为不同的选项卡创建不同的布局。

例如，我们将将画廊小部件添加到第二个选项卡中。使用此小部件，您只能在视觉上显示投资组合项目。无法显示文本信息。

您可以看到我们已经在画廊中添加了图像。

通过稍微向下滚动“内容”选项卡，您将获得定制图像顺序，列号，间距，图库类型和图像分辨率的选项。

以同样的方式，将内容添加到其余选项卡中。因此，您可以完成创建投资组合部分。

步骤08：在页面末尾添加表单（可选）

因此，您的投资组合部分已准备就绪。您可以在此处结束页面，或添加更多元素，例如联系表，呼叫的呼吁，或者否则。

您可以看到我们在页面末尾添加了联系表。了解如何在Elementor中创建联系页面。

步骤09：预览“投资组合”页面

完成所有操作后，请访问投资组合页面以检查一切是否正常。您可以在标签窗口小部件下面的简短视频剪辑中看到，这意味着主投资组合部分正常工作。希望它也能在您的尽头运行良好。

因此，您可以在Elementor和HappyAddons插件的帮助下在WordPress网站上创建一个投资组合页面。

最后一句话！

我们已经在本教程中介绍了基本投资组合页面的演示。显然，当您轮到您时，您一定会尝试创建一个全面且内容丰富的投资组合页面。但是希望您能够意识到，仅在博客/教程帖子中介绍所有内容绝非易事。

我们只是想向您介绍工具以及如何使用它们来创建投资组合页面。我们确定您可以自己做其余的。但是，如果您需要有关Elementor，HappyAddons和网站设计的任何建议或建议，则可以在下面的评论框中提及。

或者，您可以给我们聊天。我们的支持团队很快就会与您联系。感谢您与我们在一起，直到最后。祝您有美好的一天！