Question

我正在创建一个着陆页，我想从此页面和此页面中删除topbar和header / main Nav链接。

目前，我使用此CSS代码将其删除：

.top-headers-wrapper{display:none;}

然而，它留下了一个大的空白空格代替标题。理想情况下，此空白区域将被删除，大背景图像将一直显示在页面顶部。

我说明了下面的区别，其中带有-test的页面附加到URL有CSS来删除标题。原始URL没有删除标头的代码。

如何修改代码以删除此空格以及标题/顶栏？

https://www.californiabeardco.com/summer-giveaway/

https://www.californiabeardco.com/summer-giveaway-test/

Answer 1

您的content-area班级有top-margin 133px。如果你要移除标题altogther，那么你应该能够删除像这样的上边距

#page_wrapper.transparent_header .content-area {
  top-margin: 0;
}

在CSS文件的各种@media查询中看起来有几个这样的实例。所以你必须找到每个实例。

当我访问您的网站时，我在评论中提到了Obsidian，我使用管理员权限登录，您应该尽快更改。希望有所帮助。

Answer 2

您应该通过更优雅的方式禁用管理栏，例如转到个人资料＆gt;在查看网站时取消选中显示工具栏。

或者，如果您要为所有登录用户完全禁用管理栏，请将此代码插入主题的functions.php文件中。

function remove_admin_login_header() {
    remove_action('wp_head', '_admin_bar_bump_cb');
}
add_action('get_header', 'remove_admin_login_header');

另一种方法是使用过滤器，对所有登录用户也完全禁用。

add_filter( 'show_admin_bar', '__return_false' );

Answer 3

最终，我找到了解决方案。这是一个解决方法，但它仍然有效。

我找到的解决方案是创建一个没有页眉，页脚或侧边栏的页面模板（例如“目标网页”）。这会产生一个空白页面，当使用像Visual Composer这样的页面设计器时，它允许我在空白画布上进行设计，非常适合创建登录页面。

我按照this tutorial中的步骤操作，但会将此处发布给其他有问题的人：

1）创建一个新的php文件 2）粘贴此代码

<?php
/**
 * Template Name: Clean Page
 * This template will only display the content you entered in the page editor
 */
?>

<html <?php language_attributes(); ?> class="no-js">
<head>
    <meta charset="<?php bloginfo( 'charset' ); ?>">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <?php wp_head(); ?>
</head>
<body>
<?php
    while ( have_posts() ) : the_post();   
        the_content();
    endwhile;
?>
<?php wp_footer(); ?>
</body>
</html>

3）将php文件上传到托管Wordpress实例的服务器。该位置应该是您的主题目录。诸如../ wp-content / themes / YourThemeName

之类的东西

我将php文件添加到我的子主题中，如果您使用子主题，这通常是推荐的协议，因为我理解它。

4）登录Wordpress管理控制台，在创建新页面时，查找新添加的模板作为选项。

从一个页面中删除顶部栏/标题/主导航链接

3 个答案: