如何快速构建出色的作品集网站
您是希望吸引客户的自由职业者或创意专业人士吗?作品集网站对于展示您的作品、推荐和服务至关重要。通过使用Divi和Divi Quick Sites,您可以创建一个令人惊叹的作品集网站,帮助潜在客户一目了然地了解您的能力。本指南将引导您完成构建高质量作品集网站的步骤,让客户和组织脱颖而出。
目录
1 为什么需要作品集网站?
1.1 你的投资组合网站的基本方面
2 如何通过 6 个步骤制作作品集网站
使用最新邮件数据库的活跃中国学 中国学生联系数据库 生联系人数据库来扩展您的公司。您可以使用我们精确的最新电子邮件联系人来定位特定国家,从而提高活动参与度和收入。
2.1 1. 设置您的网站
2.2 2. 选择主题或网站构建器
2.3 3. 建立您的网站
2.4 4. 编辑和自定义你的投资组合网站
2.5 5. 使用插件提升你的投资组合网站
2.6 6. 最后步骤
3 Divi 让创建投资组合网站变得简单
4 常见问题 (FAQ)
为什么需要作品集网站? 拥有作品集网站就像拥有数字店面,尤其是如果您是希望展示自己技能的创意专业人士。以下是您需要一
个作品集网站的原因:
展示您的作品:作品集网站可让您在一个地方展示您的项目、技能和专业知识。无论您是设计师、作家、开发人员还是摄影师,它都是展示您最佳作品的完美平台。雇主或客户可以轻松浏览您的作品并了解您的风格和能力。
个人品牌:网站让您可
以控制自己的品牌。这是一个专业空间,您可以在其中讲述自己的故事、分享自己的价值观并展示自己的独特之处。您可以自定义设计、颜色和布局,以反映您的个性和您想要从事的工作类型。
可信度和专业性:精心设计的作品 什么是算法? – 互联网上的谷歌警长代码! 集能立即为您带来可信度。它表明您对自己的工作很认真,并花时间以专业的方式展示它。这可能是在竞争激烈的行业中让您脱颖而出的决定性因素。
可访问性和便利性:您的作品集始终可以全天候在线访问。潜在雇主、合作者或客户可以随时查看。它为您省去了发送文件或引导人们访问分散链接的麻烦。
作品集网站是一个强大的工具,可以将您的作品放在首位,帮助您建立专业身份,并创造无限的成长机会。对于任何想要在行业中脱颖而出的人 CRYP 电子邮件列表 来说,它都是必不可少的。 你的投资组合网站的基本方面 要创建有效的作品集网站,请确保包含以下基本要素:
个人简介:简要介绍
一下自己,包括您的背景、技能和专长。让访客了解您是谁以及您的独特之处。
作品展示:使用描述、图片和链接突出显示您的最佳项目。Divi可过滤作品集模块可让您以视觉震撼的方式轻松展示您的作品。
简历:为潜在客户或雇主提供可下载或查看的简历版本。
联系表:使用Divi 联系表模块,让访问者可以轻松地从您的网站直接联系您。
推荐:展示满意客户的反馈,以建立信任和信誉。Divi推荐模块使添加和管理推荐变得简单。
如何通过 6 个步骤制作作品集网站 我不会向你保证一夜成名或一劳永逸的解决方案。创建作品集网站需要奉献精神,你的旅程可能会有所不同。但是,通过遵循这些步骤,接受学习曲线并保持灵活性,你可以在短时间内打造一个真正代表你的杰出作品集网站。 1. 设置您的网站 在建立你的作品集网站之前,你必须准备好一些东西,即你的域名、托管服务提供商和 WordPress。 领域 您的域名是您网站在网络上的地址,例如elegantthemes.com。拥有一个引人注目的域名对于吸引客户和增加收入非常重要。 您可以通过Namecheap等域名注册商购买和托管您的域名。但是,如果您选择Siteground进行网站托管,您可以直接向他们购买域名,
以便于管理。
访问 Namecheap
WordPress 托管 每个网站都需要一个托管平台来存储您的网站并使其可以在线访问。由于我们使用 WordPress,因此选择优质的WordPress 托管服务提供商非常重要。 siteground 网站托管提供商 Siteground是完美的一体化解决方案,因为您可以在一个地方设置域名、托管和 WordPress 安装。因此,如果您没有托管服务提供商,我们建议您使用此平台开始网站开发。
获取 SiteGround
观看下面的视频来
了解如何设置您的域名和 WordPress 托管。 注意:许多 WordPress 托管服务提供商(如 SiteGround)在您注册时提供简单的一键式 WordPress 安装。如果此选项不可用,您可以通过托管服务提供商的仪表板手动安装 WordPress 。 2. 选择主题或网站构建器 Divi是一个深受数百万人信赖的一体化网站构建平台。它提供直观的拖放编辑器、令人惊叹的预建布局和完整的自定义选项,让您的创造力大放异彩。您可以使用此平台轻松地将您的想法转化为漂亮的作品集网站。 divi 非营利主题 当谈到投资组合网站时,Divi 将所有点连接起来:
它提供 132 个布局包,包含 370 种布局。该主题具有可自定义的部分,可突出显示您的工作、技能、推荐和号召性用语元素,以吸引潜在客户。
Divi Builder可让您使用其直观的拖放界面轻松设计个性化布局。您可以完全自定义网站的字体、颜色、
间距等。
该主题包括一个推荐模块,允许您在您的网站上展示客户反馈、评论或推荐。
Divi 作品集模块让您轻松展示项目或工作样本。设置网站后,您可以在作品集或项目页面上使用此模块。
在 Divi 市场中发现更多适用于您的作品集网站的 Divi 工具。您甚至可以找到专为创意人士、艺术家和自由职业者设计的子主题,例如Molite Creative Portfolio Layout 。 如果您喜欢更快的解决方案,请考虑使用Divi Quick Sites通过预先设计的模板在几分钟内构建您的投资组合。 购买、下载和安装 Divi 从 Elegant Themes购买Divi有两种灵活的定价选项:年度许可证89 美元或终身许可证249 美元。购买后,请按照以下步骤下载并安装到您的 WordPress 网站上:
转到 WordPress 仪表板中的外观 > 主题。
选择添加新主题,
然后上传主题。
找到您下载的 Divi .zip 文件并单击“立即安装”。
安装后,单击激活将 Divi 设置为您的活动主题。
现在您的主题已安装完毕,您可以开始构建网站了!无论您是想直接进入Divi Builder 教程,还是使用Divi Quick Sites在几分钟内生成一个设计完整的网站,选择权都在您手中。
获取 Divi
3. 建立您的网站 启动入门向导 在 WordPress 中激活 Divi 主题后,您将看到 Divi 的入门向导,它将指导您完成设置过程。只需单击按钮即可登录并激活您的 Divi 许可证。 登录以激活您的 divi 许可证 激活许可证后,您可以访问Divi Quick Sites —此功能可让您在几分钟内构建一个功能齐全的网站。要开始使用,请转到您的 Divi 仪表板并单击“生成新网站”。 divi 快速网站生成 使用 Portfolio Starter Site(或 AI)生成您的网站 现在,您可以选择使用预制的入门模板或 Divi 的 AI 网站构建器来构建您的投资组合网站。由于 Divi 提供了令人惊叹的投资组合入门网站,因此只需单击“选择网站模板”即可。 divi 快捷网站模板 当 Starter Site 模板出现在屏幕上时,选择 Portfolio Starter Site。如果模板与您的品牌不完全匹配,请不要担心 – 您可以稍后完全自定义颜色、字体、文本和图像以适合您的风格。 divi 投资组合模板 完成 Divi Quick Sites 表单和最终设置 Divi Quick Sites 将提示您输入有关您的网站和要包含的页面的详细信息。只
需填写表格:
输入您的网站名称、口号和徽标。
上传您的徽标,以便 Divi 可以自动将其放置在您的网站上(如果可用)。
从入门站点中选择您想要的页面,并根据需要添加任何其他自定义页面。
填写完表格后,请点击“生成并发布我的网站”按钮。
divi 快速网站定制投资组合入门网站 注意:如果您选择商店页面,WooCommerce将自动安装,创建一个包含产品页面、结帐等的在线商店。但是,由于这对于投资组合网站来说不是必需的,因此请随意跳过此选项。 您的网站只需几分钟即可准备就绪 在您提供必要的详细信息后,Divi Quick Sites 将在两分钟内生成您的整个网站。根据您输入的信息,它将自动设置所有内容,包括页面、模板、样式和导航菜单。 divi 投资组合入门网站生成 网站准备就绪后,您将看到一个确认页面,上面写着“您的网站已准备就绪!” 此页面还将包含所有已创建的网站页面和主题模板的列表,以及指向有用的教程和文档的链接,以指导您开始自定义新网站。 Divi 入门网站概览页面 当您单击“查看我的网站”时,生成的网站的外观如下。 入门网站实时主页 Divi Portfolio Starter Site 核心页面拼贴 根据 Divi Quick Sites 的说法,新建立的投资组合网站的核心页面如下:
关于
博客
家
文件夹
项目
恢复
这不包括选择“商店”页面时创建的额外 WooCommerce 页面和模板。 4. 编辑和自定义你的投资组合网站 现在我们的页面已经设置好了,我们可以使用 Divi Builder 自定义它们。虽然 Divi Quick Sites 是启动网站设计的绝佳方式,但请务必记住,可能仍需要进行一些调整。对于字体和颜色等品牌元素尤其如此。 编辑全局颜色和字体 每个 Divi Starter Site 都包含全局颜色、字体和预设,让您可以轻松自定义样式以适合您的品牌。此功能可确保这些布局中的任何模块都可以重复使用。在页面或部分中添加新按钮、标题或 Divi 模块时,设计将保持一致。 您的作品集网站带有从入门模板中选择的预设全局字体。您可以选择保留这些字体或添加自己的品牌字体。可以使用 Divi Builder 轻松自定义全局字体。 选择任意文本模块并打开其设置。导航到“设计”选项卡,向下滚动到“文本”部分,然后单击“字体”。 divi 投资组合全局字体 您可以上传自己的字体或从我们的库中选择,其中包括 Google 字体。 另一方面,您可以通过在文本的颜色设置中从已保存切换到全局来找到全局颜色。 投资组合文本全局颜色 单击全局选项后,您将看到添加到您的入门网站的全局文本颜色。您的入门网站已添加八种全局颜色,但您可以根据自己的喜好添加更多颜色。模块的主要全局颜色如下:
原色
间色
标题文字颜色
正文颜色
divi 投资组合 主要全球色彩 单击网站的任何全局颜色后,您将拥有多种颜色选项来调整您的选择。您还可以输入自定义颜色十六进制代码。在我们的例子中,我们将主色更改为绿色,在最终确定之前,它将显示在主页上。 divi 投资组合 主要 全球 主要颜色 点击绿色勾选按钮保存。点击绿色勾选按钮后,会出现一个对话框,要求您确认更改。对于高级更改,您可以点击全局选项卡旁边的设置图标。 divi 投资组合高级设置图标 点击图标后,您可以通过点击铅笔图标单独更改全局颜色。您还可以通过点击下方的垃圾桶图标删除不需要的颜色。 divi 投资组合高级设置删除 编辑全局预设 每个 Divi Starter Site 中的全局预设有助于在整个网站上保持一致的设计元素,即使添加新部分或页面也是如此。每个模块的预设位于模块内的标题部分下方。对于您的投资组合入门网站,请查找项目的按钮模块并选择设置图标以打开模块。 divi 投资组合按钮预设设置 要更改按钮的预设,请单击所选预设旁边的下拉菜单。 divi 投资组合按钮预设下拉菜单 接下来,找到模块预设,例如我们示例中的“Portfolio Primary Outlined Icon”。将鼠标悬停在预设上以显示其菜单,然后单击铅笔图标进行编辑。 divi 投资组合按钮预设铅笔图标 编辑 Divi 预设时,模块的标题从紫色变为灰色,表示设计更改正在进行中。 divi 投资组合按钮灰色模块 进行任何所需的设计更改,然后单击绿色复选标记按钮保存模块。在我们的例子中,我们将文本颜色从绿色更改为黑色。在我们确认之前,颜色更改将显示在我们主页上的按钮文本上。单击绿色复选框进行确认。 divi 投资组合按钮全局文本颜色 底部会出现一个确认对话框,询问您是否确定要更改预设。单击“是”以保存更改。 divi 投资组合按钮确认 模块的标题将恢复为紫色。最后一次单击绿色保存按钮以确认预设。 分红投资组合确认预设 编辑您的入门网站主题构建器模板 Divi Quick Sites 从 Starter 网站创建模板并将其整合到您的网站中。您可以通过导航到Divi > Theme Builder通过 WordPress 仪表板访问这些模板。主题构建器允许您使用 Divi Builder 个性化任何模板。 divi 投资组合入门网站主题生成器 要在默认标题模板中编辑全局标题,请单击全局标题旁边的铅笔图标,这将打开 Divi 页面构建器以修改全局元素。现在,您可以调整菜单设置,包括徽标、字体、文本大小、背景颜色等。全局页脚和其他主题构建器模板可以类似地进行自定义。 投资组合全局标题菜单设置 请记住,对全局标题的更改将应用于所有网站页面。要了解更多信息,请探索主题生成器的强大功能。 使用 Divi 的投资组合模块将投资组合添加到任何页面 Divi 有一个作品集模块和可过滤的作品集模块,可在整个网站中添加作品集显示。这允许您以有组织且视觉上有吸引力的格式显示您的作品。您可以设置要显示的项目或帖子数量。您还可以选择要显示的特定类别的作品集项目。如果您有不同类型的项目(例如“网页设计”、“摄影”),这将非常有用。 divi 投资组合模块类别 此外,您还可以决定如何显示项目。Divi 允许您显示项目的标题和类别。如果您有大量作品集,启用分页有助于将内容分成几页。 divi 投资组合模块分页 编辑图像设计 您可以使用 Visual Builder 和 Divi AI 在页面上重新生成一些照片。首先,在主页上激活 Divi Builder。然后,将鼠标悬停在图像模块上并单击它。选择后,单击灰色设置图标以访问图像模块的设置。 作品集网站图片设置 要使用 Divi AI 重新生成图像,请单击模块中图像预览中的 AI 图标。这将允许 Divi AI 为您修改图像。 投资组合 divi ai 图像设置 当您将鼠标悬停在 AI 图标上时,会出现几个选项,例如使用 AI 生成、使用 AI 编辑图像以及一些快速操作。您可以使用它们来生成和替换图像、重新构想图像、调整其样式或对其进行升级。对于此任务,您需要生成一张新图像。只需单击“使用 AI 生成”即可打开 Divi Image AI 界面。 使用 ai 图像设置生成作品集 有 12 种不同的图像样式,例如照片、矢量图、动漫等。由于这是一个摄影师的作品集网站,因此照片样式是最合适的选择。接下来,描述您想要生成的图像。我们将使用提示:为 Trinity Beauty Co. 创建一张奢华的产品图片,以优雅的玻璃瓶为特色,其中装有他们标志性的活肤精华素。将纵横比设置为您的偏好,并选择 1080 x 600 作为尺寸。准备就绪后,单击“生成”。 使用人工智能维度生成投资组合 Divi AI 将根据提示开始创建您的图像。它将生成四张图片供您查看。从那里,您可以生成四个其他选项,选择要使用的图像,创建更多与您选择的图像相似的图像,或者编写新的描述。要在模块中使用图像,只需选择您最喜欢的图像并单击“使用此图像”。 投资组合生成的图像 5. 使用插件提升你的投资组合网站 设计和定制您的作品集网站后,添加必要的插件可以增强其性能和功能。这些工具可帮助您扩展网站的功能,而无需从头开始编写所有内容。Divi 包含内置优化和营销工具,并与顶级 WordPress 插件无缝集成,用于社交共享 和电子邮件营销。以下是一些可帮助您入门的工具。 电子邮件营销 Bloom是 Elegant Themes 的一款电子邮件选择加入插件,可帮助您创建外观美观且位置合理的电子邮件注册表单。选项包括弹出窗口、飞入式和内联表单。Bloom 还与MailChimp、AWeber和ConvertKit等热门电子邮件营销服务集成。 divi bloom 插件
绽放
社交媒体分享 Monarch也是 Elegant Themes 旗下的产品,它提供了一个全面的解决方案,可向您的网站添加分享按钮,用于社交媒体分享。您可以选择不同的放置选项,例如浮