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



我正在创建一个登录页面,我想从此页面中删除顶栏和标题/主导航链接,并且仅此页面。

目前,我使用此CSS代码将其删除:

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

但是,它会在标题的位置留下一个大的空白区域。理想情况下,将删除此空白区域,并且大背景图像将一直到页面顶部。

我在下面说明了差异,其中将 -test 附加到 URL 的页面具有删除标题的 CSS。原始 URL 没有用于删除标头的代码。

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

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

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

您的content-area类具有133pxtop-margin。如果要删除标题altogther,那么您应该能够像这样删除上边距

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

看起来在 CSS 文件的各种@media查询中有几个实例。因此,您必须找到每个实例。

也就像我访问您的网站时评论中提到的黑曜石一样,我以管理员权限登录,您应该尽快更改此设置。希望有帮助。

您应该通过更优雅的方式禁用管理栏,例如转到配置文件>取消选中选项查看网站时显示工具栏.

或者,如果您想完全禁用所有登录用户的管理栏,请将此代码插入到主题的功能.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' );

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

我找到的解决方案是创建一个没有页眉、页脚或侧边栏的页面模板(例如"登陆页面"(。这会导致一个空白页面,当使用像Visual Composer这样的页面设计器时,它允许我在空白画布上进行设计,非常适合创建登录页面。

我按照本教程中的步骤操作,但会将它们发布在这里供其他有问题的任何人使用:

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管理控制台,创建新页面时,查找新添加的模板作为选项。