2015-06-23 19 views
4

我在本地开发一个网站WordPress,然后将其上传到临时开发服务器以定期向管理层显示我的进度。如何在wordpress中的fonts.php之后加载style.css?

问题: 当我上传一切到服务器上,我注意到,在我的style.css的样式在fonts.php的那些覆盖。这是我第一次使用Wordpress平台。我不知道为什么,但当我在本地托管时,情况并非如此。正如你在图片中看到的,fonts.php是在style.css之后声明的。 图片:enter image description here

我试过: 我挖掘到WordPress的文件,以找到一种方法,在后来的style.css先声明fonts.php,这样的style.css将覆盖fonts.php。我在wp-includes/theme.php中找到了这个文件,在那里我发现了style.css被声明,但是找不到fonts.php。这是一个死胡同。

有人知道该怎么做吗?

+0

你好,欢迎来到stackoverflow。友情提示:在提问时,请将相关代码粘贴到问题中。不要使用你的代码编辑器或html源代码的截图。它很难阅读,也不可搜索。 – max

+0

对不起。感谢知道,不会再这样做。 – Fenil

回答

1

感谢Susheel为您的文章。如果我必须在外部添加一个css文件,但没有解决我之前确保加载fonts.php的问题,这会很有帮助。

我找到了一个简单的解决方案。 我移动了所有的CSS,我想在自适应的fonts.php上覆盖。总是在fonts.php文件后加载的css文件。

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'); 
+0

我发现了这个,就像我在我的问题中所说的那样。如何确保我们在它之前声明fonts.php? – Fenil

1

让我们使用wp_enqueue_style()

第一件事举个例子来导入引导CSS样式表在WordPress首先你需要插入

`<?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中调用样式表的首选方法。

相关问题