1

ここに私のウェブサイトがあります: http://steelpony.com/shop/shop-by-look/

ヘッダーは私を殺そうとしています。ナレッジ ベースの header.php、ページ テンプレート、style.css、index.php、function.php のすべてを試して、ほとんどの空白を取り除き、ショッピング カートとショッピング カート検索ウィジェットをインラインで配置しました。ナビゲーションメニューとも機能していません。これが私がヘッダーをどのように見せたいかです(一番上の行を差し引いて - それはあまり気にしません):http://www.shopthreedots.com/Home.aspx

ウィジェット領域の位置を変更する方法は、<aside>属性を変更することだと思いますが、それdisplay=inlineを変更するのですか? ヘッダーコードは次のとおりです。

</head>

<body <?php body_class(); ?>>

<div id="page" class="hfeed">

    <header id="branding" role="banner">
    <div align=center><div id="topcontent">

<div class="topcart">
        <div id="secondary" class="widget-area" role="complementary">
            <?php if ( ! dynamic_sidebar( 'sidebar-1' ) ) : ?>

                <aside id="archives" class="widget">
                    <h3 class="widget-title"><?php _e( 'Archives', 'twentyeleven' ); ?></h3>
                    <ul>
                        <?php wp_get_archives( array( 'type' => 'monthly' ) ); ?>
                    </ul>

                <aside id="meta" class="widget">
                    <h3 class="widget-title"><?php _e( 'Meta', 'twentyeleven' ); ?></h3>
                    <ul>
                        <?php wp_register(); ?>
                        <li><?php wp_loginout(); ?></li>
                        <?php wp_meta(); ?>
                    </ul>
                                </aside>

            <?php endif; // end sidebar widget area ?>
        </div><!-- #secondary .widget-area -->
<div align=center><strong><a href="/products-page/checkout/">Checkout</a></strong></div>

</div><!-- topcart -->

さぁ、何に変えようかな

  1. ウィジェット領域をインラインで取得し、現在のページの現実と比較して、指定された望ましい例のように見えます

  2. ヘッダーを分割して余白をなくし、例のようにロゴ領域を作成するにはどうすればよいですか?

修正:属性を から<aside>に変更します<div display=inline>が、それが、これらのカテゴリ タブに沿ってナビゲーション メニューと同じ行にウィジェット領域を取得する方法であるかどうかはわかりません ...

4

1 に答える 1