프런트 엔드의 게시물 유형별로 검색 결과를 필터링하는 방법?

Question

업데이트 :는 좀 더 질문을 설명 수도, 그래서 나는 How can I Split Search Results into Post Types Tabs on Frontend?

나는 워드 프레스 사이트를 가지고 있고이 4 × 포스트 유형이 여기 다시 썼다. 내가 4 개의 모든 게시물 유형을 검색 할 때 검색 결과가 표시됩니다.

사용자가 게시 유형별로 이러한 결과를 필터링 할 수 있기를 바랍니다.

예를 들어, 내가 4 × 포스트 유형

을 가지고 말할 수 나는 결과 위에 필터 (기본 설정)

• 모든 결과
• 필터에 의해 도움을 라디오 버튼의 설정을 할 수 포스트 유형에 의하여 포스트 유형 3
• 필터 포스트 유형 2
• 필터 포스트 타입 1
• 필터 4

그런 식으로 사용자는 모든 POST 유형의 콘텐츠를 항상 제공하는 대신 원하는 콘텐츠를 쉽게 찾을 수 있습니다.

참고 : 라디오 버튼이 가장 좋은 방법이라고 가정합니다. 필드가 드롭 다운 될 수도 있습니다.

도움 주셔서 감사합니다.

Answer 1

즉석에서 결과를 필터링하려면 수천 개의 결과를 처리하는 경우 AJAX 솔루션을 사용하거나 Javascript/jQuery를 사용하여 결과의 ​​가시성을 토글하는 것이 좋습니다. 그들의 포스트 유형. 간단한 해결책은 jQuery를 사용하는 것과 비슷할 것입니다. 당신의 search.php 템플릿에서

:

<form action="" method="POST"> 
    <input class="radioToggle" type="radio" name="post_type" value="type1" />Filter 1<br/> 
    <input class="radioToggle" type="radio" name="post_type" value="type2" />Filter 2<br/> 
    <input class="radioToggle" type="radio" name="post_type" value="type3" />Filter 3<br/> 
</form> 
<div class="result type1"> 
    result of type 1.... 
</div> 
<div class="result type2"> 
    result of type 2.... 
</div> 
<div class="result type2"> 
    result of type 2.... 
</div> 
<div class="result type3"> 
    result of type 3.... 
</div> 
<div class="result type3"> 
    result of type 3.... 
</div> 
<div class="result type3"> 
    result of type 3.... 
</div> 
<script type="text/javascript"> 
    jQuery(document).ready(function($)) 
    { 
     $(".radioToggle").click(function() 
     { 
      $(".result."+$(this).attr("value")).css("display", "block"); 
      $(".result:not(."+$(this).attr("value")+")").css("display", "none"); 
     }); 
    }); 
</script> 

이 안된이며, 개인적으로 모두 즉석에서이 일을 피할 것이다. 나는 PHP를 사용하여 검색 결과를 미리 필터링해야하며 Javascript를 사용해서는 안된다는 개인적인 믿음을 가지고 있습니다. 그러나 이것이 여전히 UI에 필요하다면 이는 시작하는 데 도움이 될 것입니다.

이 방법을 사용하려면 테마로 jQuery를 설치하거나 대기열에 추가해야합니다.