个性化阅读
专注于IT技术分析

从头开始创建WordPress模板-边栏放置

我正在从头开始创建Wordpress模板, 并且已经在添加侧栏了。但是我在侧边栏的定位/放置上遇到了一些问题。

我想要什么vs我拥有什么

我不确定sidebar.php或容器块是否做错了什么。

但是这是我的CSS代码:

/* Sidebar modules for boxing content */
.sdbrcont {
float: left;
background-color: black;
}

我的sidebar.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>

如果问题出在我的index.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模板的第一时间, 我将非常感谢我所能提供的所有帮助。先感谢你。


#1


你需要在引导程序中注意布局网格系统: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>
赞(0) 打赏
未经允许不得转载:srcmini » 从头开始创建WordPress模板-边栏放置
分享到: 更多 (0)

评论 抢沙发

评论前必须登录!

 

觉得文章有用就打赏一下文章作者

微信扫一扫打赏