在B2B外贸建站过程中，经常会使用Page页面使用Elementor编辑器去制作产品页面，有的时候就会出现在父页面中调用子页面的需要，本文主要就是教会大家如何在post 小工具中调用父页面的子页面。 需求说明 能够显示服务页面的所有子页面，然后在添加更多页面时自动更新； 可以在排除字段的上方（或下方）（在查询下）添加一个字段，写明 "显示...的子页面"，然后让用户选择一个页面，并相应地过滤查询。 比如有一个包含 10 个子页面的 "服务 "页面。需要在 "服务 "页面上添加一个 "帖子 "元素，并链接到每个子页面。现在，必须通过 "手动选择 "来选择每个子页面。如果只有几个页面，这样做还可以。但当列表较长或经常更新时，就会很乏味。 如何在 "帖子 "小工具中添加 "父页面的子页面 我只建议有一定模板文件编辑知识的人这样做。不要编辑父主题（大多数情况下），确保创建了一个子主题。 方法一: 插入代码 1.function.php中插入以下代码，保存 // Shows children of current page in Posts Widget. "帖子 "小工具中添加 "父页面的子页面// Put the word 'children' in the 'Query ID'field.在Query ID中输入 children// Read more...

Elementor Pro全局风格设置是一个整体设置，只有安装了Elementor Pro才可以进行全局设置，类似主题的主题设置，它可以帮助你预设好整体的网站颜色风格，字体样式以及布局和元素预设等内容，这些将大大减少你后期网站制作的工作量。 比如，我们可以设置好几个全局的颜色，然后在设置内容颜色的时候就直接全责这些全局颜色 本篇教程将介绍Elementor网页编辑器的全局样式与设置的常用功能，譬如设置全局的字体、颜色、页面内容宽度、元素默认间距等等。 进入【站点设置】 安装激活好Elementor Pro之后，进入任意页面的Elementor编辑器窗口，点击左上角的按钮，然后点击下图中所示的site settings 然后你便能看到如下的配置选项了。 Design System/设计系统 对全局颜色和全局字体进行设置。 Global Colors全局颜色设置 设置全局颜色最大的好处是你可以快速切换网站的颜色风格，比如像我现在网站以绿色为主，如果我想更换成蓝色风格的只需要修改全局颜色里面的颜色设置就可以快速的将网站颜色风切换过来。这要求你在设计制作页面时所有的颜色都是通过全局颜色来配置的，如果是手动添加的颜色，那么还是需要手动去修改。 全局颜色设置和使用的方法如下： 你可以通过站点设置里面的全局颜色，设置几个常用全局颜色。 全局里面的里面包含了系统颜色和自定义颜色，系统颜色只有四个，不可以删除，但是可以修改。 自定义颜色可以根据你的需求增加和重新命名。 设置全局颜色之后，你可以在Elementor 任意元素的颜色设置中调用设置好全局颜色。 Global Fonts全局字体设置 与全局颜色一样，全局字体可以自定义添加多个，当你设计页面时，按需选用全局字体能够提升效率、也方便后期统一更换。 全局字体有四个系统字体设置，不可以删除，但是可以修改。 同时你可以增加自定义的全局字体。 针对某一个全局字体，你可以设置字体，尺寸，重量，大小写转换，样式（斜体等），装饰（下划线、上划线等），行高，字母间距，单词间距这些内容。 Theme style全局主题样式设置 可设置字体、按钮、图片、表格字段的样式。 需要注意的是：通常主题本身都提供了类似的字体、配色功能，两者同时使用可能会令你混乱，需要你自己进行对比试验。 由于每个主题与elementor的兼容性有所不同，没有一概而论的方案，同时，见下图，elementor也提供了禁用本身的颜色与字体的功能，而选择继承主题的配置，通过这两个选项，也可以帮助你调试样式。 有时候，主题和Elementor的全局样式设置要搭配着使用。如果你用的是Hello Elementor主题，那就不需要担心这个问题，因为它是Elementor官方配套主题。 Typography/文本排版 在【排版】里面你可以设置网站的内容的文本颜色、字体风格、段落间距，链接的颜色、字体风格以及悬停效果，H1-H6标签的颜色字体风格。并且你可以直接使用全局设置里面的设置好的颜色和字体来设置这些排版风格。 Button全局按钮设置 你可以对按钮的文字排版、文字投影、常规颜色的背景色、hover悬停时的文字颜色、背景色、边框类型与颜色、边角半径、内距进行设置。 Images全局图像设置 对图片，可以配置常规和悬停时的边框、边角半径、透明度、投影、css滤镜、以及从正常到悬停效果的过渡时间。 Form Fileds全局表单字段设置 当网站使用表单时，譬如外贸网站常用的联系表单、询盘表单，可以使用此处配置表单字段的样式。 诸如字段标题的颜色、排版，字段本身的排版，常规以及输入情况下的字体颜色、背景色、投影、边框、边角半径，以及内距。 相关教程： Setting设置 Site Identity站点标识设置（LOGO及图标设置） 在这里可以上传网站的名称、描述、logo以及站点图标。 相关教程： Background全局的背景设置 此处可设置网页的背景色，纯色或渐变色均可，也可以设置背景图片，并且还能单独设置移动端的背景色。 Layout默认布局设置（移动端断点） content width/内容宽度：用于设置网页内容区域的默认宽度，默认值是1140px，当你想网站页面更宽一点或更窄一些，就调这里。 widget space/小工具间隔：可以理解为元素快之间的间距，默认是20px Page title selector/页面标题选择器：这里是服务于隐藏页面标题功能的，如果你的主题的页面标题的样式选择器不是entry-title，那么你就需要更改此处了，如果你用的hello elementor主题，此处也不用改；只有当你发现使用隐藏标题功能不生效时，才需要考虑修改这里。 Stretched Section Fit To/拉伸部分以适用：在使用elementor的section时，有一个stretch setion的开关，用于拉伸对样setion到指定的宽度，此处就是用于指定宽度的，只是这里输入的是父元素选择器，拉伸的部分将与之相适应（例如#primary / .wrapper / main等）。留空以适应页面宽度。默认是body，基本不用改这里。 default page layout/页面默认布局：用于设置页面的默认布局，默认是全宽（elemlentor full width），它包含页头页脚，如果设置为elementor canvas，页面上就不会有页头页脚了，而是一张空白的画布。如果选择theme，则表示继承主题的设置。此外，不同主题还会提供不能的布局选项，请按需调试使用吧。 breakpoints/断点，你可以人为添加断点，用于为网站适配不同分辨率的设备，也就是常说的响应式。 Lightbox灯箱设置 可以理解为图片的弹出窗，Global Lightbox 选项卡使您能够调整以下设置： 图像灯箱：滑动开关以全局启用或禁用灯箱。 计数器：仅适用于多图像画廊。如果设置为是，则将图像计数添加到灯箱的左上角。例如，如果图库包含 6 张图片，则计数器将显示 1/6、2/6 等以指示“第 6 张图片”、“第 6...

