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

我正在创建一个登录页面，我想从此页面和此页面删除顶栏和页眉/主导航链接。从一个页面删除顶部栏/页眉/主导航链接

目前，我用这个CSS代码将其删除：

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

但是，它留下了很大的空白空间代替头的。理想情况下，这个白色空间将被删除，大背景图像将一直到页面的顶部。

我将说明以下区别，其中带有-test附加到URL的页面具有用于删除标头的CSS。原始网址没有删除标题的代码。

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

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

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

来源

2017-08-09 csterling

添加示例HTML和CSS向您的问题展示此问题，以便在远程站点上解决问题时问题仍然相关。 – Don

只是让你知道一些东西配置不正确与你的WordPress;尝试访问您的网站会自动为您签名（使用管理员权限）。你可能想看看。 –

您的内容区域包装器上留有空白，导致空白。虽然可能更好地解决这个服务器端，也就是说，准备专门为您需要的模板。 – Chasevanb

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

我找到的解决方案是创建一个没有页眉，页脚或边栏的页面模板（例如“登陆页面”）。这导致了一个空白页面，当使用像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的管理控制台，当你创建一个新的页面时，寻找你新添加的模板作为选项。

来源

2017-08-10 18:54:00 csterling

你content-area类有133px一个top-margin。如果要删除页眉altogther，那么你应该能够删除上边距这样

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

它看起来像有在CSS文件中的各种@media查询一对夫妇的这个实例。所以你必须找到每个实例。

也喜欢在我访问您的网站时在评论中提到的黑曜石我曾用管理员权限登录过，您应该尽快更改。希望有所帮助。

来源

2017-08-09 23:21:40 crazymatt

我将这段代码添加到页面的CSS中，但没有修复它。我在CSS中找到一个名为“.vc_custom_1502310592874”的元素，它的顶边值为-100px。当我将其修改为200像素时，背景图片在页面上向上移动但不完全消失。我似乎无法隔离该背景元素将其顶部边距修改为0. – csterling

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

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

来源

2017-08-10 01:54:44

感谢您提供管理栏问题的解决方案。它仍然对你有用吗？ – csterling

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

回答

相关问题