当管理灰条出现时，如何保持主题布局不变？

时间：2011-09-01 作者：Raptor

当我登录时，顶部有一个灰色的管理栏。我的主题布局被酒吧扭曲了。如何解决布局问题？是否有功能可以检测用户是否登录，或者使用CSS可以解决问题？

主题演示位于：http://raptor.hk/dev/theme 下面是灰色条出现时的屏幕截图。

p、 s.我使用WordPress 3.2.1 &；插件Theme Test Drive

when the gray bar is present...

5 个回复
最合适的回答,由SO网友:helenhousandi 整理而成

你的主题的顶部栏也是绝对定位的，所以它不知道下来。您可以使用is_admin_bar_showing() 检查它是否正在显示，然后我可能会使用wp_head 向下移动，因为它的CSS很少。

总之，你会在你的主题中得到一些东西functions.php 例如：

add_action( \'wp_head\', \'prefix_move_theme_down\' );
function prefix_move_theme_down() {
  if ( is_admin_bar_showing() ) {
    ?>
    <style type="text/css">
    #header { top: 28px; }
    #content { margin-top: 68px; }
    </style>
    <?php
  }
}

SO网友:Jeremy Jared

管理栏仅在您登录时显示。如果你不喜欢顶部，你可以把它移到底部。将此添加到主题的功能中。php文件：

<?php
    function fb_move_admin_bar() {
    echo \'
<style type="text/css">
    body {
    padding-bottom: 28px;
    }
    body.admin-bar #wphead {
       padding-top: 0;
    }
    body.admin-bar #footer {
       padding-bottom: 28px;
    }
    #wpadminbar {
        top: auto !important;
        bottom: 0;
    }
    #wpadminbar .quicklinks .menupop ul {
        bottom: 28px;
    }
</style>\';
}
add_action( \'admin_head\', \'fb_move_admin_bar\' );
add_action( \'wp_head\', \'fb_move_admin_bar\' );
?>

SO网友:w3uiguru

要隐藏管理栏，请将此函数粘贴到函数中。php

    function hide_admin_bar_from_front_end(){
  if (is_blog_admin()) {
    return true;
  }
  return false;
}
add_filter( \'show_admin_bar\', \'hide_admin_bar_from_front_end\' );

SO网友:Yoann Kergall

将其添加到函数中。php：

if ( is_admin_bar_showing() && !is_admin() )
    _admin_bar_bump_cb();
这是来自的管理栏的默认回调wp-includes/admin-bar.php:

function _admin_bar_bump_cb() { ?>
<style type="text/css" media="screen">
    html { margin-top: 28px !important; }
    * html body { margin-top: 28px !important; }
</style>
<?php
}

SO网友:kraftner

看起来，虽然其他答案确实有效，但这是一种干净且有意的方法according to WordPress Core Code 这是：

add_action( \'after_setup_theme\', function(){
   add_theme_support( \'admin-bar\', array( \'callback\' => \'__return_false\' ) );
} );

结束
标签： theme-development   css   admin-bar   小码农  

相关推荐

Gallery CSS Problem

现在，我在函数中使用一个代码来覆盖默认的WordPress gallery CSS。但出于某种原因，WP似乎只想让我在一个图库中每行放3张图片，尽管我有CSS。有人知道怎么解决这个问题吗？我的问题可以在这里找到->http://themeforward.com/demo2/features/gallery-2/ 下面是我的CSS。/*//////////////////////////////////////////////////////////////////// // Galler