如何仅在 wordpress 主页上加载 Bootstrap

Posted 2023-03-21

【中文标题】如何仅在 wordpress 主页上加载 Bootstrap

【英文标题】：How to load Bootstrap on wordpress home page only

【发布时间】：2021-03-15 06:25:40

【问题描述】：

我有一个 wordpress 网站并添加了引导程序。现在引导程序正在与另一个页面上的一些样式混淆，而我唯一需要引导程序的是主页上的一些卡片。请问有没有办法让引导程序只在主页上工作？ 这是一个静态主页，而不是博客页面

这是我在下面的functions.php中添加的代码：

   function bootstrap_script() 
   wp_register_style('bootstrap', get_template_directory_uri().'/styles/bootstrap.min.css');
   wp_enqueue_style('bootstrap');
    
   add_action( 'wp_enqueue_scripts', 'bootstrap_script');

【问题讨论】：

developer.wordpress.org/reference/functions/is_front_page

非常感谢上帝保佑你成功了如何将您的评论标记为答案？

【参考方案1】：

您可以使用 is_front_page 函数，如 CBroe 所述。

但是，我不认为这是包含整个引导库仅用于设置某些卡片样式的好方法，因为这样做不利于您的页面速度。

我的建议是在您的 css 中手动设置这些卡片的样式，您可以查看 css 中的 flex box 来做到这一点。它将提高您的页面速度，因为您的主页不需要在页面加载时加载引导库。