如何在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
相关产品推荐
相关产品推荐