1、关于为什么选择 Elementor Pro 易用性和灵活性：Elementor Pro提供了一个直观的拖放界面，使得即使是没有编程经验的用户也能轻松创建和编辑网站。它提供了广泛的自定义选项，允许用户根据自己的需求设计网站。 丰富的功能：Elementor Pro拥有比免费版本更多的高级功能，如全站编辑、动态内容、主题构建器等，这些功能可以帮助用户更全面地控制他们的网站设计。 专业的设计元素和模板：Elementor Pro提供了大量的专业设计元素和预制模板，这些可以帮助用户快速构建美观且功能强大的网页。 持续的更新和支持：购买Elementor Pro意味着可以获得定期的更新和专业的支持服务，这对于维护网站的安全性和最新性至关重要。 提高SEO和响应式设计：Elementor Pro有助于优化网站的搜索引擎排名，并确保网站在各种设备上都有良好的显示效果。 2、官方购买订阅并注册 1）注册官方账号 前往Elementor官网注册 如果你打不开请确认，你的电脑是否可以访问国外的网站（一般情况下都可以打开）。 准备一个邮箱账号，用于注册账号。 注册成功登录后直接登录管理后台 2）购买Elementor Pro订阅 点击【Subscription】页面下的【get Elementor Pro】按钮购买订阅 选择你想要购买的订阅版本，点击下方的【Buy Now】按钮 填写账单信息，账单地址可以填写中国，VAT number是税号用于开票，如果不确定可以先联系Elementor 客服确认再进行购买。 付款方式提供信用卡或者PayPal两种选择。 填写完成之后点击【CheckOut】按钮即可。 提交之后返回到Elementor后台管理界面中，可以在【subscription】界面中看到你购买的订阅。 你可以在这里直接下载Elementor Pro最新的安装包，升级订阅。 升级订阅只需要补差价即可，同时升级后的订阅，安装包是一样的，不需要重新下载安装了。 第一次安装Elementor Pro版本，需要从这里下载安装包，上传并安装。 3）下载安装Elementor Pro，并在网站激活订阅 在Elementor管理后台的【subscription】页面中的订阅项点击【download ZIP】下载安装包到电脑中。 在本地文件管理器查看下载的安装包，不需要进行解压缩。 登录到我们的WordPress网站后台，进入插件管理界面，可以看到我们安装好的Elementor基础插件，但是还没有Pro版，点击【安装插件】 继续点击【上传插件】 点击上传本地的安装包，点击【现在安装】 安装完成后点击【启用插件】 回到已安装插件列表，可以看到Elementor Pro 已经安装并启用，点击【Connect&Active】激活订阅 点击【Extend Your License】关联账户 激活成功自动跳转到网站，并显示订阅激活成功状态 我们打开Elementor 页面编辑窗口，可以看到专业版的元素全部被解锁，以及所有的专业功能已经全部可用。 这样你就可以用Elementor来自定义你网站的内容啦！ 3、管理订阅管理的网站 1）查看Elementor Pro 激活订阅的网站 在Elementor Pro管理控制后台的【Website】可以看到所有关联订阅的网站，但是有Pro标志的代表被授权使用专业版。 2）取消一个网站的专业版激活，并激活另一个网站 方法1、访问Elementor官网，登录你的账号，找到你的订阅并管理：Subscription > Manage the Subscription 然后，搜索需要删除授权的网站，点击断链按钮即可，被断开授权的网站中即便装了Elementor Pro，也会无法正常使用Elementor Pro的功能，但已经做好的页面不受影响，继而，你就可以在新网站中授权使用Elementor Pro了。 方法2、在原网站的WordPress后台中，断开Elementor授权，然后在新网站中安装Elementor Pro并激活。 需要注意的是，如果你的订阅有限，比如只有一个网站可以被授权，你需要先删除原来网站的专业版订阅，才能成功管理并成功订阅专业版，否则只是管理了账号，并不能完成专业版订阅！ 4、常见的问题 1）支付方式？ Stripe，PayPal或任何信用卡来支付Elementor Pro。 2）升级之后对原本的页面会有影响吗？ 没有，你可以继续修改和编辑原来的内容，并且可以使用Elementor更多的元素和功能。 3）可以将Elementor Pro许可证密钥从一个域转移到另一个域吗？ 可以，这就是上文中提到的订阅切换，按照操作即可。 4）切换订阅之后，我删除订阅的网站会受到影响吗？ 只要Elementor Pro...

