自定义css是否被WordPress覆盖?

时间:2018-01-29 作者:acerteli

所以我为一个俱乐部/组织建立了一个新网站。我的任务是用这个新网站更新WordPress上的一个旧网站。

我传输了所有HTML页面和CSS/JS文件。然而,我的一些自定义CSS不知何故被覆盖了。例如,我的按钮在WordPress上是蓝色的,而在本地计算机上是橙色的。

发生什么事了?我查看了每个选项和插件设置,但我弄不清楚。

1 个回复
SO网友:maverick

我假设你有函数。主题目录中的php文件,然后可以添加以下代码:

/*Section for enqueuing styles and scripts*/
    function keyword_theme_styles_and_scripts(){
        /* Styles Below */
        wp_enqueue_style(\'bootstrap-min-css\', \'https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css\');

        wp_enqueue_style(\'video-js-min-css\', get_template_directory_uri().\'/assets/css/video-js.min.css\');

        wp_enqueue_style(\'google-fonts\', \'https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800\');

        wp_enqueue_style(\'font-awesome-min-css\', get_template_directory_uri().\'/assets/font-awesome/css/font-awesome.min.css\');

        wp_enqueue_style(\'magnific-popup-css\', get_template_directory_uri().\'/assets/css/magnific-popup.css\');

        wp_enqueue_style(\'animate-min-css\', get_template_directory_uri().\'/assets/css/animate.min.css\');

        wp_enqueue_style(\'device-mockups-min-css\', get_template_directory_uri().\'/assets/device-mockups/device-mockups.min.css\');

        wp_enqueue_style(\'main-css\', get_template_directory_uri().\'/style.css\');

        /*  Scripts Below */

        wp_enqueue_script(\'jquery-min-js\', get_template_directory_uri().\'/assets/js/jquery.min.js\', array(), \'\', true);

        wp_enqueue_script(\'video-min-js\', get_template_directory_uri().\'/assets/js/video.min.js\', array(\'jquery-min-js\'), \'\', true);

        wp_enqueue_script(\'bootstrap-min-js\', \'https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js\', array(\'jquery\'), \'\', true);

        //wp_enqueue_script(\'bootstrap-min-js\', get_template_directory_uri().\'assets/bootstrap/js/bootstrap.min.js\', array(\'jquery-min-js\'), \'\', true);

        wp_enqueue_script(\'jquery-easing-min-js\', \'https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js\', array(\'jquery-min-js\'), \'\', true);

        wp_enqueue_script(\'scrollreveal-min-js\', get_template_directory_uri().\'/assets/js/scrollreveal.min.js\', array(\'jquery-min-js\'), \'\',true);

        wp_enqueue_script(\'jquery-magnific-popup-min-js\', get_template_directory_uri().\'/assets/js/jquery.magnific-popup.min.js\',array(\'jquery-min-js\'), \'\', true);

        wp_enqueue_script(\'svg-injector-min-js\', get_template_directory_uri().\'/assets/js/svg-injector.min.js\', array(\'jquery-min-js\'), \'\', true);

        wp_enqueue_script(\'wow-min-js\', get_template_directory_uri().\'/assets/js/wow.min.js\', array(\'jquery-min-js\'), \'\', true);

        wp_enqueue_script(\'index-min-js\', get_template_directory_uri().\'/assets/js/index.min.js\', array(\'jquery-min-js\'), \'\', true);

    }
    add_action(\'wp_enqueue_scripts\', \'keyword_theme_styles_and_scripts\');
请记住将自定义样式和脚本排在队列底部。

脚本和样式的顺序也很重要,所以请按适当的顺序排队。

我希望这有帮助。

祝你好运

结束

相关推荐

如何在仅创建特定的自定义帖子类型时控制管理员的CSS

我有一个自定义的帖子类型,叫做SlidersCPT 当我注册CPT时register_post_type( \'SlidersCPT\', $args ); 我需要在管理页面上应用一些CSS规则only 创建新的SlidersCPT自定义帖子类型时。我想这可能会有帮助:if(get_post_type() == \'SlidersCPT\') {} 但正如您所看到的,它只是控制Custopm Post类型的页面,而不是管理区域。我想做的是控制页面的css,如果它在创建自定义帖子类型的管