Wordpress 용 폼 필터에 buttons-checkbox 부트 스트랩

Question

WordPress의 필터 인용 문구에 부트 스트랩 버튼을 사용하고 싶습니다. 무엇을하는 것이 가장 좋은 방법인지 모르겠습니다.

<?php $categorias = get_categories();?> 

<form method="post" action="<?php echo get_permalink(); ?>"> 
    <div class="btn-group" data-toggle-name="cat" data-toggle="buttons-checkbox" > 
     <label class="control-label" for="inputIcon">Selecciona entre las categorias</label> 
     <?php 
      foreach($categorias as $cat): 
       echo '<button type="button" class="btn" rel="tooltip" data-placement="bottom" data-original-title="Seleccionar" value="'.$cat->term_id.'">'.$cat->name.'</button>'; 
      endforeach; 
     ?> 
      <input type="hidden" value="" name="cat"> 
      <button class="btn" type="submit" >enviar</button> 
    </div> 

    </form> 

아무도 도와 줄 수 :

이 내 마크 업입니까?

Answer 1

<?php 
    foreach($categorias as $cat): 
     $cat_link = get_category_link($cat->cat_ID); 
       echo '<a class="btn" href="'.$cat_link.'">'.$cat->name.'</a>'; 
      endforeach; 
?> 

은 카테고리에 대한 링크가있는 버튼을 만드는 데 충분해야합니다.
폼을 사용해야하는 경우 그런 다음 숨겨진 입력하여 카테고리 ID를 POST 다음이

<input type="hidden" name="filter-category" id="filter-category" value="0" > 
<?php 
    foreach($categorias as $cat): 
     $cat_link = get_category_link($cat->cat_ID); 
       echo '<button type="button" class="btn filter-category" value="'.$cat->cat_ID.'">'.$cat->name.'</button>'; 
      endforeach; 
?> 

<script type="text/javascript"> 
$(document).ready(function(){ 
    $('.filter-category').on('click', function() { 
     cat = $(this).val(); 
     $('#filter-category').val(cat); 
    }); 
}); 
</script> 

을한다.