使用 Elementor 的最新 Container （容器）元素相比于早期版本中的 Section 元素有几个显著的优势。Container （容器）元素是 Elementor 团队为了提升灵活性、性能和设计能力而引入的，这些改进意味着更加强大和灵活的布局选项，对设计者和开发者来说是一个重要的进步。但是对于很多小白来说上手还是有些困难。如果学过些CSS的可能就会清楚，其实就是flex布局。 一、Container （容器）的好处 更灵活的布局控制: 容器元素提供了更多的布局选项，如 Flexbox 和 Grid，允许更复杂和精细的布局控制。 它可以在一个容器内部管理多个子元素，而不仅仅是列。 改进的响应式设计: 容器元素允许对不同的屏幕大小进行更精细的调整，提供了更好的响应式设计控制。 它支持更复杂的响应式布局，例如在不同设备上显示或隐藏特定元素。 减少DOM元素数量: 与 Section 相比，容器元素可以减少生成的 DOM (文档对象模型) 元素的数量，这有助于提高页面加载速度和性能。 更少的 DOM 元素也意味着更简洁的代码和更好的SEO优化。 更好的边距和填充控制: 容器提供了更灵活的边距和填充设置，允许对子元素进行更精细的空间控制。 这有助于创建更精确的设计，特别是对于复杂的布局结构。 更多的设计选项: 容器元素提供了更广泛的设计选项，如背景、边框、形状分割器等，使设计更具创造性和多样性。 二、如何启用Elementor的Container功能 从设置上，Elementor 和 Elementor Pro 最新版默认 Grid Container 和 Flexbox Container 是开启的，如果是旧版本的可以自行开启下。 在WordPress后台的Elementor设置中启用Elementor Container功能 找到Flexbox弹性盒容器后选择启用 启用后滑动到最下方点击保存 同样操作找到Grid容器后选择启用并保存 保存完后再次回到Elementor编辑页面的部分，可以看到原先的内部区段已经消失，多出来了两个组件。 和列中行不同，每次新增行，都会先选择框架，有 Flexbox Container 和 Grid Container 两种选择，后面会详细说明。 三、Elementor Containner的基本设置 3.1 Containner的布局设置 1）Containner通用设置 鼠标选中Containner，在左侧的窗口中切换到Layout标签，可以对Containner进行布局设置。 Containner Layout用于切换Containner的布局方式，有Flexbox和Grid两个选项，默认的选项是Flexbox。 Content Width用于设置Containner的宽度，可以用Boxed或者Full Width。默认设置是Boxed代表内容的宽度基于一个固定宽度，这个宽度你可以在下面的width里面设置，默认值是1140px，你可以在Elementor Site...