如何在 wordpress fonts.php 之后加载 style.css？

Question

我正在 WordPress 本地开发一个网站，然后将其上传到临时开发服务器以定期向管理层展示我的进度。

问题: 当我将所有内容上传到服务器时，我注意到 style.css 中的样式被 fonts.php 中的样式覆盖了。这是我第一次使用 Wordpress 平台。我不知道为什么，但是当我在本地托管时情况并非如此。如图所示，fonts.php 在 style.css 之后声明。图片：

我试过的：我正在深入研究 wordpress 文件以找到一种方法来先声明 fonts.php，然后再声明 style.css，以便 style.css 将覆盖 fonts.php。我在 wp-includes/theme.php 中找到了这个文件，我在其中找到了正在声明的 style.css，但找不到 fonts.php。这是一条死胡同。

有人知道怎么做吗？

Answer 1

// Load the theme stylesheets
function theme_styles()  
{ 

    // Example of loading a jQuery slideshow plugin just on the homepage
    wp_register_style( 'flexslider', get_template_directory_uri() . '/css/flexslider.css' );

    // Load all of the styles that need to appear on all pages
    wp_enqueue_style( 'main', get_template_directory_uri() . '/style.css' );
    wp_enqueue_style( 'custom', get_template_directory_uri() . '/css/custom.css' );

    // Conditionally load the FlexSlider CSS on the homepage
    if(is_page('home')) {
        wp_enqueue_style('flexslider');
    }

}
add_action('wp_enqueue_scripts', 'theme_styles');

Answer 2

让我们举个例子，使用 wp_enqueue_style()

在 wordpress 中导入 Bootstrap CSS 样式表

首先你需要插入

`<?php wp_head(); ?>`

因此您的主题可以使用使用 wp_head() 挂钩的过滤器和挂钩。以便于调用任何主题添加。

确保你有 wp_head();在主题的头部部分之间，在 header.php 文件中。

然后在index.php也存在的主题目录下新建一个文件functions.php。在 functions.php 中，我们将创建一个新函数，然后使用 wp_register_script 函数注册样式，然后使用 wp_enqueue_style 函数调用我们的样式。

这是我们要用来调用 Bootstrap 样式表的代码。

`<?php
function add_stylesheet() {
wp_register_style('bootstrap.min',get_template_directory_uri() . 
'/css/bootstrap.min.css');
wp_enqueue_style( 'bootstrap.min' );
}
add_action( 'wp_enqueue_scripts', 'add_stylesheet' );
?>`

那么上面的代码是做什么的呢？

add_stylesheet() 是我们创建的函数的名称，您可以随意命名它。

然后，我们通过 WordPress 函数 wp_register_style 注册了我们的样式表。它接受 5 个不同的参数

`$handle, $src, $deps, $ver, and $in_footer`

样式注册完成后，我们可以使用 WordPress 函数调用它 wp_enqueue_style。就是这样，这个方法一开始可能看起来很复杂，但这是在 WordPress 中调用样式表的首选方法。

Answer 3

感谢 Susheel post。如果我必须在外部添加 css 文件但没有解决我的问题（确保在此之前加载 fonts.php ），这会很有帮助。

我找到了一个简单的解决方案。我移动了所有我想在 fonts.php 上覆盖的 adaptive.css 文件中的 css，该文件总是在 fonts.php 文件之后加载。

如何在 wordpress fonts.php 之后加载 style.css？

How to load style.css after fonts.php in wordpress?

php

css

wordpress

overriding

declare