将引导程序包含到 wordpress 插件前端答案

【问题标题】：include bootstrap into wordpress plugin front-end将引导程序包含到 wordpress 插件前端
【发布时间】：2021-08-14 13:00:46
【问题描述】：

有没有什么方法可以在不影响主题 ccs/js 文件的情况下将引导程序包含到我们的自定义插件中？

我在头部包含了一个包含引导库的 php 文件。当我激活我的插件时，我的主页中的某些内容发生了变化

【问题讨论】：

标签： php html wordpress bootstrap-4 plugins

【解决方案1】：

转到项目根目录中的functions.php并尝试添加它


    function monthem_register_assets(){
        wp_register_style('bootstrap','https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/css/bootstrap.min.css');
        wp_register_script('bootstrap','https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/js/bootstrap.min.js');
        wp_enqueue_style('bootstrap');
        wp_enqueue_script('bootstrap');
    }

add_action('wp_enqueue_scripts','monthem_register_assets');

【讨论】：

我试过这个。但它具有相同的输出并影响我的主题中的某些内容
喜欢什么？你能解释更多吗？
我的网站顶部有一个滑块。当我使用此解决方案导入 css 和 js 时，其中不会显示任何照片。

【解决方案2】：

Bootstrap 为按钮、导航等一些标签预定义了样式...这就是为什么它会覆盖这些元素的主题样式。

你可以在你的 body 标签中添加一个 id（例如：id="something"），然后在你的主题的 css 规则中添加 #something 在引导程序覆盖的样式之前，这样你的主题的 css 将优先。

#nav {} 将变为 #something #nav {}

看到这个，因为它很相似：How can I override Bootstrap CSS styles?

【讨论】：