Question

我有一个Wordpress网站在我的index.php上引入了一些整页滑块功能。为了工作，它将css设置为

html, body {
  overflow: hidden;
  margin:0;
  padding:0;
}

但我希望我的内页溢出：auto;

我设置了两个header.php文件（一个用于内部页面，一个用于index.php），header-int.php设置为以下

HTML

<body <?php body_class('auto'); ?> > ...

CSS

.auto { overflow: auto; }

问题是我需要覆盖html css也是自动的，不知道该怎么做。或者让html，body css只定位index.php，而不是任何其他页面。

Answer 1

我会在这里重新审视你的头文件。 Wordpress提供了大量功能来解决此类问题。我会将以下函数添加到头文件中：is_front_page()。有关此内容的更多信息，请访问：https://codex.wordpress.org/Function_Reference/is_front_page

<?php if(is_front_page()) { ?>
  <body class="homepagebodyclass">
<?php } else { ?>
  <body class="auto">
<?php } ?>

执行上述操作将无需使用多个头文件...

Answer 2

在index.php文件上。您可以使用内联样式。

像这样设置你的CSS：

html, body {
  overflow: auto;
  margin:0;
  padding:0;
}

现在，在您的index.php文件中，您的正文标记将如下所示：

<body style='overflow: hidden;'>

Answer 3

在body标记之前的头文件中使用此代码：

if ( is_page_template( 'index.php' ) ) {
    <style>
   html, body {
    overflow: hidden;
    margin:0;
    padding:0;
   }
   </style>

你也可以在头文件中将它用于body标签，如下所示：

    if ( is_page_template( 'index.php' ) ) {
        <body style='overflow: hidden;'>
    }