如何仅在 wordpress 主页上加载 Bootstrap

Question

我有一个 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');

Answer 1

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

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

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