如何使用 Elementor 和 Genesis 创建漂亮的主页
已发表: 2022-11-07如果您想使用 Elementor Pro WordPress 插件和 Genesis 子主题创建一个漂亮的主页,这里有一个关于如何做的分步指南。 首先,您需要在您的 WordPress 网站上安装并激活 Genesis Framework。 然后,您需要安装并激活 Elementor Pro 插件。 一旦这两个都被激活,您需要在 WordPress 中创建一个新页面并从页面属性面板中选择“ElementorCanvas”模板。 现在,您可以开始使用 Elementor 构建您的主页。 只需将要使用的元素拖放到画布区域即可。 您可以添加自己的文本、图像、视频等。 一旦您对主页感到满意,只需单击“发布”按钮,您的新主页就会上线。
我收到的大多数问题都是关于在 Genesis 框架中使用 Elementor。 简单的答案是肯定的。 但是,有些子主题尚未更新以支持最新的 WordPress Core 和 Gutenberg 更新。 即使您在设备上安装了这个,您仍然可以将 Elementor 的页面构建器与任何 Genesis 主题一起使用。 无论您使用哪个页面构建器,Elementor 或Genesis Pro ,您都将获得美妙的体验。 Genesis Framework 必须更新才能使用。 随时提出您的任何问题,并要求演示其工作原理。
Elementor 是否与 Genesis 框架一起使用?

该页面构建器基于 Genesis 框架构建,是迄今为止社区所有页面构建器中最受欢迎的。 使用此工具,您可以在短短 15 分钟内自定义您的网站从页眉到页脚。 它甚至可以通过解锁设计模块来创建更复杂的网站。
Elementor 是社区中使用最广泛的页面构建器,并支持 Genesis 框架。 您可以使用 Genesis 框架自定义您的 Genesis 子主题以满足您的特定要求。 Elementor 是一个独立的页面构建器,可以让缺乏技术经验的用户轻松创建网站。 使用 Genesis Framework 创建您自己的主题,它允许您从任何子主题中进行选择并添加其他设计元素。 无需学习编码,因为它会覆盖后端的所有子主题设置。 如果您想要两全其美,则应将 Elementor 和 Genesis Framework 合二为一。
Elementor:变革的框架
Elementor 实际上是一个框架。 使用此工具,您可以为您的 WordPress 网站创建一个新的设计框架,以改变页面构建者传统上不可见的主题区域的外观。
如何激活创世纪儿童主题?

要激活 Genesis 子主题,您首先需要安装 Genesis 框架。 安装框架后,您可以从 WordPress 仪表板的外观 > 主题菜单中激活子主题。
许多人对安装 Genesis 框架和子主题的想法感到害怕。 这是一个简单的任务来完成。 您仍然可以在不安装任何主题的情况下使用 WordPress。 它被定义为基于框架的功能强大的主题。 子主题是集成到父主题中的东西。 Genesis 子主题与所有其他 WordPress 主题相同。 主要区别是需要将父主题和子主题都上传并存储在 WordPress 主题目录中。 Genesis 框架和子主题只能安装一个小故障。
如何为自定义 Genesis 主题调整 CSS
如果您使用自定义主题,则可能需要调整 CSS。 Genesis 框架旨在尽可能简约,但您可能需要添加填充或边距以使其脱颖而出。
我需要在 Elementor 中使用儿童主题吗?

