跳转到主要内容

书籍

Elementor 开发者文档

Elementor 开发者文档中文翻译，介绍小工具、控件与扩展接口。

293 页更新于 7 个月前

开始阅读

目录293

  1. 01 Index Elementor 开发者文档 学习如何扩展 Elementor 核心以创建您自己的插件。在这里，您将找到详细的文档、便捷的代码片段和完整的代码示例。 入门指南 学习如何扩展 Ele... 7 个月前
  2. 02 插件包装器示例 让我们为 Elementor 插件创建一个包装器，它整合了目前所学的所有内容——文件/文件夹结构、每个 WordPress 插件所需的基本头部注释、命名空间以及兼容性检查。 文件夹结构 该插件将采用以下文件夹结构：... 7 个月前
  3. 03 兼容性检查 在初始化之前，插件应检查其基本要求是否满足。如果这些要求未满足，插件不应运行。 Basic Checks Since the addon extends Elementor’s core functionality... 7 个月前
  4. 04 文件与文件夹结构 所有 WordPress 插件指南 都应适用于 Elementor 插件。您应保持文件夹结构简单，并将相似的文件放在一起。 文件 您的插件根目录 /elementor-test-addon/ 应包含一个 ele... 7 个月前
  5. 05 构建扩展插件 Elementor 扩展插件本质上是为 Elementor 增加功能的 WordPress 插件。在开始创建 Elementor 扩展插件之前，你需要具备创建 WordPress 插件的背景知识。之后，你需要学习 ... 7 个月前
  6. 06 初始化流程 通过所有兼容性检查后，我们可以安全地运行插件并开始扩展 Elementor 的功能。我们可以加载其他文件、挂载过滤器和动作钩子，并编写自定义代码。 Registering Custom Scripts & Styl... 7 个月前
  7. 07 Loading Process Now that we have a WordPress plugin with all the header comments containing the basic information, we need ... 7 个月前
  8. 08 Main Class We can move the different components into a single class - our main class. It should check basic requiremen... 7 个月前
  9. 09 Using Namespaces PHP namespaces are a way of encapsulating your addon's functionality. Just like the filesystem, the namespa... 7 个月前
  10. 10 Header Comments Header comments are the standard way WordPress uses to provide information about plugins. The addon's main ... 7 个月前
  11. 11 Composer 开发者可以通过 Composer 安装 Elementor 和 Elementor Pro，而无需使用网页浏览器。只需几个简单的 CLI 命令即可完成。 什么是 Composer？ Composer 是一个 PHP... 7 个月前
  12. 12 实验功能激活 Elementor 允许您在实验性功能正式发布前提前使用。您可以通过管理面板或使用 experiments activate 命令行来激活实验功能。 命令 wp elementor experiments act... 7 个月前
  13. 13 实验功能停用 Elementor 用户可以访问尚未正式发布的实验性功能。这些实验可以从管理面板停用，或通过命令行使用 experiments deactivate 命令停用。 命令 wp elementor experimen... 7 个月前
  14. 14 实验功能状态 Elementor 的实验功能可以在正式发布前使用。要从命令行检查某个实验功能是处于激活还是未激活状态，请使用 experiments status 命令。 命令 wp elementor experiments... 7 个月前
  15. 15 刷新 CSS 在 Elementor 中设置的样式保存在数据库中，这些信息用于在 /wp-content/uploads/elementor/css/ 文件夹中生成 CSS 文件。Elementor CLI 的 flush-... 7 个月前
  16. 16 Elementor CLI Elementor 集成了 WP-CLI，使您能够通过命令行界面运行某些 Elementor 任务，而无需使用网页浏览器。 什么是 WordPress CLI？ WP-CLI 是 WordPress 的命令行界面。... 7 个月前
  17. 17 套件导出 导出多个独立模板并非易事。Elementor 可以将网站的所有内容、模板和站点设置打包成一个套件进行导出。这些套件可以从管理面板导出，也可以通过命令行使用 kit export 命令导出。 命令 wp eleme... 7 个月前
  18. 18 套件导入 Elementor 套件是模板、页面、弹窗等的集合。您无需单独导入每个模板，可以一次性导入所有内容。套件可以从管理面板导入，也可以使用 kit import 命令通过命令行导入。 命令 wp elementor ... 7 个月前
  19. 19 Library Connect 通过命令行将站点连接到 Elementor 库，只需提供 WordPress 用户和连接令牌。 命令 wp elementor library connect [--user] [--token] 参数 [--us... 7 个月前
  20. 20 库断开连接 通过命令行断开站点与 Elementor 库的连接，只需提供 WordPress 用户信息。 命令 wp elementor library disconnect [--user] 参数 [--user] (可选)... 7 个月前
  21. 21 库导入目录 逐个导入模板非常耗时。您可以一次性导入目录中的所有模板。Elementor CLI 的 library import-dir 命令将通过命令行导入所有模板 JSON 文件。 命令 wp elementor lib... 7 个月前
  22. 22 库导入 用户可以通过上传单个模板 JSON 文件或包含多个 JSON 文件的 ZIP 文件，从库中导入 Elementor 模板。Elementor CLI 的 library import 命令将通过命令行导入模板。 ... 7 个月前
  23. 23 库同步 Elementor 在本地维护着一个可从 Elementor 模板库下载的可用模板列表。系统会安排一个临时任务，每 12 小时同步一次可用模板。Elementor CLI 的 library sync 命令可通过... 7 个月前
  24. 24 License Activation Elementor Pro is a premium product that requires a license. To activate the license for a site you need a v... 7 个月前
  25. 25 License Deactivation Some Elementor Pro licenses can activate multiple sites. If no more activations are left on a license, you ... 7 个月前
  26. 26 替换 URL 更改 URL 的网站，无论是迁移到不同域名还是简单地从 HTTP 转移到 HTTPS，都需要更新数据库中的 URL。Elementor 提供了一个工具，可以在所有 Elementor 页面中将旧 URL 替换为新 ... 7 个月前
  27. 27 系统信息 系统信息显示网站配置的详细信息。这些数据可用于调试问题，帮助开发人员和支持工程师识别问题。Elementor CLI 的 system info 命令将以 JSON 格式打印站点的系统信息。 命令 wp elem... 7 个月前
  28. 28 清除主题构建器条件 Elementor 主题构建器用于创建网站部件模板。这些模板可以根据预定义的条件进行应用。所有条件都会被缓存。Elementor CLI 的 theme-builder clear-conditions 命令将清... 7 个月前
  29. 29 更新数据库 在某些情况下，新的 Elementor 版本会对数据库执行更改（例如迁移到套件、用全局样式替换方案等）。Elementor CLI 的 update db 命令将通过命令行触发数据库更新功能。 命令 wp ele... 7 个月前
  30. 30 添加新操作 要向上下文菜单添加新操作，我们需要定义一个新的操作对象，并将该对象插入到相关的上下文菜单组中。 添加新小部件操作 在下面的示例中，我们将向现有的 custom-widget-actions 组添加一个新操作。此操... 7 个月前
  31. 31 Add New Group To add a new group to the context menu, we need to define a new group object and insert it into the relevan... 7 个月前
  32. 32 Advanced Example In this example, we'll build a full Elementor addon that sends and opens Google PageSpeed in a new tab to t... 7 个月前
  33. 33 右键菜单操作 右键菜单弹窗包含多个组，这些组内包含称为“操作”的项。操作应用于选定的元素（区块、列、小部件）。在底层，这些操作是 JS 回调函数。 操作对象 操作是一个包含以下属性和方法的 JS 对象： const action... 7 个月前
  34. 34 Context Menu Groups Context menu popups contain several groups divided by a separator. Each group contains a number of actions ... 7 个月前
  35. 35 Context Menu Types Elementor has several types of context menus based on the selected location or element. To open a context m... 7 个月前
  36. 36 Elementor 上下文菜单 上下文菜单是一个弹出菜单，当用户在 Elementor 预览 区域右键单击某个元素时出现。此弹出菜单根据位置或所选元素提供一组可用的操作。这就是它被称为上下文菜单的原因。 上下文菜单结构 Elementor 根据所... 7 个月前
  37. 37 移除操作 要从上下文菜单中移除一个现有的操作，我们需要从某个组中删除该操作。 移除小部件操作 在下面的示例中，我们将从位于 widget 上下文菜单中的 custom-widget-actions 组中移除 widge... 7 个月前
  38. 38 移除群组 要从上下文菜单中移除群组，我们需要检查该群组是否存在于相关的菜单类型中，并从上下文菜单中删除该群组。这将删除整个群组以及分配给该群组的所有操作。 移除小部件群组 在下面的示例中，我们将从 widgets 上下文菜... 7 个月前
  39. 39 Simple Example In this example, we'll build a full Elementor addon to modify a context menu. Folder Structure The addon wi... 7 个月前
  40. 40 更新操作 要修改一个现有的操作，我们需要更改特定条目中的操作对象值。 更新小部件操作 在下面的示例中，我们将更新 widget-action 操作的图标： elementor.hooks.addFilter( 'eleme... 7 个月前
  41. 41 更新群组 要修改一个已存在的群组，我们需要更改群组对象。 更新小部件群组 在下面的示例中，我们将简单地将 widget 上下文菜单中的群组名称从 custom-widget-actions 重命名为 new-name：... 7 个月前
  42. 42 Add New Control Elementor offers many built-in controls out of the box, but it also allows external developers to register ... 7 个月前
  43. 43 复杂示例 现在我们将构建一个插件，通过使用外部库为 Elementor 添加新控件。该控件将显示一个文本区域字段，我们将使用 Emoji One Area 库来允许用户向内容中添加表情符号。 文件夹结构 该插件将包含四个文件... 7 个月前
  44. 44 Control Enqueue Controls can register and enqueue scripts & styles used by the control. Enqueue Method If you need to use a... 7 个月前
  45. 45 控件设置 控件设置允许开发者为控件设置默认值，例如标签、描述、是否显示分隔符、隐藏标签等。 可用设置 每个控件都有默认设置，这些设置决定了控件在面板中的结构和设计。这些默认设置在 $_base_settings 属性中定义... 7 个月前
  46. 46 控制结构 创建自定义控件是专为非常熟悉代码库的高级 Elementor 开发者保留的任务。这个过程从学习 Base_Control 类及其内部方法开始。这将使您能够理解 Elementor 如何创建不同的控件，以及如何自定... 7 个月前
  47. 47 控制模板 该模板生成在编辑器中显示的最终 HTML。模板使用 JS 通过 data JS 对象从设置中返回数据。 模板方法 您可以使用相同的 JS 模板来设计用户界面样式。 使用 JS 模板，我们无需通过特殊函数检索数据，... 7 个月前
  48. 48 Control Values You can set custom default values for your control. For example, if you add a new field, you can define its... 7 个月前
  49. 49 Elementor 控件 Elementor 控件是用于构建界面的输入字段和UI 元素。控件允许用户自定义可用面板设置，并在预览中更改设计。 Elementor 包含一系列开箱即用的控件。它们被用于小部件和面板中，以收集访问者数据并根据其选... 7 个月前
  50. 50 Remove Controls To remove existing control developers can simply unregister existing control by passing the control name. H... 7 个月前
  51. 51 简单示例 让我们构建一个为 Elementor 添加新控件的插件。该控件将显示一个可选择货币的下拉字段。 文件夹结构 该插件将包含三个文件。主文件将注册控件和 JS 文件。为了测试控件，我们将创建一个简单的测试小部件。 el... 7 个月前
  52. 52 Container Element The container is a layout element with nested capabilities, meaning that it can hold other elements. The co... 7 个月前
  53. 53 通用元素 每个 Elementor 元素，无论是布局元素（区块、列、容器）还是小部件元素，都拥有一组基本信息。这些数据在创建页面时用于解析元素。 JSON 结构 基本元素结构： { "id": "12345678", "... 7 个月前
  54. 54 通用结构 JSON 结构包含一个对象，其中存储了页面相关信息。这些信息包括文档类型、标题和版本。此外，它还包含实际数据，例如文档设置和文档内容。 JSON Structure Basic structure: { "tit... 7 个月前
  55. 55 全局样式 开发中 7 个月前
  56. 56 数据结构 Elementor 依赖特定的数据结构来运行。该结构在平台的流程中扮演着重要角色，对其操作至关重要。开发者应熟悉 Elementor 数据结构的关键方面，包括其格式和应用。 Elementor 引擎 整个 Elem... 7 个月前
  57. 57 页面内容 页面内容是一个 array 类型的对象数组，它保存了页面上的所有元素。此字段是递归的，意味着它可以包含嵌套元素，即元素内部可以包含其他元素。容器元素可以包含其他容器和小部件，而嵌套的小部件也可以包含其他小部件。 ... 7 个月前
  58. 58 Page Settings Data from the Page Settings panel is saved as a separate page_settings value. When the page has no setting... 7 个月前
  59. 59 中继器 开发中 7 个月前
  60. 60 响应式数据 开发中 7 个月前
  61. 61 小部件元素 Elementor 小部件是一个拥有自定义属性的元素。小部件对象包含元素 ID、元素类型、小部件类型以及基于小部件控件的所有元素设置等信息。 JSON 结构 Widget 元素结构： { "id": "12345... 7 个月前
  62. 62 Advanced Example A common example of deprecation is the managers registration process in Elementor 3.5. In this instance, ma... 7 个月前
  63. 63 Complex Example In Elementor 3.0, the limited Schemes mechanism had been replaced with Globals which allows users to define... 7 个月前
  64. 64 Deprecated Action Hooks Elementor offers the Deprecation::do_deprecated_action() method to handle the deprecation process for acti... 7 个月前
  65. 65 Deprecated Arguments Elementor offers the Deprecation::deprecated_argument() method to handle the deprecation process for argum... 7 个月前
  66. 66 Deprecated Filter Hooks Elementor offers the Deprecation::apply_deprecated_filter() method to handle the deprecation process for f... 7 个月前
  67. 67 Deprecated Function Elementor offers the Deprecation::deprecated_function() method to handle the deprecation process for funct... 7 个月前
  68. 68 Elementor 弃用功能 Elementor 是一个不断发展的产品。随着时间的推移，代码会被移除或替换。这些弃用信息会通过各种渠道发布。弃用过程是渐进的，弃用的代码至少经过 8 个主要版本后才会被移除。 Deprecation Proces... 7 个月前
  69. 69 Simple Example One example of commonly used deprecated conventions is when addon developers create widgets using methods w... 7 个月前
  70. 70 添加新的动态标签 Elementor 提供了许多开箱即用的内置动态标签，同时也允许外部开发者注册新的标签。 钩子 为此，我们只需挂载到 elementor/dynamic_tags/register 动作，该动作将动态标签管理器作... 7 个月前
  71. 71 高级示例 这个更高级的示例将包含自定义字段的使用，以及用户可设置字段的控件。该标签将计算这些字段的平均值，并包含一个用户可设置 ACF 字段 ID 的逗号分隔列表的控件。 文件夹结构 该插件将包含两个文件。动态标签及其功能文... 7 个月前
  72. 72 复杂示例 为展示复杂动态标签，我们将允许用户从可用服务器变量列表中显示服务器变量。它将包含一个自定义的动态标签组，并提供一个包含所有可用服务器变量的选择框控件。渲染函数将返回用户选择的变量及其值。 文件夹结构 该插件将包含两... 7 个月前
  73. 73 动态标签分类 创建控件时，开发者可以定义控件是否接受动态数据。若控件接受动态数据，则必须设置数据类型（如文本值、颜色、图像）。而动态标签需要定义其向控件返回的数据类型。 这正是分类发挥作用之处。Elementor Pro 提供按... 7 个月前
  74. 74 动态标签控件 简单标签返回没有依赖关系的动态数据，例如随机数。更复杂的标签可能包含可选字段，用户可以在其中配置自定义数据，例如用户可以设置最小值和最大值的随机数。随后，渲染方法将使用这些自定义字段来生成最终输出。 注册控件 要为... 7 个月前
  75. 75 动态标签数据 每个动态标签都需要基本信息，例如唯一 ID、标题、组别和类别。 数据方法 动态标签数据通过这些方法"返回"： class Elementor_Test_Tag extends \Elementor\Core\Dyn... 7 个月前
  76. 76 Dynamic Tags Groups To simplify navigation, all tags are arranged into groups. This allows users to quickly scan the list and s... 7 个月前
  77. 77 动态标签渲染 render 方法生成最终输出并将数据回显到控件。如果动态标签有控件，渲染函数应在生成输出时使用这些数据。 渲染方法 要渲染动态标签输出并回显数据，我们使用 render() 方法，如下所示： class Ele... 7 个月前
  78. 78 动态标签结构 每个动态标签都需要具备一些基本设置，例如唯一的名称。除此之外，还有一些高级设置，如动态标签控件，这些基本上是可选字段，用户可以在其中配置自定义数据。还有一个渲染方法，它根据从动态标签控件获取的用户设置生成最终输出。... 7 个月前
  79. 79 Dynamic Tags Dynamic Tags are used to insert customized data based on various sources. For example, Elementor Pro allows... 7 个月前
  80. 80 移除动态标签 要移除现有的动态标签，开发者只需通过传递动态标签名称来注销现有标签。 钩子 为此，我们需要挂载到包含动态标签管理器的 elementor/dynamic_tags/register 动作，并将动态标签名称传递给 ... 7 个月前
  81. 81 简单示例 总而言之，我们将创建一个返回随机数的简单动态标签。为简化示例，此动态标签不包含控件。但您可以扩展代码，添加最小值和最大值的限制控件。 文件夹结构 该插件将包含两个文件。动态标签及其功能文件，主文件将用于注册标签。 ... 7 个月前
  82. 82 默认面板 默认情况下，当编辑器首次加载时，Elementor 会显示小部件面板。您可以更改此设置。 更改默认面板 使用以下代码将页面设置面板设为默认面板： function change_default_elementor_... 7 个月前
  83. 83 Elementor 面板 面板就像一个编辑仪表盘。这是用户可以控制页面所有方面的区域。它包括全局设置、页面设置、小部件面板等。 Elementor 面板 面板区域由多个面板组成： 菜单面板 站点设置面板 用户偏好设置面板 页面设置面板 历史... 7 个月前
  84. 84 Elementor 预览 预览区域用于显示当前正在编辑页面的实时预览。它由 JavaScript 引擎渲染，通常无需从服务器端加载。换句话说，这是您可以看到网站最终呈现效果的区域。 扩展预览功能 预览区域是编辑器的一部分。这意味着它继承了部... 7 个月前
  85. 85 Elementor 选项卡 在某些面板中，Elementor 使用选项卡导航来显示控件。扩展 Elementor 时，您可以使用任何所需的选项卡，或创建新的选项卡。 Built-in Tabs Elementor has 6 pre-defi... 7 个月前
  86. 86 历史面板 历史是编辑器中的一个面板，允许用户查看其最新操作和修订版本。此面板让用户可以撤销/重做操作，并恢复页面的先前版本。 结构与功能 该面板包含两个选项卡： 修订版本 - 保存在数据库中的页面版本。 操作 - 自上次保存... 7 个月前
  87. 87 Elementor 编辑器 编辑器是用户创建页面和控制网站设置的环境。编辑器是一个通用术语，包含两个主要区域——预览区和面板区。每个区域都包含可由第三方开发者扩展的内部区域。 结构 编辑器指整个编辑屏幕，由两个主要区域组成： Elemento... 7 个月前
  88. 88 菜单面板 菜单面板是编辑器中的主面板。用户可由此导航至其他面板。换言之，它充当着其他 Elementor 面板的仪表板。 结构与功能 该面板包含两个部分： 设置 - 链接至控制设置的其他面板。 页面导航 - 链接至外部链接和... 7 个月前
  89. 89 页面设置面板 页面设置是编辑器中的一个面板，用户可以在其中更改文章/页面的字段，例如标题、摘要（如果文章类型支持摘要）、特色图像、文章状态等。 页面设置基于文章/页面，这意味着网站上的每个文章/页面都有其独特的设置，这些设置保存... 7 个月前
  90. 90 站点设置面板 站点设置是编辑器中的一个面板，用户可以在其中全局定义站点设置。这包括全局颜色、排版、站点标识等。 结构与功能 该面板包含三个部分： 设计系统 - 定义全局颜色和字体，以确保设计一致性。 主题样式 - 由主题处理的全... 7 个月前
  91. 91 User Preferences Panel User Preferences is a panel in the editor where the user can control the editor's look and feel. Users can ... 7 个月前
  92. 92 小部件面板 小部件 是 编辑器 中的入口面板（用户看到的第一个面板）。用户可以从此处将小部件拖放到 预览 区域。 结构与功能 该面板有两个选项卡： 元素 - 已注册小部件的列表。 全局 - 用户保存的全局小部件列表。 元素选项... 7 个月前
  93. 93 AI Elementor 已在众多控件中集成了 AI 功能，旨在赋能用户通过生成原创或增强的文本以及自定义代码（HTML 和 CSS）来提升其网站品质，从而帮助网页创作者提高工作效率。插件开发者可以选择启用或禁用 AI ... 7 个月前
  94. 94 条件显示 在某些情况下，您可能需要根据用户在依赖控件中的选择来显示控件。例如，开启切换控件可能会触发其他控件的显示。编辑器中的控件机制具有特殊的条件显示功能。让我们看看如何使用它。 条件参数 要为 Elementor 控件设... 7 个月前
  95. 95 警告控制 Elementor 警告控制根据消息的严重程度，在面板中显示四种类型的警告：信息、成功、警告和危险。 该控件在继承 Base_UI_Control 类的 Control_Alert 类中定义。 使用此控件时， ... 7 个月前
  96. 96 入场动画控制 Elementor 入场动画控制基于 Animate.css 库显示一个选择框字段。该控件允许为项目设置入场动画效果。 此控件在继承 Base_Data_Control 类的 Control_Animation... 7 个月前
  97. 97 盒阴影控制 Elementor 盒阴影控制显示用于水平阴影、垂直阴影、阴影模糊、阴影扩散和阴影颜色的输入字段。 该控件在继承 Control_Base_Multiple 类的 Control_Box_Shadow 类中定义... 7 个月前
  98. 98 按钮控件 Elementor 按钮控件可在面板中显示一个能够触发事件的按钮。 该控件定义在继承 Base_UI_Control 类的 Control_Button 类中。 使用此控件时，应将 type 参数设置为 \... 7 个月前
  99. 99 选择控件 Elementor 选择控件将单选按钮显示为带有图标选项的按钮组。 该控件在继承 Base_Data_Control 类的 Control_Choose 类中定义。 使用此控件时，应将 type 设置为 \... 7 个月前
  100. 100 代码控制 Elementor 代码控制基于 Ace 编辑器 显示一个代码编辑器文本区域。它接受一个语言参数来定义编程 language，并包含语法高亮器以突出显示代码。 该控件在继承 Base_Data_Control ... 7 个月前
  101. 101 颜色控制 Elementor 颜色控件显示一个带有 Alpha 通道滑块的颜色选择器字段。它包含一个可由用户预设的自定义调色板。 该控件在继承 Base_Data_Control 类的 Control_Color 类中定... 7 个月前
  102. 102 日期时间控件 Elementor 日期时间控件基于 Flatpickr 库显示一个日期/时间选择器字段。 该控件定义在继承 Base_Data_Control 类的 Control_Date_Time 类中。 使用此控件时，... 7 个月前
  103. 103 弃用通知控件 Elementor 弃用通知控件在面板中显示一个预格式化的通知，警告该小部件已弃用并应被替换。 该控件在 Control_Deprecated_Notice 类中定义，该类继承自 Base_UI_Control... 7 个月前
  104. 104 尺寸控制 Elementor 尺寸控制显示上、右、下、左的输入字段，并提供将它们链接在一起的选项。该控件可选择包含多种单位类型 ( size_units) 供用户选择。它还接受 range 参数，允许您为每种单位类型设置 ... 7 个月前
  105. 105 分隔线控件 Elementor 分隔线控件用于在控件之间显示分隔符。 该控件定义在继承 Base_UI_Control 类的 Control_Divider 类中。 使用此控件时，应将 type 设置为 \Elemen... 7 个月前
  106. 106 退出动画控制 Elementor 退出动画控制基于 Animate.css 库显示一个选择框字段。该控制允许为项目设置退出动画效果。 该控件在 Control_Exit_Animation 类中定义，该类继承自 Contro... 7 个月前
  107. 107 字体控制 Elementor 字体控制基于 Google Fonts 库显示一个字体选择框。该控件允许您设置字体列表。 此控件在继承 Base_Data_Control 类的 Control_Font 类中定义。 使用此... 7 个月前
  108. 108 画廊控件 Elementor 画廊控件基于 WordPress 画廊显示一个媒体选择区域。该控件允许从 WordPress 媒体库中选择多张图片。 该控件在继承 Base_Data_Control 类的 Control_... 7 个月前
  109. 109 标题控件 Elementor 标题控件用于在面板中的控件之间显示文本标题。 该控件定义在继承 Base_UI_Control 类的 Control_Heading 类中。 使用此控件时，应将 type 设置为 \El... 7 个月前
  110. 110 隐藏控件 Elementor 隐藏控件在面板中添加一个隐藏的输入字段。它可用于添加数据，而无需在面板中进行可视化呈现。这意味着 Elementor 用户无法访问此控件。 该控件在继承 Base_Data_Control 类... 7 个月前
  111. 111 Hover Animation Control Elementor hover animation control displays a select box field based on the Hover.css library. The control a... 7 个月前
  112. 112 图标控件 ::: danger 已弃用 此控件已被弃用，推荐使用新的图标控件。 ::: Elementor 图标控件显示一个基于 Font Awesome 字体的图标选择框。该控件接受 include 或 exclude... 7 个月前
  113. 113 图标控件 Elementor 图标控件显示图标选择器。此外，它能够从 Elementor 的“图标库”中选择现有图标，或“上传 SVG”到 WordPress 媒体库。 该控件在继承 Control_Base_Multip... 7 个月前
  114. 114 Image Dimensions Control Elementor image dimensions control displays a width input, a height input and an apply button. It is used b... 7 个月前
  115. 115 媒体控件 Elementor 媒体控件基于 WordPress 媒体库显示媒体选择器部分，允许用户从媒体库中选择图像。 该控件在继承 Control_Base_Multiple 类的 Control_Media 类中定义... 7 个月前
  116. 116 通知控件 Elementor 通知控件根据消息的严重程度，在面板中显示四种类型的通知：信息、成功、警告和危险。 与警告控件不同，通知控件可以选择设置为可关闭，允许用户关闭消息并且不再显示。 该控件在继承 Base_UI_C... 7 个月前
  117. 117 数值控制 Elementor 数值控件显示一个简单的数字输入字段，可选择限制最小值和最大值，并定义数值变化时的步长。 该控件在继承 Base_Data_Control 类的 Control_Number 类中定义。 使用... 7 个月前
  118. 118 Popover Toggle Control Elementor popover toggle control displays a toggle button to open and close a popover. The control allow y... 7 个月前
  119. 119 控制项弹出框 控制项弹出框是用于分组控制项并将其显示在面板上方弹出窗口中的 UI 包装器。使用弹出框可以帮助您通过将控制项移至弹出框来简化面板，仅当用户选择查看它们时才显示。一个很好的例子是排版控制项。它包含一个切换开关，只有当... 7 个月前
  120. 120 原始 HTML 控件 Elementor 原始 HTML 控件在面板中显示 HTML 内容。 该控件在继承 Base_UI_Control 类的 Control_Raw_Html 类中定义。 使用此控件时，应将 type 设置为 ... 7 个月前
  121. 121 重复器控件 Elementor 重复器控件允许您构建可重复的字段块。例如，您可以创建一组包含标题和 WYSIWYG 文本的字段——用户随后将能够添加“行”，每行都包含一个标题和一段文本。这些数据可以包装在自定义 HTML 标签... 7 个月前
  122. 122 控制项分组 控制项分组是用于在面板标签页下排列控制项的 UI 包装器。这些控制项被划分为多个分组，每个控制项必须属于一个分组。这些分组通过两种方法创建： start_controls_section() 用于创建新分组，而 ... 7 个月前
  123. 123 选择控件 Elementor 选择控件显示一个简单的下拉选择框。它接受一个数组，其中 key 是选项的 value，而值则是选项名称。 该控件定义在继承 Base_Data_Control 类的 Control_Se... 7 个月前
  124. 124 Select2 控件 Elementor select2 控件基于 Select2 库显示一个选择框控件。它接受一个数组，其中 key 是值， value 是选项名称。将 multiple 设置为 true 以允许多值选择。 该控... 7 个月前
  125. 125 滑块控件 Elementor 滑块控件显示一个可拖动的范围滑块。该控件可选择性地包含多种单位类型 ( size_units) 供用户选择。控件还接受一个 range 参数，允许您为每种单位类型设置 min、 max 和 ... 7 个月前
  126. 126 开关控件 Elementor 开关控件显示一个开/关切换器。它本质上是复选框的一种精美表现形式。 该控件定义在继承 Base_Data_Control 类的 Control_Switcher 类中。 使用此控件时，应将 ... 7 个月前
  127. 127 控制选项卡 控制选项卡是用于在面板中排列区域和控件的 UI 包装器。控件必须添加到区域中，而区域是选项卡的一部分。选项卡使用两个方法创建： start_controls_tabs() 创建新选项卡，而 end_control... 7 个月前
  128. 128 文本阴影控制 Elementor 文本阴影控件显示用于水平阴影、垂直阴影、阴影模糊和阴影颜色的输入字段。 该控件在继承 Control_Base_Multiple 类的 Control_Text_Shadow 类中定义。 使... 7 个月前
  129. 129 文本控件 Elementor 文本控件显示一个简单的文本输入框。 该控件在继承 Base_Data_Control 类的 Control_Text 类中定义。 使用此控件时，应将 type 设置为 \Elemento... 7 个月前
  130. 130 文本域控件 Elementor 文本域控件显示一个经典的多行文本输入框，并支持设置 rows（行数）属性。 该控件定义在继承 Base_Data_Control 类的 Control_Textarea 类中。 使用此控件... 7 个月前
  131. 131 控件类型 Elementor 开箱即用，包含了种类繁多的控件。每个控件都有一个自定义模板以及可选的默认设置、默认值和其他影响控件在面板中输出的方法。 基础控件 Elementor 有几个扩展自抽象基类的基础控件，每个都用于不... 7 个月前
  132. 132 URL 控件 Elementor URL 控件显示一个 URL 输入字段。该控件还能够显示更多控制选项，例如在新窗口中打开链接、添加 nofollow 属性以及定义额外属性（以逗号分隔的键值对列表）。 该控件在继承 Cont... 7 个月前
  133. 133 视觉选择控件 Elementor 视觉选择控件将单选按钮显示为带图像的按钮组。 该控件定义在继承 Base_Data_Control 类的 Control_Visual_Choice 类中。 使用此控件时， type 应设置... 7 个月前
  134. 134 WYSIWYG 控件 Elementor WYSIWYG 控件显示一个基于 TinyMCE 库的 WordPress 富文本编辑器。 该控件在继承 Base_Data_Control 类的 Control_Wysiwyg 类中定义。... 7 个月前
  135. 135 动态内容 Elementor 可以使用动态标签替换控件输出，以编程方式生成内容。动态功能将静态控件转变为智能组件。这有助于用户将来自各种来源的定制化数据添加到他们的网站。让我们看看如何设置。 动态参数 使用 dynamic... 7 个月前
  136. 136 前端可用 在某些情况下，开发者需要在前端加载的小部件 JS 中使用控件值。例如，一个使用外部滑块库的 Elementor 小部件需要获取要显示的幻灯片数量，并将数据传递给前端库脚本。Elementor 允许开发者公开控件值以... 7 个月前
  137. 137 全局样式 Elementor 终端用户可通过站点设置面板设置全局样式。编辑器中的控制机制具备特殊功能，允许用户设置自定义样式或继承全局样式。下面我们来看看如何设置。 Global Argument To set global... 7 个月前
  138. 138 背景组控件 Elementor 背景组控件显示用于定义背景的输入字段，包括背景颜色、背景图像、背景渐变或背景视频。 该控件在继承 Group_Control_Base 类的 Group_Control_Background... 7 个月前
  139. 139 边框组控件 Elementor 边框组控件显示用于定义边框的输入字段，包括边框类型、边框宽度和边框颜色。 该控件在继承 Group_Control_Base 类的 Group_Control_Border 类中定义。 使用... 7 个月前
  140. 140 盒阴影分组控件 Elementor 盒阴影分组控件显示用于定义盒阴影的输入字段，包括水平阴影、垂直阴影、阴影模糊、阴影扩散、阴影颜色和阴影位置。 该控件在继承 Group_Control_Base 类的 Group_Contr... 7 个月前
  141. 141 CSS 滤镜组控件 Elementor CSS 滤镜组控件显示滑块字段，用于定义不同 CSS 滤镜的值，包括模糊、亮度、对比度、饱和度或色调。 该控件在 Group_Control_Css_Filter 类中定义，该类继承自 Gr... 7 个月前
  142. 142 图像尺寸组控件 Elementor 图像尺寸组控件显示输入字段，用于定义默认图像尺寸（缩略图、中等、中等大、大）或自定义图像尺寸。 该控件在 Group_Control_Image_Size 类中定义，该类继承自 Group_... 7 个月前
  143. 143 文本阴影组控件 Elementor 文本阴影组控件显示用于定义文本阴影的输入字段，包括水平阴影、垂直阴影、阴影模糊和阴影颜色。 该控件在继承 Group_Control_Base 类的 Group_Control_Text_S... 7 个月前
  144. 144 文本描边组控件 Elementor 文本描边组控件显示用于定义文本描边的输入字段，包括水平描边、垂直描边、描边模糊和描边颜色。 该控件在继承 Group_Control_Base 类的 Group_Control_Text_S... 7 个月前
  145. 145 排版组控件 Elementor 排版组控件显示用于定义内容排版的输入字段，包括字体大小、字体系列、字体粗细、文本转换、字体样式、行高和字母间距。 该控件在继承 Group_Control_Base 类的 Group_Con... 7 个月前
  146. 146 组合控制 组合控制是一组具有相似功能的常规控件和响应式控件，它们被组合成一个单一控件（例如：排版控制、文本阴影控制、盒阴影控制）。要添加组合控件，我们使用 add_group_control() 方法。 分组控件结构 使用... 7 个月前
  147. 147 Elementor 编辑器控件 Elementor 编辑器控件是用于构建界面的输入字段和UI 元素。控件允许用户自定义可用面板设置，并在预览中更改设计。 Elementor 开箱即用，提供了广泛的控件。它们被用于小部件和编辑器面板中，以收集用户数... 7 个月前
  148. 148 标签与描述 控件本质上是供用户填写数据的输入字段。每个控件可包含显示在字段上方的标签，以及显示在字段下方的简短描述。编辑器中的控件机制提供特殊参数，帮助开发者设置这些字段并为其定义样式。 基本参数 编辑器中的每个控件都接受以下... 7 个月前
  149. 149 常规控件 常规控件是基础构建模块，允许用户为不同类型的输入字段（文本、数字、颜色、图像、图标等）设置不同的值。常规控件通过 add_control() 方法添加。 常规控件结构 使用以下代码添加控件： $this->add... 7 个月前
  150. 150 响应式控件 响应式控件本质上是具备特殊功能的常规控件，允许用户为不同设备和屏幕尺寸设置不同的值。我们使用 add_responsive_control() 方法来添加响应式控件。 响应式控制结构 以下代码将添加一个新的响应式... 7 个月前
  151. 151 选择器字典 在某些情况下，您可能需要更新特定控件的值。但这样做可能会破坏现有网站，因为这些网站将旧值存储在数据库中。针对这些情况，Elementor 提供了一个字典，帮助开发者在代码使用前将旧值转换为新值。 选择器字典参数 使... 7 个月前
  152. 152 CSS 选择器 为了将控件值转换为 CSS 样式，Elementor 对分组控件使用 selector 参数，对其他控件使用 selectors 参数。这两个参数定义了使用哪些 CSS 选择器以及将值设置到哪些 CSS 属性上... 7 个月前
  153. 153 使用控件 控件可以在 Elementor 小部件或 Elementor 面板中使用。最终用户使用控件来选择他们的数据。这些数据保存在数据库中，随后用于根据用户的选择生成自定义输出。 注册控件 在您的小部件类中，可以在 re... 7 个月前
  154. 154 Add Items to an Existing Category In some cases, developers would like to add new items to existing finder categories. You can do that using ... 7 个月前
  155. 155 添加新的查找器项目 对于添加到查找器的每个新项目（链接），我们需要定义几个字段。这包括标签、URL、图标等。所有这些链接被分组在一个数组中并一起返回。 新建类别 查找器类别包含所有类别标签及其项目。 class New_Finder_... 7 个月前
  156. 156 高级示例 针对更高级的用例，我们将用核心 WordPress 函数替换静态链接，以链接到 WordPress 仪表盘设置面板。 文件夹结构 该插件将包含两个文件：一个用于查找器分类的文件，以及一个用于注册类的主文件。 ele... 7 个月前
  157. 157 Finder 分类 查找器返回一组按分类组织的链接。每个分类包含指向网站不同部分的链接。对于用户输入的每个搜索词，查找器会根据相关的“关键词”过滤链接列表。 可用分类 默认情况下，查找器提供对以下链接组的快速访问： 创建 ( crea... 7 个月前
  158. 158 Finder 结构 Finder 按类别组织，每个类别包含一组链接。 Finder 类 要编辑 Finder 的类别，我们首先需要创建一个继承 \Elementor\Core\Common\Modules\Finder\Base_C... 7 个月前
  159. 159 Elementor Finder Finder 组件会打开一个弹出式搜索栏，方便快捷地访问网站上的许多页面和设置。它可用于创建新文章、编辑其他页面、导航到不同的设置页面等。 Finder 结构 Finder 包含一个类别数组。每个类别包含多个项目。... 7 个月前
  160. 160 移除查找器分类 开发者可以使用 elementor/finder/categories 过滤器钩子来移除整个查找器分类及其所有项目。 移除分类 在下面的示例中，我们将移除 " edit" 分类： function remove_... 7 个月前
  161. 161 移除查找器项目 开发者可以通过使用 elementor/finder/categories 过滤器钩子，从查找器类别中移除特定项目。 移除项目 在下面的示例中，我们将从 " create" 类别中移除 " post" 项目： f... 7 个月前
  162. 162 简单示例 为了展示扩展查找器是多么容易，我们将创建一个非常简单的查找器类别，其中包含指向社交媒体网站的静态链接。 文件夹结构 该插件将包含两个文件。一个用于查找器分类的文件，以及一个用于注册类的主文件。 elementor-... 7 个月前
  163. 163 Action Controls Each action can incorporate controls (setting fields), that allow users to select their data. When a user s... 7 个月前
  164. 164 Action Data 每个操作都包含基本信息，例如唯一的操作 ID 和标签。这些数据在代码中使用，并在编辑器中显示给用户。 数据方法 操作数据需要通过特定方法“返回”。这些方法很简单： class Elementor_Test_Acti... 7 个月前
  165. 165 导出时的处理 最佳实践是在导出 Elementor 数据时排除操作设置。如果你的表单操作添加了一些设置（操作控件），则不应导出它们。 导出方法 用于从导出过程中排除数据的方法称为 on_export()。此方法可用于在导出时排... 7 个月前
  166. 166 Action Run 表单提交时执行操作的实际方法。这是操作触发的主要方法。它可以使用来自自定义控件的可选数据，但这不是必需的。 Run 方法 触发操作的方法称为 run()。该方法仅在表单提交时执行。在你的操作类中，按如下方式使用该... 7 个月前
  167. 167 Action Structure Creating custom form actions, triggered after a form's submission, is not as hard as it sounds. Each form a... 7 个月前
  168. 168 Add New Action The form widget has several built-in actions, but external developers can create and register new form acti... 7 个月前
  169. 169 高级示例 我们将创建一个更高级的示例插件，该插件将使用 Sendy 的 API 向服务器添加新订阅者。 文件夹结构 该插件将包含两个文件。一个用于新的表单操作，另一个主文件用于注册操作并处理所有其他事项。 elementor... 7 个月前
  170. 170 Elementor 表单操作 表单操作是访客提交数据后执行的任务。一个操作可以通过电子邮件发送表单数据、将其重定向到其他页面，或将数据发送到外部营销服务——可能性是无限的。 Elementor Pro 提供了一套工具来添加您自己的自定义操作。 ... 7 个月前
  171. 171 简单示例 为了演示创建新表单操作是多么容易，我们将创建一个用于通知外部服务器的插件。 文件夹结构 该插件将包含两个文件。一个用于新表单操作的文件，以及一个主文件用于注册操作并处理所有其他事项。 elementor-forms... 7 个月前
  172. 172 Add New Field The Form widget has built-in field types, but it also accepts new fields registered by external developers.... 7 个月前
  173. 173 高级示例 我们将创建一个包含信用卡字段的插件作为更高级的示例。 文件夹结构 该插件将包含两个文件。一个用于新字段类型的文件，以及一个主文件用于注册新字段并处理所有其他事项。 elementor-form-credit-car... 7 个月前
  174. 174 字段内容模板 在渲染小部件时，我们有一个 PHP 模板和一个 JS 模板。然而，表单字段渲染只有 PHP 模板，没有 JS 模板。外部开发者可以使用一种变通方法来克服这个障碍。 渲染 JS 模板 以下代码是一个简单的变通方法，用... 7 个月前
  175. 175 字段控件 表单字段可以拥有额外的控件，允许用户自定义表单字段。当字段被添加到表单时，这些控件将显示在字段设置中。输入到这些控件中的数据会被保存到数据库，之后可用于渲染字段输出或验证字段值。 注册控件 在您的字段类中，可以使用... 7 个月前
  176. 176 Field Data Every field has basic information such as the field unique ID and the field label. This data is used in the... 7 个月前
  177. 177 字段依赖关系 某些表单字段的功能依赖于自定义脚本，外观则依赖于自定义样式。让我们看看如何设置字段依赖关系。 依赖属性 在字段类内部，我们可以通过以下方式声明所需的任何 JS 或 CSS 依赖： class Elementor_T... 7 个月前
  178. 178 字段渲染 表单中使用的字段需要在前端有输出。渲染方法用于设置字段在网站前端向用户显示时的代码。 渲染方法 实际生成字段输出的方法称为 render()。在你的字段类中，按如下方式使用此方法： class Elementor... 7 个月前
  179. 179 Field Structure When creating new form fields we needs to have a few basic settings like a unique name and a label that wil... 7 个月前
  180. 180 Field Validation Elementor offers the ability to run a series of checks to ensure that field data complies to a certain set ... 7 个月前
  181. 181 Elementor 表单字段 Elementor 表单小部件 是一个高级但易于使用的工具，用于创建网页表单。该小部件使得使用数十种字段类型来创建和设计任何表单变得轻而易举。 表单字段 当用户将表单小部件添加到页面时，他们可以选择在表单中显示哪些... 7 个月前
  182. 182 Remove Fields To remove an existing field from the form widget we simply need to delete it from the list of available fie... 7 个月前
  183. 183 简单示例 为了展示扩展表单小部件的简易性，我们将创建一个插件，用于移除旧的 tel 字段并添加一个 local-tel 字段。 文件夹结构 该插件将包含两个文件。一个用于新字段类型，另一个主文件用于注册字段并处理所有其他... 7 个月前
  184. 184 What is an Elementor addon? Before you start planning and developing your Elementor addon, it’s important to understand what addons are... 7 个月前
  185. 185 最佳实践 这份最佳实践指南是面向 Elementor 扩展开发者的动态文档，将随着 Elementor 的更新、新功能的引入以及额外建议的提供而不断修订。我们建议遵循这些最佳实践。 支持的 PHP 版本 确保您的扩展兼容最常... 7 个月前
  186. 186 Elementor 组件 Elementor 包含众多开发者可以修改的组件，以扩展 Elementor 的功能。本节列出了当前文档所涵盖的组件。 可用组件 以下是 Elementor 组件的列表，附有简短说明和更深入信息的链接： 小部件 E... 7 个月前
  187. 187 创建您的首个扩展插件 让我们创建一个简单的 Elementor 扩展插件，为 Elementor 添加两个小部件。第一个将是简单的 "Hello World" 小部件，而第二个将与之类似，但功能有所增强。 插件文件夹结构 第一步将是注册... 7 个月前
  188. 188 什么是 Elementor？ Elementor 是终极的 WordPress 网站构建器，它让用户能够直观、专业地创建像素级完美的 WordPress 网站，而无需编写代码。同时，它提供了一个框架，允许开发者扩展其功能，为用户提供更多特性。E... 7 个月前
  189. 189 Elementor 内部机制 Elementor 拥有底层技术，我们称之为内部机制。在本节中，我们将介绍开发 Elementor 插件时需要理解的概念。 可用的内部机制 以下是 Elementor 内部机制的列表，附有简短说明和深入信息的链接：... 7 个月前
  190. 190 要求 在开始工作之前，请确保您满足以下概述的要求。 服务器 要开始工作，您需要一个 WordPress 站点，最好是一个全新的 WordPress 安装（本地主机或暂存/开发环境）。您可以使用运行 WordPress 所... 7 个月前
  191. 191 文档网站 为了进一步支持和鼓励开发者社区，Elementor 创建了这个更新和修订后的文档中心，开发者可以在此访问详细的文档，清晰地了解 Elementor 的工作原理以及它为开发者提供的选项。 使用本文档 本网站包含的文档... 7 个月前
  192. 192 Description Meta Tag 为了在不使用外部插件的情况下改善 SEO，主题会添加一个包含页面/文章摘要的 meta 标签。开发者可以通过一个简单的钩子来移除这个 meta 标签。 钩子详情 钩子类型: 动作钩子 钩子名称: hello_el... 7 个月前
  193. 193 Register Theme Features The theme registers various WordPress theme features. Developers can override this using a filter hook in a... 7 个月前
  194. 194 Register WooCommerce Features The theme registers various WooCommerce theme features. Developers can override this using a filter hook in... 7 个月前
  195. 195 Content Width The theme sets content width of 800 pixels. Developers can override this using a filter hook in a child-the... 7 个月前
  196. 196 Enable Skip Link The theme has a "Skip to content" link at the top of the page, it's used by screen readers to quickly navig... 7 个月前
  197. 197 Enqueue Styles The theme loads the style.min.css file by default. Developers can override this using a filter hook in a c... 7 个月前
  198. 198 Enqueue Theme Styles The theme loads the theme.min.css file by default. Developers can override this using a filter hook in a c... 7 个月前
  199. 199 Page Title The theme displays the <h1> page title above the content area. Developers can override this using a filter... 7 个月前
  200. 200 Register Post Type Features The theme registers a single post-type feature that adds excerpts to page. Developers can override this usi... 7 个月前
  201. 201 Register Elementor Theme Locations The theme registers Elementor theme locations. Developers can override this using a filter hook in a child-... 7 个月前
  202. 202 Register Navigation Menus The theme registers two WordPress navigation menus, one for the header and the other footer. Developers can... 7 个月前
  203. 203 Skip Link URL The theme has a "Skip to content" link at the top of the page, it's used by screen readers to quickly navig... 7 个月前
  204. 204 Viewport Content The theme has a viewport meta tag, in the head, that controls the viewport's size and shape. Developers can... 7 个月前
  205. 205 Hello Elementor 主题 Hello Elementor Theme 是一款轻量级、极简风格的 WordPress 主题，专为配合 Elementor 页面构建器插件而设计。该主题提供了多个功能，开发者可以通过 WordPress 钩子进行... 7 个月前
  206. 206 自定义查询过滤器 文章小工具和作品集小工具都配备了强大的查询控件，可让您选择要在小工具中显示的特定文章。但有时，您需要对查询进行更多控制。针对这些情况，自定义查询过滤器应运而生，它公开了 WP_Query 对象，允许您以任意方式自定... 7 个月前
  207. 207 Elementor 初始化 Elementor 提供了一个钩子，在插件完全加载时触发。 钩子详情 钩子类型: 动作钩子 钩子名称: elementor/init 影响范围: 初始化过程 示例 function my_plugin() { ... 7 个月前
  208. 208 Elementor 已加载 Elementor 有一个钩子，会在插件加载后、加载所有组件之前触发。 钩子详情 钩子类型: 动作钩子 钩子名称: elementor/loaded 影响范围: 初始化过程 示例 function my_plug... 7 个月前
  209. 209 Font Display Elementor offers a filter hook that lets developers overwrite the "Custom Fonts" font-display value. In ot... 7 个月前
  210. 210 表单验证 表单验证允许您运行一系列检查，以确保数据符合特定规则。Elementor Pro 提供了一套工具，用于验证通过表单小部件发送的数据。 验证生命周期 当表单模块加载完成且为包含表单操作的 POST 请求时，此处可添加... 7 个月前
  211. 211 Elementor Forms ::: danger This page will be deleted once all the content will be moved to individual pages inside Elemento... 7 个月前
  212. 212 Frontend Content Elementor has a hook that filters frontend content. It is applied to the final HTML content, i.e., all the ... 7 个月前
  213. 213 Elementor Hooks Elementor has many interesting hooks that let developers change default settings and even extend Elementor ... 7 个月前
  214. 214 注入控件 Elementor 提供了一套特殊的钩子，允许开发者以编程方式将新控件注入到多种类型的元素中。您可以将新控件注入到所有元素、特定元素、Elementor 默认小部件以及其他插件开发者开发的小部件中。 共有八个可用的... 7 个月前
  215. 215 JS Hooks Elementor has a number of JS hooks that allow developers to change default behavior and even add new functi... 7 个月前
  216. 216 Mask Shapes Elementor offers the ability to apply overlay masks that create stylish designs for any element. By default... 7 个月前
  217. 217 解析元素 CSS Elementor 提供了一个钩子，允许开发者在 CSS 文件生成之前向元素添加新的 CSS 规则。 钩子详情 钩子类型: 动作钩子 钩子名称: elementor/element/parse_css 影响范围:... 7 个月前
  218. 218 PHP Hooks Elementor's PHP hooks, both filter hooks and action hooks. Filter Hooks elementor/admin/create_new_post/met... 7 个月前
  219. 219 占位图 Elementor 图片小部件和基于媒体的控件会显示占位图，除非用户从媒体库中选择特定图片。 默认情况下，Elementor 使用位于 Elementor 插件资源文件夹中的默认图片。但是，您可以用自定义图片替换此... 7 个月前
  220. 220 禁用 Google 字体加载 Elementor 提供了一个特殊的过滤器钩子，允许开发者阻止 Google 字体的加载。换句话说，并非所有前端 Google 字体都会被加入队列。 钩子详情 钩子类型： 过滤器钩子 钩子名称： elemento... 7 个月前
  221. 221 Print Widget Template Elementor has a hook that lets developers change a widget's JavaScript template in the preview area. Hook D... 7 个月前
  222. 222 Render Frontend Elements Elementor has a hook that lets developers add code before or after elements in the frontend. This hook can ... 7 个月前
  223. 223 Render Widget Content Elementor has a hook that lets developers change a widget's content in the frontend. These changes will be ... 7 个月前
  224. 224 Save Editor Data Elementor has a hook that lets developers run code after the user has saved data in the editor. Hook Detail... 7 个月前
  225. 225 Shape Dividers Elementor offers the ability to add graphic shape dividers that separate the sections of a page. By default... 7 个月前
  226. 226 小部件分类 Elementor 小部件分类 用于将小部件组织成组。当 Elementor 初始化时，它会注册几个默认分类。只有当分类被分配了小部件时，它们才会显示在小部件面板中。 使用小部件分类 我们在注册新的 Element... 7 个月前
  227. 227 小部件皮肤 Elementor 提供了一个钩子，允许开发者向小部件应用自定义皮肤。该钩子在小部件构造函数之后运行，并为支持皮肤的特定小部件类型注册自定义皮肤。 钩子详情 钩子类型: 动作钩子 钩子名称: elementor/... 7 个月前
  228. 228 Elementor Hosting Elementor hosting is an end-to-end solution gives you everything you need in one place: WordPress Managed H... 7 个月前
  229. 229 Dynamic Page Cache Elementor hosting offers the option to control whether a page should be cached or not, depending on its dyn... 7 个月前
  230. 230 Cache Changed URLs Elementor hosting offers the option to add custom co-changing URLs to the page cache whenever a specific co... 7 个月前
  231. 231 Purge Everything Elementor hosting offers the option to purge the entire site cache, clearing all the CDN cache for the whol... 7 个月前
  232. 232 API -- `$e.commands` 新的 Commands API（自 2.7.0 版本起）提供了一种简单便捷的方式，通过 JS 命令在编辑器中运行某些操作、创建小部件，以及显示通知或撤销更改。 可通过以下方式获取完整命令列表（包括自定义和第三方命令... 7 个月前
  233. 233 API - `$e.components` 新的组件 API（自 2.7.0 版本起），提供了一种简单便捷的方式，将属于一个 UI 组件的所有路由、命令和键盘快捷键绑定到一个控制器中。 完整的组件列表，包括自定义和第三方路由，可通过 $e.componen... 7 个月前
  234. 234 API - `$e.hooks` $e.hooks API 是 $e.hooks.ui 和 $e.hooks.data 的管理器。它允许你创建自定义钩子。这些钩子附加到 $e.commands，每个钩子在通过 $e.run() 运行命令的 ... 7 个月前
  235. 235 Elementor Managers Elementor is an extendable framework. It offers an architecture which allows external developers to add new... 7 个月前
  236. 236 Registering Controls When you create new Elementor controls you must register them. This is done by hooking to the registration ... 7 个月前
  237. 237 Registering Dynamic Tags When you create new dynamic tags, you must register them. This is done by hooking to the registration hook ... 7 个月前
  238. 238 注册查找器类别 当你创建新的查找器类别时，必须注册它们。这需要通过挂载到查找器管理器中的注册钩子，并传递一个新的查找器类别实例来完成。 注册新的查找器类别 开发者应使用以下代码来注册新的查找器类别： /** * 注册新的 Ele... 7 个月前
  239. 239 Registering Widgets When you create new Elementor widgets, you must register them. This is done by hooking to the registration ... 7 个月前
  240. 240 Unregistering Controls Developers can remove Elementor controls from the list of registered controls. This is done by hooking to t... 7 个月前
  241. 241 Unregistering Dynamic Tags Developers can remove dynamic tags from the list of registered dynamic tags. This is done by hooking to the... 7 个月前
  242. 242 Unregistering Finder Categories Developers can remove finder categories from the list of registered categories. This is done by hooking to ... 7 个月前
  243. 243 Unregistering Widgets Developers can remove Elementor widgets from the list of registered widgets. This is done by hooking to the... 7 个月前
  244. 244 Control Scripts When you create new Elementor controls and need to register custom scripts, they must be registered using t... 7 个月前
  245. 245 Control Styles When you create new Elementor controls and need to register custom stylesheets, they must be registered usi... 7 个月前
  246. 246 Editor Scripts When you develop addons that extend Elementor Editor and you have custom scripts, use elementor/editor/bef... 7 个月前
  247. 247 编辑器样式 当你开发扩展 Elementor 编辑器 的插件并拥有自定义样式表时，请使用 elementor/editor/before_enqueue_styles 或 elementor/editor/after_en... 7 个月前
  248. 248 Frontend Scripts Some addons have custom frontend scripts loaded on pages built with Elementor. Use elementor/frontend/befo... 7 个月前
  249. 249 Frontend Styles When using custom stylesheets, they must be registered to all pages using Elementor. Use the elementor/fro... 7 个月前
  250. 250 Scripts & Styles Just like WordPress, Elementor has special hooks to register custom scripts and styles. It's very important... 7 个月前
  251. 251 预览脚本 当你开发扩展 Elementor 预览 的插件并需要注册自定义脚本时，请使用 elementor/preview/enqueue_scripts 动作钩子，该钩子在预览脚本注册和入队时触发。 注册预览脚本 在下面... 7 个月前
  252. 252 预览样式 当你开发扩展 Elementor 预览 的插件，并且需要注册自定义样式表时，请使用 elementor/preview/enqueue_styles 动作钩子。该钩子在 Elementor 预览样式被注册和入队时... 7 个月前
  253. 253 Widget Scripts When you develop new Elementor widgets and need to register custom scripts, they must be registered using t... 7 个月前
  254. 254 Widget Styles When you develop new Elementor widgets and need to register custom stylesheets, they must be registered usi... 7 个月前
  255. 255 Add New Condition Elementor's template display mechanism has several built-in conditions, but external developers can create ... 7 个月前
  256. 256 进阶示例 针对更高级的用例，我们将创建一个插件，根据已登录访问者的角色来注册条件。该插件将帮助 Elementor 用户仅向具有特定角色的访问者显示某些模板。 文件夹结构 该插件将包含三个文件。两个文件用于条件设置，主文件用... 7 个月前
  257. 257 Condition Check Elementor runs a series of checks to ensure that conditions comply with a certain set of rules. The check(... 7 个月前
  258. 258 条件数据 每个条件都包含基本信息，例如条件的唯一 ID 和条件标签。这些数据在代码中使用，并在编辑器中显示给用户。 数据方法 条件数据需要通过特定方法"返回"。这些方法很简单： class Elementor_Test_Co... 7 个月前
  259. 259 Condition Group Type Conditions are grouped by type. There are several pre-defined types to choose from, based on the WordPress ... 7 个月前
  260. 260 Condition Structure Each condition needs to have a few basic settings, such as a unique name and label. In addition, a conditio... 7 个月前
  261. 261 Theme Conditions Elementor Pro 2.0 introduced a condition-based template display mechanism. This allows users to specify und... 7 个月前
  262. 262 简单示例 为演示扩展主题条件是多么简单，我们将创建一个插件来注册一个条件，用于检查访问者是否已登录。该插件将帮助 Elementor 用户向已登录访问者显示某些模板，而向匿名访问者显示其他模板。 文件夹结构 该插件将包含两个... 7 个月前
  263. 263 Sub-Conditions Conditions can have sub-conditions in order to narrow the conditions. For example, instead of applying a co... 7 个月前
  264. 264 Displaying Locations Displaying Elementor locations in your theme is a simple process. The elementor_theme_do_location() functi... 7 个月前
  265. 265 Theme Locations Elementor Pro 2.0 introduced a theme builder. This feature transformed Elementor from a page-builder to a f... 7 个月前
  266. 266 Migrating Themes with Functions In this example, we'll add theme locations to the original theme using simple functions. After migration, t... 7 个月前
  267. 267 Migrating Themes with Hooks In this example, we'll add theme locations to the original theme using hooks. After migration, the theme wi... 7 个月前
  268. 268 Migrating Themes Now we'll see how to support Elementor theme locations in your theme. The logic behind the process is simpl... 7 个月前
  269. 269 Original Theme To simplify the theme migration process, we stripped all custom code from the original theme (including the... 7 个月前
  270. 270 Registering Locations To support Elementor locations, the theme needs to register supported locations in the functions.php file.... 7 个月前
  271. 271 Add New Widget Elementor offers many built-in widgets out of the box, but it also allows external developers to register n... 7 个月前
  272. 272 Advanced Example For a more advanced example we will create a widget with a repeater field, to allow the user to generate a ... 7 个月前
  273. 273 Elementor 小工具 Elementor 在小工具面板中内置了数十个实用的小工具。这些小工具按类别划分。每个小工具都有一套自定义控件（输入字段），允许最终用户输入数据。 管理小工具 外部开发者可以注册新的小工具或注销现有小工具。了解更多... 7 个月前
  274. 274 Remove Widgets To remove existing widget developers can simply unregister existing widget by passing the widget name. Hook... 7 个月前
  275. 275 Rendering HTML Attributes This type of rendering is used to add render attributes to specific HTML elements. For example, a widget ca... 7 个月前
  276. 276 Rendering Inline Editing When developing widgets, developers can define which controls will be inline editable in both the editor pa... 7 个月前
  277. 277 Rendering Media Elementor lets you select an image using the media control defined in the \Elementor\Control_Media class. ... 7 个月前
  278. 278 Rendering Repeaters One advanced use case is to render multiple elements using the repeater control. Here, users set multiple f... 7 个月前
  279. 279 Rendering Style A common widget rendering use case is using the control value to style different HTML elements. Usually use... 7 个月前
  280. 280 Rendering Text The most common widget rendering use case is to print the value of a simple text control. These controls ar... 7 个月前
  281. 281 Simple Example Putting all these pieces together, we're going to create a simple Elementor widget which will use the nativ... 7 个月前
  282. 282 小部件分类 Elementor 的小部件分类用于将小部件分组管理。Elementor 初始化时，会注册多个默认分类。 只有当分类下分配有小部件时，该分类才会在部件面板中显示。 外部开发者可以创建新的分类，并在品牌专属的分类中单... 7 个月前
  283. 283 Widget Controls Each widget needs to have some controls (setting fields), where users can select their data. This data is s... 7 个月前
  284. 284 Widget Data Every widget requires basic information such as the widget ID, label and icon. In addition, a widget can ha... 7 个月前
  285. 285 Widget Dependencies Some widgets are dependent on custom scripts for functionality and custom styles for look and feel. Widgets... 7 个月前
  286. 286 Widget Information Elementor widget need to have a unique ID used in the code, and an addition basic information used in the E... 7 个月前
  287. 287 Widget DOM Optimization Elementor widgets define their own markup in the render() method. However, Elementor wraps each widget in ... 7 个月前
  288. 288 Widget Optimization Elementor provides various methods to optimize widgets and enhance performance. To maintain backward compat... 7 个月前
  289. 289 Widget Output Caching Widget Output Caching Elementor offers a feature to minimize the impact of widgets on page performance. F... 7 个月前
  290. 290 小部件推广 Elementor 小部件在小部件面板中有两个内置位置用于推广和升级销售。 第一个选项是简单的“需要帮助？”链接，这是一个包含小部件通用信息的外部链接。 第二个选项是行动号召区域，提供升级到高级小部件/产品/服务的... 7 个月前
  291. 291 Widget Rendering The last step in widget development is to display the output. Each widget needs to render the data returned... 7 个月前
  292. 292 Widget Settings Before the widget rendering function starts generating the final HTML output, it needs to retrieve data fro... 7 个月前
  293. 293 Widget Structure Creating a custom Elementor Widget is not very different from creating a native WordPress widget. Start by ... 7 个月前