Bootstrap CSS是否覆盖主题?

时间:2016-12-09 13:11:18

标签: php html css wordpress twitter-bootstrap

在过去几年中,我使用过许多WordPress主题模板。我现在决定采取下一步学习创建自己的WordPress主题。

我现在处于阶段,我希望使用Bootstrap功能,以使我的网站响应。我理解如何从Bootstrap网站传输文件并将它们放在我的服务器上,但是我对它们如何使用我的网站感到茫然。这里几个问题:

  1. 我已经创建了一个' [主题名称] .css'设计我的网站。 Bootstrap CSS文件是否会自动覆盖我的主题CSS文件?

  2. 当我将Bootstrap文件传输到我的服务器时,我只需添加自己的样式表内容,Bootstrap CSS文件或使用' function.php'将两个CSS文件一起调用。文件?

  3. 当我将Bootstrap文件传输到我的服务器时,是否必须重命名任何文件?

  4. 目前,我正在调用我的样式表,方法是将以下代码插入我的函数.php'文件:

    function [theme-name]_script_enqueue() {
    
    wp_enqueue_style('customstyle', get_template_directory_uri() . '/css/[theme-name].css', array(), '1.0', 'all');
    
    wp_enqueue_script('customjs', get_template_directory_uri() . '/js/[theme-name].js', array(), '1.0', true);
    }
    
    add_action( 'wp_enqueue_scripts', '[theme-name]script_enqueue' );
    
  5. 参考上面的代码,我是否需要更改代码以反映Bootstrap.css文件或者只是为Bootstrap文件添加另一个函数,以便它们都可以被调用?

    如果我的问题使用了不正确的术语,请道歉,因为Bootstrap功能对我来说是一组新的文件。

1 个答案:

答案 0 :(得分:2)

您应该只需添加另一个调用来加载bootstrap css。确保在自定义CSS之前添加bootstrap。

见下文

https://bootstrapbay.com/blog/customize-bootstrap/

您不需要重命名任何文件,只需在函数调用中正确链接它们即可。