这个问题没有明确的答案,因为它取决于个人喜好和项目的具体需求。 如果您只是想对您的网站进行一些外观更改,那么您可能不需要创建子主题。 但是,如果您计划进行更重大的更改或自定义,那么子主题可能是一个好主意。 最终,由您决定是否需要在 Elementor 中使用子主题。
何时使用儿童主题(何时不使用!)
使用 Elementor 创建自定义网站时,在设计中包含Elementor 自定义至关重要。 使用子主题,您只能对您的网站进行微小的更改; Elementor 还会在检测到更新时自动更新它。 尽管记住儿童主题是个好主意,但它们根本不是必需的。 如果您使用子主题自定义站点而不是直接对其进行编辑,那么您将覆盖您在主题更新时所做的所有更改。 您可以更改主题或丢失您的工作。 如果您愿意,也可以使用子主题。 在子主题的情况下,您可以使用它来重用主题的部分而不覆盖它。 这意味着一旦您自定义了子主题,您的更改将在每次更新父主题时自动保留。
Elementor 儿童主题
Elementor 子主题是一个 WordPress 主题,它从另一个 WordPress 主题(称为父主题)继承其功能。 当您想要更改现有 WordPress 主题而不失去更新父主题的能力时,通常会使用子主题。
您需要 Hello Elementor 的儿童主题吗?
要使用 Hello 样式,必须直接集成 Elementor。 在某些情况下,如果您想添加或修改 Hello 的 CSS 代码,您的设计师建议您使用子主题(Hello child theme)。 在本文中,我们将解释如何在某些情况下并不总是需要使用子主题。
WordPress主题和儿童主题有什么区别?
如果儿童主题扩展仍然有效并且具有相同的设计和代码,则建议使用它们。 WordPress 子主题允许您利用父主题或框架的强大功能自定义主题或框架。
如何在 WordPress 中使用子主题
最好有一个子主题作为主题的替代品。 您可以通过单击主题名称旁边的激活按钮来对主题名称执行相同的操作。 通过单击主题名称旁边的激活按钮,您可以照常访问该网站。
子主题的出现方式与父主题相同,但特征和外观是借用的。 有关 WordPress 子主题的更多信息,请阅读我们关于什么是 WordPress 主题? 如果您的子主题打包为 zip 文件,则必须单击“上传主题”按钮。 如果父主题可从 WordPress.org 主题目录获得,则会进行安装。 它会通知您必须在安装过程中手动安装父主题。 安装父主题和子主题后,您将能够激活子主题。 您无需激活父主题即可使用子主题。 此外,我们还创建了有关如何在 WordPress 主题中查找需要编辑的文件的指南。 通过返回您的 WordPress 仪表板,您可以访问外观选项卡并选择您的子主题。

