Divi:有史以来最好的WordPress主题!

更多 901.000下载,Divi是世界上最受欢迎的WordPress主题。 它完整​​,易于使用,并提供超过62免费模板。

Elementor会定期提供主题,以帮助您从中构建一个完整的网站。 每个月我们都会发布围绕特定细分市场构建的新主题,但又足够灵活,您最终可以根据自己的需要对其进行自定义。

这些主题与Elementor Pro结合使用,可帮助您快速入门网站的每个部分,包括:

p静态年龄,例如首页,

  • 标头
  • 页脚
  • 第404页
  • 存档部分 
  • 博客
  • 弹出窗口和其他

因此,在本教程中,我们将向您展示如何使用Elementor可视页面构建器来构建完整的网站。

但是之前,如果您从未安装过WordPress发现 如何安装WordPress博客7步骤 et 如何找到,安装和你的博客激活WordPress主题 

然后回到为什么我们在这里。

如何建立一个具有Elementor主题的完整网站

在本教程中,您将学习如何将主题用作网站所有重要部分的基础,然后将它们放在一起以创建一个具有凝聚力的网站。

更确切地说,主题 数字机构.

您的网站将具有许多基本页面,例如页面:

  • 主页
  • 关于
  • 服务内容
  • 客户
  • 博客
  • 联系我们

它还提供了专门针对动态内容的部分。 例如,您的博客文章存档和文章模板会自动匹配您的独立页面。 您还可以更改页眉,页脚和 网页 404.

如何创建完整的网站elementor blogpascher 1

因此,以下是创建具有Elementor主题的网站的方法:

1.安装并激活Elementor Hello主题 

因为您将使用Elementor和主题模板来构建整个网站,所以您无需搜索其他元素。

相反,您只需要一个由Elementor Hello主题提供的轻量,性能优化的网站。

要开始使用,请转到 外观→主题→添加 并搜索“ 你好元素”。 然后安装并激活主题。 

2.配置网站的基本静态页面

然后转到菜单 页面→添加 创建网站的基本页面。

首先,创建一个名为“ 主页 “然后点击按钮 用Elementor编辑 启动 Elementor。

点击 设置 打开 页面设置并将其布局更改为等于 Elementor 全角。

然后打开Elementor模板库并在下面搜索“ Digital Agency” 前往 :

您应该看到该主题的页面模板列表。 插入模板 主页 从型号列表中。

现在,您应该看到完整的主页。 标头暂时看起来有些呆板-但请放心,我们会尽快修复。.

接下来,添加另一个页面用于您的“ 关于”。

使用Elementor轻松创建您的网站

Elementor 让您创建 轻松免费 任何具有专业外观的网站或博客设计。 停止为一个你可以自己做的网站付出很多。

和以前一样,创建一个页面并将布局更改为 Elementor 全角。 然后打开模板库并插入模板 关于我们 数字代理商主题。

现在,只需重复相同的过程即可创建所有其他页面,包括: 服务, 客户,以及 联系。

暂时不用担心Blog页面。 此页面不是像其他页面一样是静态的。 因此,您将通过其他方法在此处创建它(我们将在本教程的后面部分介绍)。

要完成设置静态页面,您需要告诉WordPress安装使用静态主页。 去做这个…

  • 设置→播放
  • 美妙之选  静态页面(在下面选择) 在您的首页设置下 
  • 选择包含主题主页模板的页面

3.创建网站的其他部分

现在您已准备好使用 Elementor 构建网站的其他部分。 Elementor 让您超越创建静态页面(就像您在上面所做的那样)。

使用Elementor,您还可以设计以下部分:头页脚等...

借助Elementor主题,您将能够为上一步中创建的静态页面中已经存在的所有部分导入模板。

要访问Elementor的视觉生成器,请转到 模板→ 主题生成器. 您将需要安装Elementor Pro才能访问它。

现在是时候创建您的部分了

要开始使用,请转到标签 排气歧管 视觉生成器界面中的,然后单击 新增. 在下一个屏幕上,您将看到 Elementor 库中的一系列模板。 就像您对静态页面所做的那样,搜索“数字代理”,然后插入:

Elementor - 插入标题模板

现在您应该会看到标题的视觉预览,以及您插入的模板中的导航菜单。

如果你想改变它

  • 到  外观→菜单 在您的WordPress仪表板中
  • 创建一个新菜单

创建菜单后,可以将在步骤2中创建的页面添加到导航菜单中。

另请参阅: 10个用于小型企业营销的自动化工具

完成添加菜单项后,保存菜单并返回到Elementor界面中的标题模板。

然后 发布 您的标题,并使用显示条件在整个网站上显示标题模板。 如果需要,还可以使用显示条件为不同类型的内容创建不同的标题:

然后按 保存并关闭

页脚

现在是时候创建您的网站页脚了:

  • 返回可视页面构建器界面
  • 点击标签 页脚 
  • 点击按钮 添加新页脚
  • 在弹出窗口中,为页脚命名,然后单击 建立范本

现在,您应该看到页脚模板的列表,就像处理页眉一样。 搜索“数字代理”,然后插入页脚模板。

您想在互联网上销售您的产品吗?

免费下载 WooCommerce,这是最好的电子商务插件,可在 WordPress 上销售您的实体和数字产品并轻松创建您的在线商店。 非常适合初学者。

插入页脚模板后,应该会看到页脚的预览:

然后 发布 您的页脚模板,并使用显示字词将其显示在您的整个网站上。

主页

与您在步骤2中创建的静态页面不同,您网站的博客页面是“ 档案 ”。 基本上,这意味着它会动态显示您网站上的最新内容。

如果用户单击博客页面上的特定项目,他们将被带到显示该项目内容的页面。 这称为“单一”页面。 您独特的设计确保您的所有内容看起来都一样——唯一改变的是实际内容(如帖子标题、正文、特色图片等)。

发现 如何使用Elementor在WordPress中添加目录

要创建存档页面和唯一页面模板,您应该使用Elementor视觉生成器-而不是区域 有关详细信息,请查看此页面。 ou 文章 WordPress默认。

开始…

  • 打开主题生成器界面
  • 转到存档选项卡
  • 点击新增
  • 给它起个名字,然后点击创建模板

与页眉和页脚一样,您将看到一个存档页面模板列表。 查找“数字代理”模板并将其插入。

现在您应该看到文章页面的基本设计。

需要注意的是,如果你只看到一篇文章是正常的,因为 WordPress 只带有一个默认示例,即“Hello World! ”。

现在,您需要做的就是 发布 您的存档页面并将其设置为显示在所有存档上。

阅读我们的指南 如何手动迁移WordPress网站

然后,您可以转到仪表板中的帖子菜单并创建新的博客帖子。 将每个项目分配到一个名为“新闻消息“。

现在,当您转到您的博客页面时,您应该会自动看到所有这些新帖子:

创建博客文章模板页面

此时,您的博客页面具有非常用户友好的外观。 但是,如果您单击特定的博客文章,则布局将与您网站的其余部分不匹配。

要解决此问题,您需要使用Elementor创建一个“唯一”模板:

  • Open Elementor视觉生成器
  • 转到标签 岗位
  • 点击 新增

在弹出窗口中 新范本 :

  • 给它一个名字
  • 选择 岗位 在下拉列表中 选择帖子类型。 这告诉Elementor您要在博客文章中使用此模板(与Pages或您可以使用的其他自定义文章类型相反)

再次,您将看到Elementor模板库。 找到“数字代理”模板的唯一文章模板,然后将其插入。

阅读 WordPress上的维护模式:说明和配置

如果需要,可以使用许多动态发布数据窗口小部件来控制页面的外观。

例如,如果您修改小部件  发布信息,您将可以控制出现的元数据元素,例如在出版物上...

  • 导演
  • 出版日期
  • 评论
  • 等等

对项目模型感到满意后,请点击 发布。 然后,您可以使用显示选项,以便此唯一模板仅适用于“超越新闻”类别中的帖子:

  • 从中选择 类别
  • 选择类别 新闻消息

然后按 保存并关闭。

现在,您的所有博客文章都应具有与您网站的其余部分匹配的设计。

要结束一切,请转到 外观→菜单 并将您的博客页面添加到导航菜单中。 为此,您可以在该部分中添加指向“新闻”类别的链接 分类。

404页

最后,您需要创建网站的404页面。 如果您访问网站的404页面,则访问者将看到链接断开或尝试访问不存在的页面时会看到的页面。

发现我们的 5 WordPress插件,以便更好地管理错误404

要创建 404 页面,请使用 Elementor 视觉构建器添加另一个独特的模板。

  • Open Elementor视觉生成器
  • 转到标签 错误404
  • 点击 新增
  • 从 404 页面插入数字代理模板
404页面——创建一个完整的网站

接下来,发布您的模板以完成您的网站。

立即获取Elementor Pro!

总结

这是 ! 就是本指南的内容,它逐步向您显示如何使用Elementor建立完整的网站。 如果你有 评论 或建议,请随时在保留部分中告知我们。

但是,您也可以咨询 我们的资源,如果您需要更多的元素来执行创建Internet网站的项目,请参考我们关于 WordPress博客创建 或者那个 Divi:有史以来最好的WordPress主题.

但与此同时, 在您不同的社交网络上分享此文章

...

0
分享
鸣叫
Enregistrer