- 博客(158)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 Elementor 中的网站性能优化 [05] 使用第三方工具进行优化
在本课中，我们将探讨您可以使用第三方工具应用缓存、缩小以及其他一些优化来为您的网站应用的额外性能提升。本课将为您提供：✓ 详细介绍缓存和缩小网站的优势✓ 如何设置和使用 WP Rocket✓ 免费替代品 LiteSpeed Cache 的概述
2023-02-02 10:49:41
154
1
原创 Elementor 中的网站性能优化 [04]选择合适的虚拟主机
如果您不具备自己管理 VPS 的技术知识，那么考虑托管 VPS 是明智的，这样您的网络托管公司可以负责所有系统升级，并在需要时提供支持。作为网站所有者，您应该接受的最低值为 99%，并且您应该持续监控这一点，以确保为您的网站访问者提供更好的用户体验。拥有专用服务器意味着您的网站拥有自己的服务器。有几种不同类型的网络托管可用，您对此的决定会对客户访问您的网站时获得的体验产生重大影响。虽然这是一种极具成本效益的网站托管方式，但它更适合小型、流量较低的网站，因为服务器上的其他网站可能会影响可用资源。
2023-02-02 10:38:31
154
原创 Elementor 中的网站性能优化 [03] 额外的性能提升
✓ Elementor 中的其他选项，包括优化的 DOM 输出和改进的资产加载。在本课中，我们将探索 Elementor 中可提高网站性能的其他选项。✓ 保持 WordPress 整洁。✓ 提高网站性能的其他做法。
2023-02-02 10:35:32
164
原创 Elementor 中的网站性能优化 [02] 优化图像
虽然还有其他方法可以优化已上传到网站的图片（主要是使用第三方插件，我们稍后会介绍），但对于任何网站创建者来说，最好的选择是在图片上传到网站之前对其进行优化. 这将使您更好地控制图像的大小和质量，确保它适合您的项目。Photoshop 是您工具包中的一个很棒的程序，因为它不仅可以让您调整图像大小，还可以在保持图像质量的同时为您压缩图像。如您所见，我们当前的图像显示为 2753×1856，文件大小为 3.1MB，似乎通过简单地将我们的图像导入 Photoshop，我们已经削减了 300kb，这至少是一个开始。
2023-02-02 10:31:28
160
原创 Elementor 中的网站性能优化 [01] 布局优化最佳实践
最好的是，这是在不使用任何第 3 方插件的情况下实现的，只是使用更好的实践进行一些简单的调整。在我们开始优化我们的布局之前，我们将在我们的页面上运行一个测试，以充分了解当有人访问我们的网站时发生了什么。我们设法优化了我们的标题，从两次使用相同的部分（总共 12 个小部件和 10 列）到仅包含 3 个小部件和 1 列的 1 个部分，实现了完全相同的结果！我们将使用免费的轻量级 Hello Elementor 主题，我们将重新创建模板的每个部分，同时利用最佳实践技术，这将提高网站的性能。
2023-02-02 10:28:31
227
原创 Elementor 中的网站性能优化 [00] 使用 Elementor 优化网站性能
然后，我们将教您如何优化图像，包括在将图像上传到您的网站之前以及之后使用图像优化插件。我们将介绍何时何地使用不同图像类型的最佳实践，并探讨未经优化的图像可能对您的网站产生的影响。缓存确实可以提高您网站的性能，我们将探索 WP Rocket 插件，它将使您能够将缓存应用于您的网站。在第 4 课中，我们将着眼于选择合适的虚拟主机，并向您介绍可用的不同类型的主机以及您应该注意的基于性能的常见方面。影响网站性能的因素有很多，从图像到服务器配置，从过多的插件到臃肿的主题，这个列表确实不胜枚举。
2023-02-02 10:24:54
109
原创 用Woocommerce建立一个网上商店 [12] 使用WooCommerce动态标签
如果我们现在访问我们的网站并表现得好像我们即将离开，您可以看到弹出窗口淡入并显示我们的报价。通过将这个有用的 Elementor 功能与 WooCommerce 动态标签结合使用，您将拥有一个强大的工具包，可以为您的企业带来更多的销售。我们将构建这个弹出窗口，它将使用动态数据填充，所有这些都是直接从我们的 WooCommerce 产品中提取的。如果我们现在打开“高级”选项卡，您会看到我们可以输入要在动态值前后显示的文本，以及后备文本。通过选择扳手图标打开动态选项，选择“全部”，然后搜索您的产品。
2023-01-31 12:15:08
174
原创 用Woocommerce建立一个网上商店 [11] WooCommerce菜单购物车小部件
在本课中，我们将向我们的网站添加菜单购物车小部件，这将有助于为我们的客户提供无缝的购物体验。我们将向购物车添加一些产品，这样当我们创建菜单购物车时，我们将有一些实时产品可供预览。接下来，打开“购物车”选项卡，我们还将打开菜单购物车，以便我们可以看到我们的更改。如您所见，当我们将产品添加到购物车时，侧边购物车会自动打开并填充我们新添加的产品。切换回内容选项卡，让我们修改这些选项，以便我们的菜单购物车完美满足我们的要求。如您所见，如果我们向下滚动并添加产品，菜单购物车将打开并显示新添加的项目。
2023-01-31 12:09:52
201
原创 用Woocommerce建立一个网上商店 [10] 弹出窗口，销售页面，特色产品
弹出窗口是任何网站的强大营销功能，Elementor 弹出窗口构建器是一个有价值的工具包，它允许您为您的网站创建多样化的弹出窗口集合，并允许进行超出本课程范围的广泛配置。正如您所看到的，我们刚刚设置为“特色”的四种产品现在正在展示。例如，如果您使用 MailChimp，您可以将此表单连接到您的 MailChimp 帐户，每次访问者填写此表单时，他们都会自动添加到您的邮件列表中。从初始设置和配置的简易性，到创建所有基于商店的模板和产品的能力，Elementor 和 WooCommerce 是一对很棒的组合。
2023-01-31 12:07:01
230
原创 用Woocommerce建立一个网上商店 [09] 电子邮件，优惠券订单管理
在我们的最后一课中，我们将探索使用 WooCommerce 和 Elementor 的一些额外营销功能，为您的网站访问者提供出色的用户体验，最终为您的商店带来更多销售额。我们还将查看可用的自定义选项，以确保我们所有的电子邮件都与我们商店的品牌相匹配。我们会将徽标的 URL 粘贴到“标题图片”字段中，您可以通过访问媒体库找到它，选择您的徽标，然后单击“将 URL 复制到剪贴板”按钮。如果我们现在保存我们的更改并再次查看我们的预览，您可以看到电子邮件模板现在非常适合我们的商店，并且可以在我们的商店上线时使用。
2023-01-31 11:51:25
286
原创 用Woocommerce建立一个网上商店 [08] 设置PayPal Stripe
Stripe 与许多不同的支付提供商集成，但对于我们的商店，我们只想允许客户使用信用卡或借记卡进行支付，因此我们将在此处配置第一个选项。在测试模式仍然启用的情况下，让我们保存到目前为止的设置，如果我们现在切换到我们的结帐页面并选择 Stripe 作为付款方式，则会出现一条通知，指示用户“测试模式已启用”，甚至提供一些有用的说明执行测试购买。在我们的课程中，我们将首先探索内置的 PayPal Standard 选项，然后我们将继续集成免费的 WooCommerce Stripe 插件。
2023-01-31 11:48:49
389
原创 用Woocommerce建立一个网上商店 [07] 配置配送选项
我们看到的第一个选项是“计算”。默认的 WooCommerce 运输选项通常足以满足最基本的运输要求，但是如果您发现需要更多的灵活性和自定义，可以使用大量的第三方附加组件，这些附加组件允许配置和集成的组合。让我们保存到目前为止的更改，然后选择“添加送货方式”按钮，现在您将看到一个弹出窗口，询问您要创建哪种送货方式。运输类别允许我们创建特定于产品的费用，例如，如果产品被归类为“重货”，我们将创建额外的运费。在我们的示例中，我们的航运等级仅适用于重物，这意味着如果航运等级适用于产品，则会给客户带来额外费用。
2023-01-31 11:45:27
193
原创 用Woocommerce建立一个网上商店 [06] WooCommerce页面解释
在 Elementor，我们一直在努力开发三个新的小部件，这些小部件将允许完全自定义购物车、结帐和我的帐户页面。就像之前我们可以看到 WooCommerce 短代码已自动添加一样，如果我们在 Elementor 编辑器中应用与之前相同的步骤，我们的页面将被转换以匹配我们的网站。如果我们导航到我们的网站页面，您会看到 WooCommerce 创建了四个页面，分别称为“购物车、结帐、我的帐户和商店”。帐户区域是您的客户可以查看他们下的任何订单的详细信息，以及修改任何帐户设置（如他们的地址和密码）的地方。
2023-01-30 18:05:07
271
原创 用Woocommerce建立一个网上商店 [05] WooCommerce模板Part 2
它包含我们的页面标题、简短描述，并将提供我们所有模板文件的一致性。现在让我们应用我们的“正常”和“悬停”样式，以便我们的“添加到购物车”按钮与我们网站的其余部分相匹配……选择其中一个类别后，我们的网站访问者将被带到我们的第二个存档模板，该模板以网格布局显示产品本身。第一个将在有人访问我们的“商店”页面时显示，该页面将显示我们之前设置的各种类别。在我们发布这个模板之前，让我们重命名它，就像我们对我们的单一产品模板所做的那样。在我们重命名和发布此模板之前，让我们添加我们之前创建的推荐块模板来填充页面。
2023-01-30 18:03:03
84
原创 用Woocommerce建立一个网上商店 [04] WooCommerce模板Part 1
我们所说的面包屑是指到此特定页面的导航路径，它可以帮助访问者了解他们在目录中的位置，并允许他们直接单击返回到另一个部分。这将我们直接带入 Elementor 库，您将在其中找到使用 Elementor 块或页面模板的选项，以及插入您自己保存的模板的能力。这个特定的产品没有任何变化，所以让我们切换产品预览，以便我们可以看到我们的变化。在我们开始创建它之前，让我们快速浏览一下完成的产品页面，以便更好地了解我们将要构建的内容。如您所见，我们已经为我们的网站创建了几个模板，包括页眉、页脚、404 页面和博客模板。
2023-01-30 18:00:52
156
原创 用Woocommerce建立一个网上商店 [03] 增加产品类别
如果您的商店需要这些类型的产品，您可以在 WordPress 插件存储库中搜索它们并将它们添加到您的站点。下面是库存区域，您可以在其中管理您的库存。如果您想更新每个变体的内容，您可以选择从所有属性创建变体，您会看到其余的变体已全部一次性添加。或者，如果您只想对选择的变体进行更改，您可以单独创建它们，就像我们之前使用“添加变体”选项所做的那样。如果您想应用我们添加的产品标签，请开始输入它，并在它出现在下拉列表中时选择它。这些可以是您产品的其他图片，例如来自不同角度、特写和使用中的图片，具体取决于您的产品。
2023-01-30 17:57:41
223
原创 用Woocommerce建立一个网上商店 [02] 安装配置WooCommerce
默认的星号适用于所有位置的税率，但如果您需要，您可以输入国家代码、州代码、邮政编码，如果您需要微调您的税收选项，甚至可以输入城市。通过这样做，您将为自己提供最好的机会，首先了解 WooCommerce 中存在的所有可用功能，其次保证您的商店已准备好让您的客户在从您那里购买时获得完美的体验。添加到购物车行为允许您声明是否希望客户在添加产品时被带到购物车页面，并且默认情况下在存档页面上启用 Ajax，这为您的客户提供了更流畅的体验，因为它不需要该页面重新加载要添加到购物车的项目。
2023-01-30 17:54:39
333
原创 用Woocommerce建立一个网上商店 [01] 重要的第一步
许多网络托管服务商免费提供这些服务，但如果您没有，也有很多可供选择的服务，包括免费的和收费的。除了确保您拥有稳定和安全的网络托管以及有效的 SSL 证书外，还有几个方面可以在 WordPress 中进行管理，以确保进一步加强您的商店。最后，在您的网站上启用验证码是个好主意。在我们的下一课中，我们将完成整个 WooCommerce 安装过程，为我们的商店配置许多设置，并设置我们的税收。确保您的网络托管足够适合处理此问题，并密切关注您正在使用的资源，以确保您的客户在访问您的商店时获得良好的体验。
2023-01-30 17:51:40
80
原创 用Woocommerce建立一个网上商店 [00] 简介
在线销售您的产品和服务从未如此简单，借助 Elementor 和 WooCommerce，您可以使用完美的工具组合来使您的业务取得成功。在本课程中，我们将为 Bakersons 创建这家商店，这是一家虚构的本地面包店，向顾客出售美味的烘焙食品。
2023-01-30 17:48:07
70
原创 Elementor Pro建立一个作品集网站 [12] 13 - 总结和结论
您现在已准备好将其提升到一个新的水平并探索 Elementor 的无限可能性。祝贺您完成本 Elementor Pro 课程！
2023-01-30 09:40:50
60
原创 Elementor Pro建立一个作品集网站 [11] 12 - 构建您的联系表单弹出窗口
了解如何构建联系表单弹出窗口并将其连接到页眉。✓ 构建和设计多步骤表单。✓ 将按钮链接到弹出窗口。✓ 添加进入和退出动画。
2023-01-29 11:15:24
74
原创 Elementor Pro建立一个作品集网站 [10] 11 - 建立你的关于我的页面
了解如何使用 Elementor Pro 小部件设计“关于我”页面。✓ 专注于使用 Elementor Pro 小部件来设计您的页面。✓ 将 Lottie 动画添加到您的站点。✓ 使用和编辑已保存的模板。
2023-01-29 11:13:13
41
原创 Elementor Pro建立一个作品集网站 [09] 10 - 建立你的投资组合页面
了解如何使用 Elementor 设计您的投资组合页面。✓ 将页面连接到 WordPress 中的帖子页面。✓ 使用投资组合小部件并设置样式。✓ 调整查询和过滤器选项。
2023-01-29 11:03:55
51
原创 Elementor Pro建立一个作品集网站 [08] 9 - 使用 Elementor 设计您的帖子
了解如何使用 Elementor 设计您的 WordPress 帖子。✓ 使用Elementor 编辑和设计您的帖子。✓ 使用 Pro Gallery 小部件。✓ 向您的帖子添加类别、特色图片和摘录。
2023-01-29 11:01:07
76
原创 Elementor Pro建立一个作品集网站 [07] 8 - 为您的项目构建模板
了解如何为您的项目帖子构建动态模板。✓ 将帖子添加到您的站点。✓ 创建单个帖子模板。
2023-01-29 10:58:03
54
原创 Elementor Pro建立一个作品集网站 [06] 7 - 针对移动设备优化您的网站
✓ 为主页、页眉和页脚创建响应式布局。了解如何针对移动设备优化您的网站。
2023-01-29 10:33:36
54
原创 Elementor Pro建立一个作品集网站 [05] 6 - 建立你的主页
✓ 将 Adobe Fonts 与 Elementor 集成。了解如何使用 Elementor 构建主页。✓ 添加和设置小部件样式以构建您的主页。✓ 为您的网站设置默认宽度。✓ 设置要显示为主页的页面。✓ 使用幻灯片小部件。
2023-01-29 10:29:34
55
原创 Elementor Pro建立一个作品集网站 [04] 5 - Elementor 概述
了解使用 Elementor Editor 的基本要素。在本课中，您将学习如何：✓ 使用 Elementor Editor 界面设计您的网站✓ 熟悉基本页面结构✓ 导航 Elementor 面板以管理您网站的设置
2023-01-29 10:25:27
43
原创 Elementor Pro建立一个作品集网站 [03] 4 -建立页眉，页脚和设计系统
了解如何设置页眉和页脚，以及如何使用 Elementor 站点设置。✓ 创建带有网站徽标和导航菜单的网站标题。✓ 使用自定义定位来对齐元素。✓ 使用全局样式建立设计体系。✓ 为网站部分添加显示条件。
2023-01-29 10:20:27
158
原创 Elementor Pro建立一个作品集网站 [02] 3 -Elementor Pro入门
了解如何设置 Hello Theme 和使用 Elementor Theme Builder。
2023-01-29 10:11:51
54
原创 Elementor Pro建立一个作品集网站 [01] 2 -投资组合网站概述
在本课中，我们将浏览构建的投资组合网站，并了解其制作方式的基础知识。
2023-01-28 10:16:52
41
原创 Elementor Pro建立一个作品集网站 [00] 1 -简介及课程大纲
引导您完成创建专业作品集网站的整个过程。✓ 本课程将涵盖的内容的大纲。
2023-01-28 10:13:24
44
原创 Elementor Pro制作博客网站 [额外课程] 进度跟踪器
然后，在风格上，更新排版。对于我们的第二个示例，我们将在进度跟踪器上方添加另一个部分，但不是从头开始，我们将单击文件夹图标以从“我的模板”选项卡导入标题模板。最终，我们会将进度跟踪器设置为相对于发布内容，但为了最好地预览我们对进度跟踪器小部件的更改，我们将在设置样式后进行设置。在本视频中，我们将介绍两种不同的方法来创建一个不可见的进度跟踪器，它会在读者滚动浏览帖子时出现，从而增强用户体验并使我们的帖子更具吸引力。进度跟踪器一开始是不可见的，但一旦我们在文章中向下滚动，它就会粘在顶部并跟踪我们的阅读进度。
2023-01-28 10:07:31
71
原创 Elementor Pro制作博客网站 [13] 课程总结和后续步骤
我们还介绍了其他博客必备要素，例如存档和 404 页面、社交媒体链接页面、如何管理您的博客，以及沿途的许多其他技巧和最佳实践。要进一步扩展您的 Elementor 知识，并了解如何在线发展您的业务，请访问。完成您的博客站点后，您现在可以完全专注于管理您的博客。现在，您拥有从头到尾创建和管理专业博客所需的知识和经验，而无需使用一行代码！但如果您还想进一步提高自己的技能，您会在描述中找到我们众多学习资源中的一些链接，包括。在那之后，我们学会了如何以两种不同的方式而不是一种方式来创建和设计我们的帖子！
2023-01-28 10:04:10
95
原创 Elementor Pro制作博客网站 [12] SEO 基础知识和使您的博客盈利
我们不仅可以使用它来控制网站的 SEO 方面，我们还可以获得有助于我们撰写更好文章的有价值的信息，包括接收带有相关关键字的提示，从而提高我们网站的排名。我们将选择“高级”，然后单击“启动向导”。这使我们可以预览我们的页面在搜索结果中的外观，我们可以使用这些提示对我们的帖子进行重要调整并增强整体用户体验。然后，添加将跟随我们帖子内容的内容，但这次我们可以使用一些文本与变量混合，制作一个动态短语，例如“我们正在阅读的帖子，由 Xander Banks 撰写，首先出现在 Xander Travels 上。
2023-01-28 10:00:46
123
原创 Elementor Pro制作博客网站 [11] 管理多个作者
在上一课中，我们在 bio 中创建了链接，在本课中，我们将介绍 Role Manager 设置。有时我们可能会发现自己在管理一个博客或杂志，其中有多个作者、编辑和投稿人。为了保证我们的设计安全，我们需要管理和限制用户在 Elementor Editor 中可以执行的操作。
2023-01-28 09:57:42
63
原创 Elementor Pro制作博客网站 [10] 创建链接
在上一课中，我们学习了如何编辑和启用 404 页面，在本课中，我们将创建一个特殊的登录页面来展示我们网站上最重要的链接。转到高级选项卡，让我们取消边距值的链接并在底部添加边距，这将在按钮之间增加一些空间，因为我们将更多按钮添加到页面。然后，在样式中，将文本颜色设置为主要颜色，并将按钮颜色设置为完全透明。（因此，现在无需每次我们在 Instagram 上发帖或在个人简介页面中创建第三方链接并阻止关注者访问我们的网站时都更新个人简介中的链接。我们将添加我们的社交媒体句柄作为文本，并输入我们的社交链接。
2023-01-28 09:48:38
113
原创 Elementor Pro制作博客网站 [09] 找不到页面错误 (404)
在上一课中，我们学习了如何使用和修改存档页面，在本课中，我们将学习如何编辑和启用页面未找到错误，通常称为 404 页面。当访问者到达不存在的页面时，将显示 404 页面。访问者可以通过多种方式到达此页面，例如输入错误的 URL、单击过时的链接，或者页面别名或站点永久链接结构已更改。
2023-01-28 09:31:06
65
原创 Elementor Pro制作博客网站 [08] 添加和管理存档页面
进入帖子条款设置，这里在数据之前有文本，所以每个存档都会显示“全部”一词，然后是类别名称，因此将来我们在添加新类别时需要考虑到这一点。它可以显示具有相同质量的帖子，例如同一作者撰写的帖子的存档，上个月撰写的帖子的存档，甚至是搜索结果的存档，显示包含相同关键字或关键字的帖子，我们搜索为了。在下一课中，我们将处理任何网站中经常被忽视的最关键部分之一——404 错误页面——而不是标准的灰色默认错误页面，我们将自定义我们工具包的 404 模板，使其成为一个机会重新获得访客的关注，敬请期待！让我们将它增加到 8。
2023-01-28 09:26:44
86
原创 Elementor Pro制作博客网站 [07] 使用 Elementor 设计我们的帖子
回想一下，我们在 Gutenberg 编辑器中在 Elementor 之外创建了这篇文章，......所以我们将使用主题样式来调整我们的文章的外观。通过单击标题，我们可以看到它实际上是一个帖子标题小部件，它会自动从我们在 WordPress 中创建的文章中获取信息。继续到右栏，我们有这个帖子信息小部件，显示了这篇帖子的发布日期。正如我们所看到的，这篇文章的文本样式与我们在全局样式中设置的字体和颜色不匹配，但我们稍后会看到如何更正它。接下来，我们有帖子评论小部件，顾名思义，它允许我们的读者回复我们的文章。
2023-01-28 09:21:10
202
Hadoop开发者入门专刊
2010-11-15
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人