2017-11-03 9 views
0

Wordpress 템플릿을 처음부터 만들고 있는데 사이드 바 추가 과정이 이미 끝났습니다. 하지만 사이드 바 위치/게재 위치에 몇 가지 문제가 있습니다. 나는 sidebar.php 또는 컨테이너 블록에 뭔가를하고있어 경우처음부터 Wordpress 템플릿 만들기 -

What I want

What I have는 잘 모르겠어요.

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

sidebar.php 코드 :

그러나 여기 내 CSS를 코드의

<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 템플릿을 만드는 데 시간을 할애하여 얻을 수있는 모든 도움에 정말로 감사드립니다. 미리 감사드립니다. 당신은 컨테이너의 폭을 결정해야하기 때문에 다른 신체의 모든 것, http://getbootstrap.com/docs/4.0/layout/overview/
:

+0

<div class="container"> <div class="row"> <div class="col"> Sidebar <div> <div class="col"> Content <div> </div> </div>

아직도 내가 보는 테마 건물과 사투를 벌인. 할 수있는 가장 좋은 방법은 WordPress에있는 데모 테마를 활용하고 그들이하는 일을보고 복사/수정하는 것입니다. –

+0

부트 스트랩을 사용하고 있다고 가정합니까? –

+0

@AwaisUmar 네, 부트 스트랩을 사용하고 있습니다. –

답변

0

당신은 부트 스트랩에 레이아웃 그리드 시스템에주의 할 필요가있다.