打工e族

 找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索
热搜: 活动 交友 discuz
查看: 115|回复: 0

如何查找并安装默认 Elementor 模板

[复制链接]

1

主题

1

帖子

5

积分

初入职场

Rank: 1

积分
5
发表于 2023-12-7 16:45:50 | 显示全部楼层 |阅读模式
我们将从标题开始,然后选择单列布局。 用于创建新页面的 Elementor 编辑器预览 创建一个新的 Elementor 页面 在 Elementor 侧栏中,找到标题小部件。现在,将此小部件拖放到新部分中。然后,您可以在 Elementor 侧边栏中输入标题文本,并使用各种设置来设置标题的样式。 设计你的标题 设计你的标题 然后,单击+图标添加第二部分。我们将嵌入图像,然后提供一些支持文本,所以现在我们将采用多列布局。 带有标题框的 Elementor 编辑器可供自定义 添加一个部分并选择列 接下来,将文本编辑器小部件从 Elementor 侧边栏拖放到这个新部分中。然后,您可以使用侧边栏设置添加文本并对其进行样式化。 当您对文本感到满意时,找到图像小部件。再次使用拖放操作将此小部件添加到您的部分。 用于拖放的 Elementor 编辑器窗格 拖放文本小部件 在边栏中,单击预览缩略图。您现在可以使用 WordPress 媒体库上传新图像或选择以前上传的图形。 要查看您的设计的实际效果,请单击 Elementor 侧栏底部的眼睛图标。


这会在新选项卡中显示页面布局的预览。 Elementor 页面预览,包含 Lorem Ipsum 文本和紫丁香盒中白色兔子的图像 Elementor 页面预览 如果 电话号码清单 您对设计感到满意,请单击“发布”按钮。如果您的页面已经上线,此按钮将要求您刷新。 2. 如何创建 WooCommerce 产品页面 如果您正在运行WooCommerce 商店,则可以使用 Elementor Pro 创建自定义产品页面。这可能涉及修改您的 WooCommerce 库存页面以更好地反映您网站的品牌。或者,您可以尝试优化页面以获得更多转化。 要设计自定义 WooCommerce 产品页面,请从 WordPress 仪表板中选择模板。然后单击添加新按钮。在下一个窗口中,打开第一个下拉菜单并选择。 商店的模板预览 WooCommerce 为单一产品设置 为您的新模板指定一个描述性名称,然后单击“创建模板”。这将启动 Elementor 库,其中包含单个产品的所有可用设计。 可用于单一产品类别的模板库预览 适用于 WooCommerce 的单一产品模板 要仔细查看模板,请将鼠标悬停在该模板上,然后在出现放大镜图标时单击该图标。





如果您想将此设计应用到您的商店,请单击“插入”。 以粉色纸杯蛋糕为主角的单品模板演示 将鼠标悬停在模型上可近距离查看 Elementor 模板有许多现成的组件。要更改其中任何项目,只需单击它们即可。Elementor 侧边栏将更新以显示该特定元素的所有设置。 预览现成的评估块 现成的组件 Elementor Pro 提供了一组可添加到项目中的 WooCommerce 小部件。要查看可用的内容,请滚动到Elementor 侧栏中的WooCommerce或产品部分。 WooCommerce 小部件侧栏中的菜单 侧边栏中提供了 WooCommerce 小部件 这些部分包括具有内置高级功能的小部件,例如WooCommerce Breadcrumbs、Cart 和 Checkout。要将这些元素添加到您的设计中,只需将它们拖到 Elementor 工作区中并放置即可。然后,您可以将该小部件拖放到要显示此内容的部分中。 预览如何将 WooCommerce 小部件从侧边栏拖动到工作区 拖放 WooCommerce 小部件 当设计看起来准备就绪时,单击“发布”。然后,您可以选择“添加条件”并指定要使用此设计的区域。例如,您可以将此模板应用于特定产品类别或在整个商店中使用它。

回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|小黑屋|打工e族 ( 鲁ICP备2021044221号 )

GMT+8, 2024-11-24 01:44 , Processed in 0.048929 second(s), 19 queries .

Powered by Discuz! X3.4 Licensed

Copyright © 2001-2021, Tencent Cloud.

快速回复 返回顶部 返回列表