Question

我遇到了使用字体Awesome对CSS样式列表进行排队和出列的问题。在我的functions.php子主题文件中，我尝试将默认值出列并从CDN服务器下载新版本。

在我介绍“移动渲染阻止JavaScript”之前，它已经100％正常工作了。部分代码。下面的代码没有加载来自CDN的CSS样式表，而不是50毫秒的时间来获取woff文件，根据GTmetrix和pingdom它现在需要大约600毫秒从我的FTP的Storefront主题字体文件夹（顺便说一句我不知道为什么差异是如此巨大）。

我甚至为Wordpress尝试了更好的字体真棒插件而不是我的字体片段，但结果是一样的 - 没有移动脚本的工作，不能用它。

// Move render-blocking JavaScript.
function custom_clean_head() {  
   remove_action('wp_head', 'wp_print_scripts'); 
   remove_action('wp_head', 'wp_print_head_scripts', 9);
   remove_action('wp_head', 'wp_enqueue_scripts', 1);

   add_action('wp_footer', 'wp_print_scripts', 5);   
   add_action('wp_footer', 'wp_print_head_scripts', 5);
   add_action('wp_footer', 'wp_enqueue_scripts', 5);
}
add_action( 'wp_enqueue_scripts', 'custom_clean_head' );

// Specify FontAwesome character set early.
add_action( 'wp_enqueue_scripts', 'layers_child_styles', 100);
add_action( 'wp_footer', 'load_awesome', 1); 
if( ! function_exists( 'layers_child_styles' ) ) { 
 function layers_child_styles(){ 
 wp_dequeue_style('layers-font-awesome');
 wp_dequeue_style('font-awesome');
 }
 function load_awesome() { 
 wp_enqueue_style('font-awesome', '//maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css', $deps = array(), $ver = false);
 }
}

Answer 1

试试这个

// Remove and Unregister Styles
function layers_child_styles(){ 
    wp_dequeue_style('layers-font-awesome');
    wp_dequeue_style('font-awesome');
    wp_deregister_style('font-awesome');
}
add_action( 'wp_print_styles', 'layers_child_styles', 999);

// Add Additional Script or style
function load_awesome() { 
    wp_enqueue_style('font-awesome', '//maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css');
}
add_action( 'wp_enqueue_scripts',  'load_awesome' 999);

Wordpress - 无法将部分代码干扰的样式CSS入队/出列

1 个答案: