مشکل با ایجاد ابزارک

[حمید س 46]

دوستان سلام.بنده ساختار ابزارک هام به این صورت هست.

<div class="sidebar">
    <!--narrow wid-->
	  <div class="narrow-side">
		  <div class="narrow-wid"><img src="ads-120-240-4.jpg" widt			   h="120" height="240" /></div>
	   </div>
	  <!-- end of narrow wid-->
    <!--wider widget-->
   <div class="widget-holder">
	    <div class="wid-title">
    <div style="position:absolute;right:5px;top:11px;"><i class="fa fa-th"></i></div>
	  <h3>نظرات اخير</h3>
    </div>
    <ul class="wid-content">
	  <li>نظر تازه</li>
	  <li>نظر تازه</li>
	  <li>نظر تازه</li>
	  <li>نظر تازه</li>
    </ul>
  </div>
  <!--end of wider widget-->
</div>

دو تا موقعیت برای ابزارک ها هست.یکی پهن یکی باریک.

این ها رو داخل فانکشن به این صورت تعریف میکنم:

if ( function_exists('register_sidebar') )
register_sidebar(array(
'name'		  => 'wide-widget',
'description'   => 'wider  position in home page',
'before_widget' => '<div class="widget-holder"><div class="wid-title">',
'after_widget'  => '</div></div>',
'before_title'  => '<h3>',
'after_title'   => '</h3>',
));
if ( function_exists('register_sidebar') )
register_sidebar(array(
'name'		  => 'narrow-widget',
'description'   => 'narrow widget position in home page',
'before_widget' => ' <div class="narrow-side"> <div class="narrow-wid">',
'after_widget'  => '</div></div>',
'before_title'  => '',
'after_title'   => '',
));

و در نهایت داخل sidebar.php این کار رو میکنم:

<div class="sidebar">
    <!--narrow wid-->
	  <?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('narrow-widgetr') ) : ?><?php endif; ?>
	  <!-- end of narrow wid-->
    <!--wider widget-->

  <?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('wide-widget') ) : ?><?php endif; ?>
  <!--end of wider widget-->
</div>

و داخل صفحه اصلی هم قرار میدم.اما نتیجه اش خیلی به هم ریخته است.میخواستم بپرسم چطوری باید این ها رو درست کنم؟ممنون میشم

[yoonesgholamy 211]

باید با css بهشون استایل بدید تا تنظیم بشن

[حمید س 46]

استایل داره.داخل index.php این طوری قرارش دادم:

<?php get_sidebar(); ?>

درسته؟