Wordpress

Question

我在入列和出列 CSS 字体为 Awesome 的工作表时遇到了问题。在我的 functions.php 子主题文件中，我尝试将默认文件出列并从 CDN 服务器下载新版本。

在我引入 "Move render-blocking JavaScript." 部分代码之前，它 100% 正常工作。使用下面的代码，没有从 CDN 加载 CSS 样式表，而不是可能需要 50 毫秒的时间来获取 woff 文件，根据 GTmetrix 和 pingdom，现在从我的 FTP 的店面主题获取大约需要 600 毫秒fonts 文件夹（顺便说一句，我不知道为什么差异如此之大）。

我什至尝试了更好的 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 部分代码干扰

Wordpress - unable to enqueue / dequeue style CSS with part of the code interfering

php

webfonts