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

qsuron 发布于 2014-07-12 网站动态 33 次阅读 3 条评论 442 字 预计阅读时间: 2 分钟


在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)

 

代码敲的累了,换个中文悠闲悠闲。
最后更新于 2014-07-12