如何/在何处将其他样式表添加到WP

时间:2018-02-22 作者:Karen

我正在重建我的网站,想使用从MyFonts购买的字体。com,需要添加<link rel="stylesheet" type="text/css" href="MyFontsWebfontsKit.css">, 但我不知道应该在哪里或如何添加。

我是一个可湿性粉剂新手,所以需要一步一步简单易懂的说明请。

1 个回复
最合适的回答,由SO网友:Dave Romsey 整理而成

WordPress API提供了以下函数wp_enqueue_style()wp_enqueue_script() 用于包含样式表和JavaScript。

应该使用这些函数,而不是在HTML中使用硬编码样式或脚本标记。

// Runs wpse_enqueue_styles() on the wp_enqueue_scripts() hook.
// (Yes, we\'re enqueuing a stylesheet here, but the proper hook is wp_enqueue_scripts.
add_action( \'wp_enqueue_scripts\', \'wpse_enqueue_styles\' );
function wpse_enqueue_styles() {

        wp_enqueue_style(
            // Handle
            \'example-font\',

            // Source (URL) for stylesheet.
            // Here, the stylesheet resides at /theme-name/css/MyFontsWebfontsKit.css
            get_stylesheet_directory_uri() . \'/css/MyFontsWebfontsKit.css\',

            // Dependencies for stylesheet. None in this case.
            array()
        );
}
将上面的代码放在主题的functions.php 文件请注意,“wpse\\uu”前缀应该更改为与主题使用的任何内容相匹配。

结束

相关推荐

刷新页面时可以实际看到发生的css更改

我的主题在“自定义”中有一些内置选项,可以更改基本字体大小和字体类型,但对于字体颜色,我在它还提供的主题自定义css选项中添加了一些css。我注意到,无论是通过将css字体更改添加到自定义css还是使用内置主题选项来应用css字体更改,这个问题仍然存在。问题是,当我刷新页面时,我可以实际看到css更改生效。我将看到用于我的内容的字体在字体大小和颜色上快速变化,从主题默认值到我自定义的内容。这将在大约半秒钟内发生。这让网站看起来不够专业。自定义css是否有一种方法可以在刷新时立即应用更改?