Wordpress'de Tab Menü Sınırlandırması

Merhaba arkadaşlar kullandığım temada ana sayfada gösterim yapan tab menü alanı var bu tab menüler belirlediğim kategorilerdeki tüm yazıları gösteriyor ve haliyle ana sayfayı yersiz uzatıyor herhangi bir sınırlandırma için tema panelinde ayar yeri de yok.
Tema klasörü içindeki dosyaları incelediğimde bu tab menü'nün php sayfası aşağıdaki kodda olduğu gibi bulunmaktadır. Acaba ne şekilde sınırlandırma getirebilirim. Örneğin sadece 4'er tane konu çeksin her kategoriden.

Şimdiden yardımınız için teşekkürler..

<?php
$tab1 = "tab1";
$tab2 = "tab2";
$tab3 = "tab3";
$tab4 = "tab4";
$tab5 = "tab5";
?>

<section class="tabs">
  <div class="maintab_wrap">
    <ul class="maintabNav">
      
      <?php if(!empty($smof_data['tab1_show'])) { ?>
	  <li class="firstTab active" style=""><a href="#maintabs-1" title="<?php echo $smof_data['tab1_title']; ?>"><span class=""><?php echo $smof_data['tab1_title']; ?></span></a></li>
      <?php } ?>
      <?php if(!empty($smof_data['tab2_show'])) { ?>
	  <li><a href="#maintabs-2" title="<?php echo $smof_data['tab2_title']; ?>"><span class=""><?php echo $smof_data['tab2_title']; ?></span></a></li>
      <?php } ?>
      <?php if(!empty($smof_data['tab3_show'])) { ?>
	 <li><a href="#maintabs-3" title="<?php echo $smof_data['tab3_title']; ?>"><span class=""><?php echo $smof_data['tab3_title']; ?></span></a></li>
      <?php } ?>
      <?php if(!empty($smof_data['tab4_show'])) { ?>
	  <li><a href="#maintabs-4" title="<?php echo $smof_data['tab4_title']; ?>"><span class=""><?php echo $smof_data['tab4_title']; ?></span></a></li>
      <?php } ?>
      <?php if(!empty($smof_data['tab5_show'])) { ?>
	 <li><a href="#maintabs-5" title="<?php echo $smof_data['tab5_title']; ?>"><span class=""><?php echo $smof_data['tab5_title']; ?></span></a></li>
      <?php } ?>
      
      
      
      
    </ul>
    <?php if(!empty($smof_data['tab1_show'])) { ?>
    <div class="maintabContent contentBox" id="maintabs-1" style="display: block;">
    <?php lioit_news_tab($tab1); ?>
    </div>
    <!--tab-->
    <?php } ?>
    <?php if(!empty($smof_data['tab2_show'])) { ?>
    <div class="maintabContent contentBox" id="maintabs-2" style="display: none;">
    <?php lioit_news_tab($tab2); ?>
    </div>
    <!--tab-->
    <?php } ?>
    <?php if(!empty($smof_data['tab3_show'])) { ?>
    <div class="maintabContent contentBox" id="maintabs-3" style="display: none;">
    <?php lioit_news_tab($tab3); ?>
    </div>
    <!--tab-->
    <?php } ?>
    <?php if(!empty($smof_data['tab4_show'])) { ?>
    <div class="maintabContent contentBox" id="maintabs-4" style="display: none;">
    <?php lioit_news_tab($tab4); ?>
    </div>
    <?php } ?>
    <?php if(!empty($smof_data['tab5_show'])) { ?>
    <div class="maintabContent contentBox" id="maintabs-5" style="display: none;">
    <?php lioit_news_tab($tab5); ?>
    </div>
    <?php } ?>
    
    
    
    
    
    
  </div><!--End Tabs Warb-->
</section>

Konuyu doğru kategoriye mi açtım bilmiyorum. Umarım sıkıntı olmaz çünkü wordpress bölümü ile php yardımlaşma bölümü arasında kaldım.

