如何用CDN中的脚本替换WordPress中的脚本?

时间:2019-02-19 10:28:51

标签: javascript wordpress

我是wordpress的新手。

在Wordpress,主题或插件中,总是有CDN中的一些JS和Css,例如:

https://ajax.googleapis.com/ajax/libs/webfont/1.5.0/webfont.js

https://ajax.googleapis.com/ajax/libs/jqueryui/1.9.0/themes/base/jquery-ui.css

不幸的是,在我们国家,那些外部CDN的资源相当缓慢,并将导致我们站点的严重延迟。

请问是否可以用本地服务器副本替换它?

我该怎么办?

谢谢。

2 个答案:

答案 0 :(得分:0)

您在注释中得到了一个解决方案,该解决方案涉及如何本地加载jQuery,以及万一您有其他默认情况下无法从WordPress在本地使用的其他脚本或样式,则可以使用wp_enqueue_script

/ **  *正确的方法来加入脚本和样式。 * /

function wpdocs_theme_name_scripts(){

wp_enqueue_style( 'style-name', get_stylesheet_uri() );

wp_enqueue_script( 'script-name', get_template_directory_uri() . '/js/example.js', array(), '1.0.0', true );

}

add_action('wp_enqueue_scripts','wpdocs_theme_name_scripts');`

答案 1 :(得分:0)

好吧,您始终可以覆盖当前主题来加入CSS和JS。基本上去:

  

wordpress / wp-content / themes /(您正在使用的主题)/functions.php

您将需要修改“ functions.php”文件并添加操作,以使新的脚本和样式入队。

function mynew_scripts() {
wp_enqueue_script('webfont', 'https://ajax.googleapis.com/ajax/libs/webfont/1.5.0/webfont.js');
wp_enqueue_style('jquery-ui', 'https://ajax.googleapis.com/ajax/libs/jqueryui/1.9.0/themes/base/jquery-ui.css');

//And for local file use get_template_directory_uri() to get the path
wp_enqueue_script('yourjsfile',get_template_directory_uri().'/yourthemedir/assets/js/yourjsfile.js');
wp_enqueue_style('yourcssfile',get_template_directory_uri().'/yourthemedir/assets/js/yourcssfile.css');


}

add_action('wp_enqueue_scripts', 'mynew_scripts');

检查这些功能wp_enqueue_scriptwp_enqueue_style