我正在从头开始创建一个Wordpress模板,我已经在添加侧边栏了。但是我在侧边栏定位/放置方面遇到了一些问题。
我想要的与我拥有的
我不确定我是否在侧边栏或容器块上做错了.php。
但这是我的 css 代码:
/* Sidebar modules for boxing content */
.sdbrcont {
float: left;
background-color: black;
}
我的侧边栏.php代码:
<div class="sdbrcont">
<?php if ( is_active_sidebar( 'left_sdbr' ) ) : ?>
<div id="primary-sidebar" class="primary-sidebar widget-area" role="complementary">
<?php dynamic_sidebar( 'left_sdbr' ); ?>
</div><!-- #primary-sidebar -->
<?php endif; ?>
</div>
如果问题出在我的索引.php上,下面是代码:
<div class="row">
<?php get_sidebar( 'left-sdbr' ); ?>
<div id="contentcont">
<div class="blog-main">
<div class="blogtitle">
<p>PAKU SQUAD
<span class="subheader1">
BLOG
</span>
</p>
<hr>
</div>
<?php
if ( have_posts() ) : while ( have_posts() ) : the_post();
get_template_part( 'content', get_post_format() );
endwhile;?>
<nav>
<ul class="pager">
<li> <?php next_posts_link( 'Older Posts >>>' ); ?> </li>
<li> <?php previous_posts_link( '<<< Newer Posts' ); ?></li>
</ul>
</nav>
<?php
endif;
?>
</div> <!-- /.blog-main -->
</div>
</div> <!-- /.row -->
这是我第一次创建wordpress模板的时间,我非常感谢我能得到的所有帮助。提前谢谢你。
您需要注意 引导中的布局网格系统: http://getbootstrap.com/docs/4.0/layout/overview/
因为你需要确定容器的宽度,否则将是所有的身体。
<div class="container">
<div class="row">
<div class="col">
Sidebar
<div>
<div class="col">
Content
<div>
</div>
</div>