wordpress优化-修改/删除CSS加载源地址

在wordpress中,难免会有一些加载到其他网站的css或者js的需要。但是如果那些被加载的网站本身速度不好,会很大的影响用户的体验。今天我就是在校园网里访问自己的博客,发现一直在加载一个叫 font-awesome 的css,是一个页面图标css来的。实在不可忍受啊,百度了许久,尝试了许久,终于摸索出来了。记录一下,方便以后再次修改!

找到主题所在的functions.php,添加以下代码:

add_action( ‘wp_enqueue_scripts’, ‘load_fontawesome_styles’ );

function load_fontawesome_styles(){
global $wp_styles;
//wp_dequeue_style(‘font-awesome’);
wp_deregister_style(‘font-awesome’);
//wp_register_style(‘font-awesome’, get_template_directory_uri().’/font-awesome-i.css’);
wp_enqueue_style(‘font-awesome’, get_template_directory_uri().’/font-awesome-i.css’);
}
这里有几个函数说一下:

  • wp_enqueue_style 这个是要求加载css
  • wp_dequeue_style 这个是要求不加载css
  • wp_register_style 这个是注册css的下载地址
  • wp_deregister_style 这个是反注册(即卸载)css的下载地址
    所以,我们要修改某个css的下载地址。例如:

原本有一个css叫font-123.css的 下载地址为:百度的,我们要改成google的!

<link rel=’stylesheetid=’font-123href=’//www.baidu.com/font-123.css” />

那么步骤为:

卸载这个百度的 font-123

然后注册/或者直接跳过注册,直接要求加载google的font-123

例子代码:

function load_fontawesome_styles(){
global $wp_styles;
wp_deregister_style(‘font-123’);
wp_enqueue_style(‘font-123’, ‘//google.com/font-123.css’);
}

最后把这个函数addaction添加进去就行了

add_action( ‘wp_enqueue_scripts’, ‘load_fontawesome_styles’ );

 

 

所以如果有不需要的css加载需要删除的话,直接使用这个函数就行了!

wp_deregister_style(css的id)