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

インストールへのリンクを提供できますか？問題が提供されたコードの外にある可能性があり、実際のサイトを確認することで簡単に修正できる場合があります。

于 2012-10-21T20:08:58.820 に答える
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

これはおそらく非常に単純なものだと思います。グリッドを使用すると、列を非常に簡単に作成できます。ページ テンプレートは次のようになります。

<?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

サイドバーと左側のコンテンツで幅の値を定義しようとしましたか? 左のコンテンツもフロートにします（そうでない場合）。例えば

#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;      
}

css を調整し、ブラウザで firebug を使用して html 要素を確認してみてください。これをチェックしてください http://getfirebug.com/

于 2012-10-24T14:23:33.913 に答える