You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何在WordPress中获取Elementor Google Maps小部件的短代码?

获取Elementor页面中Google Maps小部件的短代码方法

Elementor本身没有直接导出单个小部件短代码的功能,但可以通过以下两种方式实现:

方法一:将小部件保存为模板后生成短代码

  • 打开包含Google Maps小部件的Elementor页面编辑器
  • 找到目标Google Maps小部件,点击小部件右上角的三个点(更多选项)
  • 选择「保存为模板」,给模板命名(比如“联系页地图”)并确认保存
  • 回到WordPress后台,进入「模板」→「保存的模板」,找到刚才保存的地图模板
  • 鼠标悬停在模板上,点击「复制短代码」按钮,即可得到该地图的短代码
  • 之后可以把这个短代码粘贴到任何支持短代码的位置(比如文章、页面的文本编辑器,或者Elementor的短代码小部件中)

方法二:自定义代码获取小部件短代码(适合开发者)

如果你熟悉代码,可以通过Elementor的API来提取:

  • 在主题的functions.php文件中添加以下代码(注意备份文件):
function get_elementor_widget_shortcode($template_id) {
    return sprintf('[elementor-template id="%d"]', $template_id);
}
  • 然后找到Google Maps小部件所在的模板ID:在「保存的模板」页面,模板的URL中会包含post=xxx,xxx就是模板ID
  • 调用get_elementor_widget_shortcode(模板ID)即可生成对应短代码,或者直接手动写[elementor-template id="你的模板ID"]

注意:如果你的Google Maps是直接添加在页面中而非模板,建议先把小部件保存为模板再操作,因为Elementor页面本身的短代码是整个页面的,无法单独提取单个小部件。

内容的提问来源于stack exchange,提问作者User104163

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.08.01 09:16:33