SuperAPI AI 工具集

wordpress-elementor

前端与建站

查看项目

更新于 10-15 23:31

技能介绍

用途:在已有 WordPress 站点上编辑 Elementor 页面并管理模板。文本类改动通过 WP-CLI 做安全替换,视觉或结构性改动通过浏览器自动化操作 Elementor 可视化编辑器。

前提:可用的 WP-CLI 连接或管理员权限;Elementor 已安装并启用,可用 wp @site plugin status elementor 检查。

主要能力与用法:

  1. 定位页面:wp @site post list --post_type=page --meta_key=_elementor_edit_mode --meta_value=builder --fields=ID,post_title,post_name,post_status;编辑器地址为 https://example.com/wp-admin/post.php?post={ID}&action=elementor。
  2. 选择方式:仅改文本或 URL 用 WP-CLI 更快;改样式、增删区块、布局、套用模板用浏览器可视化编辑。
  3. WP-CLI 文本替换:先备份 wp @site post meta get {post_id} _elementor_data > /tmp/elementor-backup-{post_id}.json,再 --dry-run 预演,确认后执行 wp @site search-replace "旧文本" "新文本" wp_postmeta --include-columns=meta_value --precise,最后 wp @site elementor flush-css。若无该命令,可 wp @site option delete _elementor_global_css 与 wp @site post meta delete-all _elementor_css。
  4. 浏览器编辑:登录后台后打开编辑器,等待加载遮罩消失,点击元素在左侧面板改内容,保存。可用 playwright-cli 或 Chrome MCP。
  5. 模板管理:列出 elementor_library 文章,导出/导入 .json 模板,套用到新页面;也可用 WP-CLI 复制页面或跨页套用 _elementor_data 与 _elementor_page_settings,之后 flush-css。
  6. 验证:wp @site post get {post_id} --fields=ID,post_title,post_status,guid,并截图确认。

限制与注意:Elementor 内容以 JSON 存于 _elementor_data,直接改 JSON 易出错,应先备份并优先用 search-replace;任何 WP-CLI 改动后必须清 CSS 缓存,否则看不到变化;全局组件改动会影响所有引用页面;Theme Builder、表单、WooCommerce、动态内容等属 Pro 功能。具体收费与价格资料未提供。