如何使用 Oceanwp 安装子主题
您可以通过转到 WordPress 仪表板来安装子主题。 (旧设置:主题面板)。 之后,将您的设置保存在 a.dat 文件中并将它们导出到您的计算机。 然后,您可以卸载 OceanWP 子主题。
如何使用 Elementor 编辑 WordPress 主题
如果要使用 Elementor 编辑 WordPress 主题,首先需要安装并激活 Elementor 插件。 完成此操作后,您可以转到任何页面或在您的网站上发布帖子,然后单击“使用 Elementor 编辑”按钮以启动 Elementor 编辑器。 从那里,您可以通过将元素拖放到页面上来开始自定义主题,然后根据自己的喜好对其进行编辑。 您可以更改主题的颜色、字体和布局等内容,并使用 Elementor 提供的各种小部件添加您自己的自定义内容。 对更改感到满意后,您可以单击“发布”按钮保存您的工作并使更改在您的网站上生效。
如何将 WordPress 主题更改为 Astra(使用Elementor Pro Builder )——这是一步一步的过程。 旅行、书籍和食物都是涵盖的主题。 在 2020 年 6 月 20 日到 2020 年 12 月 31 日之间,我发现我的旧主题已被弃用,并且我没有任何支持。 一个月前我意识到我需要改变我的主题,而在过去的一个月里,我一直在努力。 最常见的付费主题价格从 20 美元到 60 美元不等。 现在大多数旅游博主使用 Generate Press、Avada、StudioPress、Genesis 或 Astra 主题或 OceanWp。 更改 WordPress 主题如何影响内容?
它仍然是相同的内容。 但是,可能需要以设置中不可见的方式更改内容。 您无需具备编码技能即可使用 Astra 或 Elementor Pro。 如果您不了解自己在做什么,则应考虑聘请网站设计师。 但是,如果您想要设计您的网站,您应该避免支付大量的开发成本。 更改 WordPress 主题可以改变网站的外观。 无需安装即可更改 WordPress 主题。
这可以通过多种方式实现。 我们将在本指南中引导您完成更改本网站上 WordPress 主题的过程。 作为替代方案,您可以在另一个环境中对其进行测试,然后将更改导入您的生产网站。 在您可以注册您的网站之前,您必须先停用登台站点,然后再激活实时站点(如果您只有一个许可证)。 大多数更改都是使用 Elementor Pro 进行的,我们将站点级别的更改保持在主题级别。 Elementor pro 和 Elementor 都有一组漂亮的模板,可以在各种浏览器中进行测试,以确保兼容性。 Elementor Pro 用户可以使用各种免费工具包。
您可以通过下载这些工具包来创建一个完全定制的网站。 在某些情况下,我会使用为我定制的 Envato 块。 如果要保存模板,只需右键单击部分或小部件,然后从菜单中选择“另存为模板”。
如何使用子主题配置器
使用子主题配置器很简单。 只需下载插件并将其安装到您的 WordPress 网站中即可。 安装后,转到插件的设置页面并选择您要使用的子主题。 该插件将根据所选主题自动生成一个子主题。
以下是通过 Child Theme Configurator 插件配置子主题的分步指南。 它通过将子主题的名称附加到父主题的名称来生成子主题的目录名称。 虽然有收费的高级扩展,但我们相信免费版本对于初学者来说已经足够了。 Child Theme Configurator 插件允许您使用包含的插件轻松为您的网站创建新的子主题。 该插件带有两个用于保存子主题样式表的选项。 您可以通过选择主要样式表选项在您的子主题目录下创建一个 style.css 文件。 如果您使用的是主题框架 Genesis ,请选择忽略父主题样式表选项。
菜单、小部件和其他自定义设置可以从父主题复制到子主题。 在您选择了所有必需的自定义之后,单击 Create New Child Theme 按钮。 可修改的模板文件列表将显示在“文件”选项卡上。 查询/选择器和属性/值这两个选项卡可用于从父主题中找到合适的样式并对其进行修改。 查找 CSS 属性和选择器的问题是手动子主题中的常见问题。 Child Theme Configurator 插件使这个问题尽可能简单地解决。 在#import 查询选项下导入任何 Web 字体,例如 Google 字体,可以在 Web Font 选项卡下完成。
在父/子选项卡下,您可以删除、复制和分析子主题。 使用此插件创建子主题后,您可以查看这些选项。 通过单击主题选项卡,可以在 WordPress 管理仪表板中找到一个新的子主题。
我可以删除子主题配置器吗?
如果您在创建子主题后忘记了主题编辑器插件,您不会丢失任何数据。
创世纪自定义儿童主题
Genesis自定义子主题是将您自己的个人风格添加到您的 WordPress 网站的好方法。 通过创建您自己的自定义子主题,您可以确保您的网站看起来完全符合您的要求,而不必担心将来对 Genesis 框架的更新会覆盖这些更改。 此外,通过自定义子主题,您可以轻松添加或删除您认为合适的功能,而无需编辑任何代码。
StudioPress 的 Genesis 框架与乐高积木非常相似。 它使处理和移动主题的各个组件变得简单。 我们所有的主题都是用创世纪儿童主题构建的。 创建主题时,必须将 Genesis 主题安装为您孩子的父主题。 要将 Google Analytics 跟踪代码添加到您的网站,请转到 Genesis 主题设置页面。 如果您使用插件,则无需在标题中手动输入跟踪代码。 Genesis Visual Hook Guide 插件显示页面的各个部分并帮助确定哪些功能位于何处。
在创建、维护和更新基于小部件的内容时,创建、维护和更新都很简单。 首先,我们必须注册我们的小部件区域。 然后我们使用一个函数将其添加到页面中。 可以在外观上查找小部件区域,但它们现在不会显示在主页上。 在许多情况下,小部件 id/类将通过可识别的名称约定链接到它。 如果您使用主题,您很可能能够上传徽标文件。 如果你想让你的标志与众不同,你可以改变标志的宽度和高度。
插件可以在几分钟内更改页脚的信用。 简单编辑是这种情况的完美解决方案。 在一个小片段中,您可以使用各种主题的最新信息更新页脚。 如果您使用 Simple Edits,您可以修改任何 Genesis 主题的 post-info(署名)和 post-meta。 您可以使用提供的简码、HTML 和文本轻松编辑这些区域。