有没有办法从定制的主页中删除页眉和页脚？答案

【问题标题】：Is there a way to remove the header and footer from a custom made homepage?有没有办法从定制的主页中删除页眉和页脚？
【发布时间】：2017-06-11 19:12:39
【问题描述】：

我为我的网站创建了一个自定义主页/登录页面，这与网站的其他部分完全不同。现在，我唯一的问题是出现了页眉和页脚，而我只希望出现我编码的内容。我已经尝试过使用站点来源的自定义 css，但我不知道我的主页的 ID。

那么，如何使用自定义 css 删除页眉和页脚，或者有没有其他更好的方法来做到这一点。

【问题讨论】：

根据 Wordpress 的版本和模板的制作方式，假设您是通过 WP 后台创建的，您也许可以向页面添加新的元数据并使用它来设置特定值登陆页面，然后在页面模板中设置逻辑以跳过此特定页面的页眉/页脚。另一方面，如果您为登录页面创建了一个新的页面模板，只需省略页眉和页脚的包含并为其创建自定义 HTML 包装器。不确定我是否触及主题，但我希望它有所帮助。干杯

【解决方案1】：

你需要在你的页面样式表中添加这个：

#header, #footer{
    display: none !important;
}

// 请注意，您需要将 ID 的名称替换为#yourheaderid、#yourfooterid。

如果你使用了<footer> 和<header 标签，你可以这样做

header, footer{
        display: none !important;
    }

如果你的页脚和页眉有一个类名，你可以这样做：

.header, .footer{
            display: none !important;
        }

【讨论】：

【解决方案2】：

只删除页脚和页眉的html？..

【讨论】：

【解决方案3】：

我认为是这样的：

#header, #footer{
    display: none;
}

当然，您需要将 #header 和 #footer 替换为实际的 class / id 元素。

【讨论】：