网站动态

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

页面
字体
小树 · 7月12日 · 2014年 ·

在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='stylesheet' id='font-123' href='//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)

 

转载必须注明来源: 小树技术博客 » wordpress优化-修改/删除CSS加载源地址

8 条回应
  1. 株洲婚纱摄影2015-5-8 · 18:21

    我的沙发,我顶楼主!

  2. 百家网络博客2014-7-13 · 15:57

    网站速度非常快!

  3. PHP二次开发2014-7-12 · 22:18

    不错,顶一个。