请协助。我按照教程创建了一个带有侧栏的自定义模板。侧栏已成功实现，页面模板称为“自定义页面模板向导”。我遇到的问题是让侧边栏显示在左侧，内容显示在右侧。我使用的主题是Ultra7

我遇到的问题位于此测试页中：https://devtest2017.aquatiere.co.uk/product-filter-wizard/

所需布局未显示。这需要css吗？

此外，主页内容未显示。如何解决此问题？

这是custom\\u页面。php编码：

<?php
/*
 * Template Name: Custom Page Template Wizard
 */
?>

<?php get_header(); ?>

      <?php if ( is_active_sidebar( \'wizard-sidebar\' ) ) : ?>
    <?php dynamic_sidebar( \'wizard-sidebar\' ); ?>
<?php endif; ?>

<?php get_footer(); ?>

这是我的自定义边栏模板编码（sidebar wizard.php）：

<div id="sidebar">
   <ul>
      <?php
      if ( !function_exists(\'dynamic_sidebar\') || !dynamic_sidebar(\'wizard-sidebar\') ) :
      endif; ?>
   </ul>
</div>

我已经将此代码添加到我的主题函数中。php文件：

if ( function_exists(\'register_sidebar\') ) {
register_sidebar(array(
\'name\' => \'Wizard Layout Page\',
\'id\' => \'wizard-sidebar\',
\'description\' => \'Appears as the sidebar on the custom wizard page\',
\'before_widget\' => \'<div style="height: 280px"></div><li id="%1$s" class="widget %2$s">\',
\'after_widget\' => \'</li>\',
\'before_title\' => \'<h2 class="widgettitle">\',
\'after_title\' => \'</h2>\',
));
}

这是当前页面的外观：

<?php the_content() ?>

<div class="main-content ten columns">
    <?php the_content() ?>
</div>
<div class="side-bar two columns">
    <?php if ( is_active_sidebar( \'wizard-sidebar\' ) ) : ?>
        <?php dynamic_sidebar( \'wizard-sidebar\' ); ?>
    <?php endif; ?>
</div>

<?php get_header (); ?>

<div class="main-content ten columns">
    <?php the_content ?>
</div>
<div class="side-bar two columns">
    <?php if ( is_active_sidebar( \'wizard-sidebar\' ) ) : ?>
        <?php dynamic_sidebar( \'wizard-sidebar\' ); ?>
    <?php endif; ?>
</div>

<?php get_footer(); ?>

    .main-content.ten columns {
        width: 1000px;
        float: right;
    }
   .side-bar.two columns {
        width: 200px;
        float: left;
    }