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

Posted 2023-03-21

【中文标题】将引导程序包含到 wordpress 插件前端

【英文标题】：include bootstrap into wordpress plugin front-end

【发布时间】：2021-08-14 13:00:46

【问题描述】：

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

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

【参考方案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?