elementor教程
文章平均质量分 83
elementor.com的官方教程
深入浅出学习elementor的最佳选择
邱哥有言
这个作者很懒,什么都没留下…
展开
-
Elementor入门 [08] 创建“联系我们”页面
现在,我们知道列占用了 100% 的可用空间,因此通过将单位更改为百分比并输入 100,图像框小部件将继续占用列空间的 100%。我们将选择自定义,这样我们就可以将 3 个小部件设置为它们之间的间距相等,就像我们之前创建的原始 3 列布局一样。正如我在上一课中提到的,使用更少的元素(例如列和部分)会自动在您的网页上生成更少的代码,从而使它们加载速度更快。全宽,与默认设置相同,内联,将小部件的大小调整为其内容的宽度,以及自定义,让您可以自由设置您选择的宽度。在定位下,您会看到“宽度”,其中有多个选项。原创 2023-01-27 10:26:47 · 749 阅读 · 0 评论 -
Elementor入门 [07] 创建“我们的菜单”页面
选择“Space between”,顾名思义,它会在元素之间创建空间,将第一个元素定位在列的顶部,将最后一个元素定位在列的底部。正如我们之前所做的那样,我们将为这些部分命名,以便我们可以在整个页面中快速导航。然后将鼠标悬停在模板上,然后单击插入,将其添加到您的页面。正如我之前提到的,CSS ID 应该在您的页面上只出现一次,因此重复的元素不会复制 ID ......。我们将从英雄部分开始,正如您从我们的设计中看到的那样,它包括两个标题、一个文本编辑器小部件和一个间隔小部件。在样式中,将颜色更改为罗勒。原创 2023-01-27 10:02:50 · 336 阅读 · 0 评论 -
Elementor入门 [06] 响应式设计和连接主页
这将应用复制部分的设置,而不更改内容。重要的是要了解,在大多数情况下,Elementor 中的响应式编辑是从较大的视口向下继承到较小的视口。在本课中,我们将介绍 Elementor 中的响应式编辑基础,优化 Simaya 主页以实现响应式查看,并设置此页面以在网站上显示为主页。我们将在网站上再次使用此标题,因此最好从全局样式对其进行编辑,而不必再次进行此更改,下次我们在平板电脑上使用此样式时。回想一下,我们已经从 WordPress 仪表板发布了我们的页面,但对于尚未发布的页面,该按钮将显示“发布”。原创 2023-01-27 09:58:27 · 209 阅读 · 0 评论 -
Elementor入门 [05] 在 Elementor 中构建主页
在上一课中,我们自定义了设置并构建了我们网站的布局。现在有趣的是:我们已准备好开始使用 Elementor 构建我们的主页!回顾我们的设计,我们将构建的第一个部分是英雄部分。此部分由多个元素组成,既堆叠又并排排列,在这里,您将学习如何完全自定义和设置部分、列和小部件的样式。以下四个部分在结构和内容上彼此非常相似,因此我们将利用它来发挥我们的优势,使用工作流快捷方式,例如复制、复制和粘贴元素。最后一节的结构更简单,因此我们将继续以我们从前面几节中学到的技能为基础,并介绍更多工作流程技巧。原创 2023-01-26 22:06:21 · 346 阅读 · 0 评论 -
Elementor入门 [04] 网站要点_ 布局,页眉,页脚
在上一课中,我们设置了设计系统,在本课中,我们将在此基础上定义网站设置和结构,其中包括网站标识、页眉和页脚以及网站布局等元素。如果您像我一样,可能已经等不及要开始设计您的主页了。我们快到了!但是设置站点结构是创建网站不可或缺的一部分,因此我强烈建议您在开始构建之前完成此步骤。我们将从此处的站点标识开始。此部分是您定义网站的站点名称、描述、徽标和网站图标的地方。这些详细信息将被反复调用,以便在整个站点的各个位置以及外部(例如网络搜索结果)中重复使用。原创 2023-01-26 21:59:33 · 439 阅读 · 0 评论 -
Elementor入门 [00] 简介
Wordpress教程-Elementor入门欢迎来到我们的 Elementor 入门课程。本课程专为 Elementor 初学者用户创建,教授使用 Elementor 创建您的第一个网站的基础知识,同时享受构建网站的乐趣。在本课程中,我们将为素食餐厅 Simaya 创建一个三页网站,提供令人垂涎的植物菜单。随意使用相同的布局和技术并将它们应用于任何类型的行业。本课程封面:✓ 安装和激活 Hello 主题✓ 在 WordPress 中创建网页和导航菜单。原创 2023-01-20 18:08:21 · 123 阅读 · 0 评论 -
Elementor入门 [01] Hello主题安装和设置
在本课中,我们将学习如何安装和激活轻量级免费 Hello 主题,为我们的网站创建页面,以及添加 WordPress 导航菜单。Wordpress教程-Elementor入门。✔︎ 安装和激活 Hello 主题。✔︎ 在实验中启用页眉和页脚。,找到更多文章与教程。原创 2023-01-20 20:53:36 · 378 阅读 · 0 评论 -
Elementor入门 [02] Elementor 编辑器基础知识
在上一课中,我们安装了 Hello 主题,为网站创建了页面,并添加了导航菜单。在本课中,我将向您介绍 Elementor Editor,并向您展示使用它的基础知识,这将是创建我们令人惊叹的网站的基石!准备好?让我们直接进入。从 WordPress 仪表板,转到页面部分,然后单击我们在上一课中创建的主页。单击“使用 Elementor 编辑”。欢迎使用 Elementor 编辑器!让我们熟悉一下界面。右侧是页面的内容区域。您可以在此处添加和编辑构成页面布局和设计的元素。原创 2023-01-26 21:41:39 · 609 阅读 · 0 评论 -
Elementor入门 [03] 构建设计系统
在上一课中,我们学习了使用 Elementor Editor 构建网页的基础知识。在本课中,我们将构建我们的设计系统,这将有助于简化构建过程并指导我们设计网站元素的样式。那么什么是设计系统,为什么要使用它呢?为了使网站有效,它需要具有清晰一致的消息传递。这种信息通过网站的内容和设计来表达。通过建立一套清晰的指南,您将创建一个更高效的构建过程,这既可以节省您的时间,又可以让您在整个站点中保持一致性。这就是设计系统派上用场的地方。原创 2023-01-26 21:49:01 · 89 阅读 · 0 评论