워드프레스에서 어떻게 사용하나요?

2019 년 12 월 12 일 업데이트

개발자는 사이트의 프런트 엔드에 표시되는 사용자 지정 콘텐츠 목록을 작성합니다.

여기에 세 가지”승진”투어를 표시하는 페이지입니다:

프론트엔드에서 투어 보기
프론트엔드에서 투어 보기

데이터베이스에서 이러한 투어 게시물을 로드할 수 있습니다. 우리는 두 가지 방법으로이 목록을 만드는 방법을 보여줍니다:

  1. 이 응용 프로그램은 사용자 정의 할 수 있습니다.이 응용 프로그램은 사용자 정의 할 수 있습니다.)

아래 코드는 쿼리 부분입니다. 이 예제에서는 세 개의 무작위”둘러보기”가 기준과 일치하는 데이터베이스를로드합니다.

첫째,코드는 인수의 배열을 구성($인수),이는 우리가 실행하는 데 필요한 쿼리의 모든 세부 사항을 포함. 이 클래스는 인수와 일치하는 항목(둘러보기)을 반환하도록 요청합니다.

function display_promoted_tours(){ // Create an array of arguments, which will tell WP_Query what information to load from the database $args = array( 'post_type' => 'tours', 'post_status' => 'publish', 'limit' => 3, 'orderby' => 'rand', 'tax_query' => array( 'relation' => 'AND', array( 'taxonomy' => 'tour-status', 'field' => 'slug', 'terms' => array( 'promoted' ), 'operator' => 'IN' ) ), 'meta_query' = array( 'relation' => 'AND', array( 'key' => 'wpcf-valid-until', 'value' => strtotime( 'today 00:00' ), 'type' => 'NUMERIC', 'compare' = '>' ) ) ); // Call WP_Query and load the content from the database $my_query = new WP_Query( $args ); // Now display the "tours" if ( $my_query->have_posts() ) : while ( $my_query->have_posts() ) : $my_query->the_post(); echo "<div class='card'>"; if ( has_post_thumbnail() ) : echo "<a href='" . get_the_permalink() . "' title='" . the_title(null,null,false) . "'>" . get_the_post_thumbnail() . "</a>"; endif; echo the_title( '<h3>', '</h3>', false); echo "<button class='button-style'><a href='" . get_the_permalink() . "'>Learn more</button>"; echo "</div>"; endwhile; wp_reset_postdata(); endif;}

이제 데이터베이스에서 콘텐츠를 로드하고 프런트 엔드에 표시하는 코드가 있습니다. 마지막 단계는 테마의 템플릿 중 하나에 이 코드를 추가하여 표시할 페이지에서 실행되도록 하는 것입니다.

이렇게 하려면 다음 추가 단계를 수행해야 합니다:

  • 테마의 파일을 직접 편집하지 않도록 하위 테마를 만듭니다(향후 업데이트 문제 발생)
  • 테마의 페이지를 복사하십시오.php 템플릿의 이름을 바꾸
  • 편집하는 새로운 템플릿 파일 및 전화 display_promoted_tours 에서 그것은
  • 에서 워드프레스 관리자,편집 페이지를 표시 해야 하는 이 목록의 여행하고 설정을 사용하여 새로운 템플릿

이 프로세스 작동,하지만 당신이 볼 수있는 그것은 필요한 공정한 금액의 코딩 및 디버깅할 수 있습니다. 이 프로세스의 무료 버전에 관심이 있다면,이는 분 대신 일 소요,계속 읽기.위의 예와 동일한 여행 웹 사이트 예제를 사용하고 도구 집합을 사용하여 쿼리를 만들어 보겠습니다.

아래는 위와 같은 예제이지만 이번에는 코딩을 사용하지 않고 도구 집합입니다.

  1. 목록을 표시할 뷰 편집기 블록 삽입
  2. 로드할 콘텐츠 선택
  3. 목록 모양 디자인

이 예에서 뷰는 쿼리 결과를 그리드로 표시합니다. 뷰는 맵에 마커로 표시되더라도 어떤 방식으로든 결과를 표시할 수 있습니다.

쿼리에 페이지 매김 추가

긴 콘텐츠 목록을 작성하려면 페이지 매김을 추가하여 해당 내용을 세분화할 수 있습니다.

페이지 매김이 있는 보기
페이지 매김이 있는 보기

하나의 긴 목록 대신 페이지에 결과를 표시하려면 다음 작업을 수행해야 합니다:

  1. 뷰에 대해 페이지 매김 사용
뷰 블록에서 페이지 매김 활성화
뷰 블록에서 페이지 매김 활성화

  1. 페이지 매김 컨트롤 디자인
페이지 매김 컨트롤 디자인
페이지 매김 컨트롤 디자인

사용자 지정 검색 만들기

결과를 목록으로 표시하는 것 외에도 쿼리를 사용하여 사용자 지정 검색을 작성할 수도 있습니다. 사용자 지정 검색은 사용자가 결과를 필터링하고 찾고있는 정확한 콘텐츠를 찾을 수 있도록 프런트 엔드 컨트롤을 추가합니다.

사용자 정의 검색 작성
워드프레스 블록 편집기를 사용하여 사용자 정의 검색 작성
프론트 엔드에서 사용자 지정 검색 사용
프론트 엔드에서 사용자 지정 검색 사용

지도에 쿼리 결과 표시

게시물에 사용자 정의 주소 필드가 있는 경우 지도에 표시할 수 있습니다.

맵에 쿼리 결과 표시
맵에 쿼리 결과 표시

쿼리 제한 및 필터링

빌드하는 쿼리는 선택한 유형의 모든 항목을 데이터베이스에서 로드할 필요가 없습니다. 검색어를 제한하고 필터링하여 원하는 정확한 결과를 반환할 수 있습니다.

예를 들어 다음과 같은 쿼리를 만들 수 있습니다:

  • 처음 여러 결과 반환
  • 사용자 정의 필드 및 분류 값에 따라 결과 필터링
  • 사후 관계에 따라 결과 필터링
  • 프런트 엔드의 입력에 따라 결과 필터링(사용자 정의 검색 만들기)
쿼리 제한 및 필터링
쿼리 제한 및 필터링

답글 남기기

이메일 주소는 공개되지 않습니다.

Previous post 돼지 풀 알레르기 및 치아 통증:어떻게 연결되어 있습니까
Next post 비행장