在unctions.php中插入Google Maps API代码的位置

时间:2017-06-05 作者:F.Montecinos

自从Google需要一个API代码(我已经有了)来在主题页面上显示地图以来,我一直有一些问题,但问题是我不确定应该在哪里以及如何将其排队。

这是代码上的外观:

function sano_footer_scripts() {

//    wp_enqueue_script( \'jquery_1.11.2_min_js\',         get_template_directory_uri() . \'/js/jquery-1.11.2.min.js\',\'\',\'\', true);
//    wp_enqueue_script( \'google_js\',                    \'https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false\',\'\',\'\', true);
//    wp_enqueue_script( \'jquery_autosize_js\',           get_template_directory_uri() . \'/js/jquery.autosize.js\',\'\',\'\', true);
//    wp_enqueue_script( \'jquery_smooth_scroll_min_js\',  get_template_directory_uri() . \'/js/jquery.smooth-scroll.min.js\',\'\',\'\', true);
//    wp_enqueue_script( \'selectivizr_min_js\',           get_template_directory_uri() . \'/js/selectivizr-min.js\',\'\',\'\', true);
//    wp_enqueue_script( \'jquery_watermark_min_js\',      get_template_directory_uri() . \'/js/jquery.watermark.min.js\',\'\',\'\', true);
//    wp_enqueue_script( \'read_more_js\',                 get_template_directory_uri() . \'/js/read_more.js\',\'\',\'\', true);
//    wp_enqueue_script( \'jquery_mixitup_min_js\',        get_template_directory_uri() . \'/js/jquery.mixitup.min.js\',\'\',\'\', true);
//    wp_enqueue_script( \'jquery_magnific_popup_min_js\', get_template_directory_uri() . \'/js/jquery.magnific-popup.min.js\',\'\',\'\', true);
//    wp_enqueue_script( \'jquery_animateNumber_min_js\',  get_template_directory_uri() . \'/js/jquery.animateNumber.min.js\',\'\',\'\', true);
//    wp_enqueue_script( \'select2_min_js\',               get_template_directory_uri() . \'/js/select2.min.js\',\'\',\'\', true);
//    wp_enqueue_script( \'owl_carousel_min_js\',          get_template_directory_uri() . \'/js/owl.carousel.min.js\',\'\',\'\', true);
//    wp_enqueue_script( \'parallax_plugin_min_js\',       get_template_directory_uri() . \'/js/parallax-plugin.min.js\',\'\',\'\', true);
//    wp_enqueue_script( \'jquery_nicescroll_min_js\',     get_template_directory_uri() . \'/js/jquery.nicescroll.min.js\',\'\',\'\', true);
//    wp_enqueue_script( \'jquery_inview_min_js\',         get_template_directory_uri() . \'/js/jquery.inview.min.js\',\'\',\'\', true);
//    wp_enqueue_script( \'jquery_validate_js\',           get_template_directory_uri() . \'/js/jquery.validate.js\',\'\',\'\', true);
//    wp_enqueue_script( \'jquery_hoverdir_js\',           get_template_directory_uri() . \'/js/jquery.hoverdir.js\',\'\',\'\', true);
//wp_enqueue_script( \'map_default_js\',               get_template_directory_uri() . \'/js/map-default.js\',\'\',\'\', true);
//wp_enqueue_script( \'responsiveslides_min_js\',      get_template_directory_uri() . \'/js/responsiveslides.min.js\',\'\',\'\', true);
//wp_enqueue_script( \'jquery_ui_js\',                 get_template_directory_uri() . \'/js/jquery-ui.js\',\'\',\'\', true);
//wp_enqueue_script( \'init_js\',                      get_template_directory_uri() . \'/js/init.js\',\'\',\'\', true);
//wp_enqueue_script( \'respond_src_js\',               get_template_directory_uri() . \'/js/respond.src.js\',\'\',\'\', true);
 }

//add_action( \'wp_enqueue_scripts\', \'sano_footer_scripts\' );
有人能告诉我API代码应该在哪里吗?

2 个回复
SO网友:jdp

您的API密钥是URL编码为GET变量的,如下所示:

wp_enqueue_script( \'google_js\', \'https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false&key=yourKeyHere\', \'\', \'\' );
我没有对句柄进行URL编码。函数/类就是这样做的。因此,如果在加载脚本时遇到问题,请不要对句柄进行URL编码。

SO网友:Johansson

您正在使用wp_enqueue_scripts() 然而,以正确的方式,您将把页脚中的所有内容排队,并重新排队jQuery(这不是一种好的做法,您可以使用jquery-migrate 而是)。

但是为了回应您对放置此代码的位置的担忧,在functions.php 您输入了此代码。脚本仍将排队。虽然在functions.php 便于阅读和访问。

我可以看到您的代码没有任何问题,您只需要通过删除// 每行之前。

结束

相关推荐