我正在创建一个登录页面,我想从此页面中删除顶栏和标题/主导航链接,并且仅此页面。
目前,我使用此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
类具有133px
top-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管理控制台,创建新页面时,查找新添加的模板作为选项。