仅为自定义页面模板设置侧边栏样式

Question

请协助。我已经按照教程创建了一个带侧边栏的自定义模板。边栏已成功实施，页面模板被调用＆＃34;自定义页面模板向导＆＃34;。我遇到的问题是让侧边栏显示在左边，内容在右边。我正在使用的主题是Ultra7

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

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

这是custom_page.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>

我已将此代码添加到我的主题functions.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>',
));
}

这就是目前页面的样子：

Answer 1

是的！一点自定义css应该排除你。向左浮动一个项目，向右浮动另一个项目，并确保它们的组合宽度不超过其父项宽度。尝试将类似这样的东西弹出到styles.css中，看看小时是如何进行的。您可能必须使用不同的规则才能使其具有移动响应能力。运气最好！

#main .row div {
    width: 1000px;
    float: right;
}
li#categories-3 {
    width: 200px;
    float: left;
}