0

每次我通过 wordpress 添加新页面时,或者由于安装 woocommerce 插件而拥有的新 woocommerce 页面都会将侧边栏推到内容下方的页面底部。

我不知道为什么会这样。请检查所附照片

在此处输入图像描述

这就是我在 CSS 中的主题侧边栏中的代码

/* Sidebar
---------------------------------------- */
#sidebar {
    float: Left;
}

    .widget {
        background: url(images/box-tail.gif) repeat-x 50% 0%;
        position: relative;
        margin: 0 0 30px 0;
        border: 1px solid #f0f0f0;
        border-top: none;
        border-radius: 4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
    }

        ul.children {
            margin: 0 0 0 20px;
        }

    .widget-indent {
        padding: 0 20px 19px 20px;
    }

.primary_content_wrap .widget {
    padding: 0 19px 19px 19px;
}

.primary_content_wrap h3 {
    padding: 0 0 21px 0;
}

.primary_content_wrap .widget #searchform {
    width: 100%;
}

    .primary_content_wrap .widget #searchform input[type="text"] {
        width: 123px;
    }

这是我的 sidebar.php

<aside id="sidebar" class="grid_6 omega">
    <?php if ( ! dynamic_sidebar( 'Sidebar' )) : ?>

        <div id="sidebar-search" class="widget">
            <h3>Search</h3>
            <?php get_search_form(); ?> <!-- outputs the default Wordpress search form-->
        </div>

        <div id="sidebar-nav" class="widget menu">
            <h3>Navigation</h3>
            <?php wp_nav_menu( array('menu' => 'Sidebar Menu' )); ?> <!-- editable within the Wordpress backend -->
        </div>

        <div id="sidebar-archives" class="widget">
            <h3>Archives</h3>
            <ul>
                <?php wp_get_archives( 'type=monthly' ); ?>
            </ul>
        </div>

        <div id="sidebar-meta" class="widget">
            <h3>Meta</h3>
            <ul>
                <?php wp_register(); ?>
                <li><?php wp_loginout(); ?></li>
                <?php wp_meta(); ?>
            </ul>
        </div>

    <?php endif; ?>
</aside><!--sidebar-->

然后这就是我在每个页面中调用侧边栏的方式

<?php get_sidebar(); ?>

任何帮助将不胜感激。

更新外观>小部件

在此处输入图像描述

4

6 回答 6

1

您是否检查过页面当前使用的模板?

在“所有页面”列表中,

单击快速编辑,然后从模板下拉菜单中为您的页面选择不同的模板?

于 2012-10-23T10:46:32.383 回答
0

确保添加到侧边栏宽度的主要内容宽度小于页面正文的宽度。这可以解释为什么即使使用“float:left”属性,您的侧边栏也会位于页面底部。

另外,为什么不在您的 php 条件中包含整个侧边栏代码:

<?php if ( ! dynamic_sidebar( 'Sidebar' )) : ?>
<aside id="sidebar" class="grid_6 omega">
        <div id="sidebar-search" class="widget">
            <h3>Search</h3>
            <?php get_search_form(); ?> <!-- outputs the default Wordpress search form-->
        </div>

        <div id="sidebar-nav" class="widget menu">
            <h3>Navigation</h3>
            <?php wp_nav_menu( array('menu' => 'Sidebar Menu' )); ?> <!-- editable within the Wordpress backend -->
        </div>

        <div id="sidebar-archives" class="widget">
            <h3>Archives</h3>
            <ul>
                <?php wp_get_archives( 'type=monthly' ); ?>
            </ul>
        </div>

        <div id="sidebar-meta" class="widget">
            <h3>Meta</h3>
            <ul>
                <?php wp_register(); ?>
                <li><?php wp_loginout(); ?></li>
                <?php wp_meta(); ?>
            </ul>
        </div>
</aside><!--sidebar-->
<?php endif; ?>
于 2012-10-18T10:04:06.840 回答
0

你能提供一个安装链接吗?问题可能存在于您提供的代码之外,并且通过查看实时站点可能更容易解决。

于 2012-10-21T20:08:58.820 回答
0

您是否尝试过在侧边栏和左侧内容中定义宽度值?使您的左侧内容也浮动(如果没有)。例如

#sidebar{
    float:right; //much better to use float right if the sidebar will be placed at the right side of the page
    width:100px; //define a smaller temporary value of the width for testing purposes
}

#left_content{
    float:left;
    width:300px;      
}

您可以尝试在浏览器中使用 firebug 调整 css 并检查 html 元素。检查这个http://getfirebug.com/

于 2012-10-24T14:23:33.913 回答
0

我认为这很可能是非常简单的事情。您使用的网格可以很容易地制作列。您的页面模板将如下所示:

<?php get_header(); ?>

 <div class="container_12">

 <div class="grid_6">
 <--- main content here --->
 </div>

 <?php get_sidebar(); ?>

 </div>


<?php get_footer(); ?>
于 2012-10-24T16:35:29.393 回答
0

当主要内容和侧边栏分配给它们的尺寸不适合彼此相邻或过多的边距或填充时,侧边栏将自动移动到屏幕底部。这可能会导致问题

于 2017-07-07T13:10:19.910 回答