Arkadaşlar yok mudur yardım edecek birisi...


iPhone 'den Tapatalk aracılığı ile gönderildi

<?php 
$tab1 = "tab1"; 
$tab2 = "tab2"; 
$tab3 = "tab3"; 
$tab4 = "tab4"; 
$tab5 = "tab5"; 
$rr	=	'';
?> 

<section class="tabs"> 
  <div class="maintab_wrap"> 
    <ul class="maintabNav"> 
      <?php if(!empty($smof_data['tab1_show'])) { ?> 
      <li class="firstTab active" style=""><a href="#maintabs-1" title="<?php echo $smof_data['tab1_title']; ?>"><span class=""><?php echo $smof_data['tab1_title']; ?></span></a></li>
	  <?php $rr .= '<div class="maintabContent contentBox" id="maintabs-1" style="display: block;">'.lioit_news_tab($tab1).'</div>'; ?>
      <?php } ?> 
      <?php if(!empty($smof_data['tab2_show'])) { ?> 
      <li><a href="#maintabs-2" title="<?php echo $smof_data['tab2_title']; ?>"><span class=""><?php echo $smof_data['tab2_title']; ?></span></a></li> 
	  <?php $rr .= '<div class="maintabContent contentBox" id="maintabs-2" style="display: block;">'.lioit_news_tab($tab2).'</div>'; ?>
      <?php } ?> 
      <?php if(!empty($smof_data['tab3_show'])) { ?> 
     <li><a href="#maintabs-3" title="<?php echo $smof_data['tab3_title']; ?>"><span class=""><?php echo $smof_data['tab3_title']; ?></span></a></li> 
	 <?php $rr .= '<div class="maintabContent contentBox" id="maintabs-3" style="display: block;">'.lioit_news_tab($tab3).'</div>'; ?>
      <?php } ?> 
      <?php if(!empty($smof_data['tab4_show'])) { ?> 
      <li><a href="#maintabs-4" title="<?php echo $smof_data['tab4_title']; ?>"><span class=""><?php echo $smof_data['tab4_title']; ?></span></a></li> 
	  <?php $rr .= '<div class="maintabContent contentBox" id="maintabs-4" style="display: block;">'.lioit_news_tab($tab4).'</div>'; ?>
      <?php } ?> 
      <?php if(!empty($smof_data['tab5_show'])) { ?> 
     <li><a href="#maintabs-5" title="<?php echo $smof_data['tab5_title']; ?>"><span class=""><?php echo $smof_data['tab5_title']; ?></span></a></li>
		<?php $rr .= '<div class="maintabContent contentBox" id="maintabs-5" style="display: block;">'.lioit_news_tab($tab5).'</div>'; ?>	 
      <?php } ?> 
    </ul> 
	
	<?php
	echo $rr;
	?>

  </div>
</section>

Kodlardaki alt sorguları içeri aktararak karışıklığı azalttım hocam.
İstediğiniz yazı listelemesi için lioit_news_tab isimli fonksiyonun içeriğini yollayabilirseniz limitlendirme özelliği kazandırırım.

pm gönderdim hocam. ilgilendiğiniz için teşekkür ederim...

hocam konu linkindeki talebiniz tab içerisinde kategorileri göstermek gibi bir çalışma mı?

Örneğin; Üst kısımlarda kategori isimleri var ve kategori içerisinde ki ürünleri veya yazıları listeliyor? Eğer böyle bişi ise bu konuda benimde ihtiyacım var hocam yardımcı olabilir misiniz bana?

yanyana sığmıyorsa trendyoldaki gibi kaydırmalı yapabilirsin. hatta ben bi müşterime yaptım , sağa sola ok koydum elle kaydırmalı olduğu algılansın diye.
hatta oklar koydum oklara basıncada, elle sürükleyincede tab butonları sağa sola kayabiliyor.
eksiltmektense böyle bi yol izleyebilirsin.