Oxygen Builder에서 "트렌딩 포스트" 섹션 만들기 - 튜토리얼

게시 됨: 2022-06-22

이 기사 및 비디오 자습서에서는 repeater 요소, WordPress Popular Posts Plugin 및 고급 쿼리를 사용하여 Oxygen Builder에서 트렌드/인기 게시물 섹션을 구축할 것입니다.

이 블로그에 Oxygen과 관련하여 게시한 첫 번째 자습서 중 하나는 인기 있는 게시물 섹션을 만드는 방법이었습니다. 이제 2022년에 가장 최신 방법과 작업에 가장 적합한 플러그인을 사용하여 이 주제를 다시 살펴볼 것입니다.

우리 에이전시는 많은 뉴스와 대규모 콘텐츠 웹사이트에서 일합니다. 이러한 유형의 웹사이트에 대한 지속적인 요구 사항은 트렌드 및 인기 게시물을 표시하는 기능입니다. 이러한 각 위젯이 동일하게 사용하는 메커니즘 - 먼저 특정 게시물이 얼마나 많은 조회수를 얻고 있는지 이해해야 하며, 그런 다음 이를 기반으로 쿼리할 수 있습니다.

산소 빌더 과정 - 곧 제공됩니다!

Oxygen Builder Mastery 과정은 ACF, MetaBox 및 WooCommerce 모듈이 포함되어 있어 초심자부터 전문가까지 여러분을 안내합니다.

출시 알림 및 할인 받기

인기 게시물은 일반적으로 장기간에 걸친 게시물의 전체 조회수를 확인합니다. 예를 들어 블로그에서 가장 인기 있는 게시물을 표시하거나 특정 연도에 가장 인기 있는 게시물을 표시할 수 있습니다.

인기 급상승 게시물은 일반적으로 하루 또는 일주일과 같은 더 짧은 기간 동안의 전체 조회수를 확인합니다. 예를 들어, 한 게시물이 하루에 100회의 조회수를 기록했다면 웹사이트의 평균 조회수 33회의 조회수에 비해 이것이 추세임을 알 수 있습니다.

WordPress 저장소에는 이러한 유형의 위젯을 WordPress 웹사이트에 빠르게 추가할 수 있는 많은 플러그인이 있습니다. 그러나 산소 리피터와 쉬운 포스트 요소를 사용하면 각 포스트의 동적 데이터 출력을 심각하게 사용자 정의할 수 있습니다. 우리 프로젝트에서 리피터를 사용하여 완전히 맞춤형 디스플레이와 카드를 제작합니다.

이 방법을 사용하면 리피터를 사용하여 인기 게시물과 인기 게시물을 Oxygen Builder에 쉽게 통합할 수 있습니다.

비디오 튜토리얼

조회수 얻기

첫 번째 단계는 개별 게시물이 얼마나 많은 조회수를 얻고 있는지 이해하는 것입니다.

조회수를 얻으려면 " WordPress Popular Posts "라는 인기 플러그인을 사용하려고 했습니다. 이것은 정말 강력한 도구입니다. 다국어를 지원하고, 캐싱과 함께 제공되며, GitHub에 정말 잘 문서화되어 있으며, WP 관리자에 통계 대시보드가 있으며 API 지원도 있습니다!

등방성-2022-06-19-at-17-41-16 — Oxygen Builder 웹사이트에 이 플러그인을 설치하세요.

기본적으로 사용자 정의 가능한 위젯을 제공하여 웹사이트에서 가장 인기 있는 게시물을 쉽게 표시할 수 있습니다. 단축 코드를 사용하여 Oxygen에 삽입할 수 있습니다.

그러나 우리는 한 단계 더 나아가 Oxygen Builder 리피터 요소를 사용하여 가장 인기 있고 인기 있는 게시물을 표시하려고 합니다. 이런 식으로 빌더를 사용하여 가장 인기 있는 게시물의 모양과 느낌을 완전히 사용자 지정할 수 있습니다.

그러나 이 플러그인이 조회수를 관리하는 방법에 약간의 문제가 있습니다. 보기는 posts 또는 postmeta 와 별도의 데이터베이스 테이블에 저장됩니다. 산소 빌더에서 표준 WordPress Square를 사용하여 쿼리하려면 메타 필드를 통해 액세스할 수 있는 이 데이터가 필요합니다.

포스트 메타에 보기 추가

WordPress Popular Posts 플러그인을 설치했으면 이 데이터를 쿼리에 사용할 수 있습니다.

이렇게 하려면 가장 최신 보기 번호를 가져와 게시물과 연결된 사용자 정의 필드 아래에 채워야 합니다.

이 데이터에 액세스할 수 있게 되면 사용자 지정 WordPress 쿼리에서 인기도순으로 게시물을 정렬하는 데 사용할 수 있습니다.

먼저 코드 스니펫 관리자를 사용하여 이 코드를 웹사이트에 추가합니다. Oxygen Builder 웹사이트용 Scripts Organizer를 제안합니다.

/** * 다른 기간의 보기를 메타 키로 저장합니다. * * @author @migueleste / @radgh * @link https://wordpress.org/support/topic/how-to-sort-a-custom-query-by-views-all-time-monthly-weekly-or- Daily/ * @param int $postid 현재 게시물/페이지/맞춤 게시물 유형의 ID입니다. */ function custom_wpp_update_postviews($postid) { // 정확도: // 10 = 10번의 방문 중 1번이 조회수를 업데이트합니다. (트래픽이 많은 사이트에 권장) // 30 = 방문의 30%. (중간 트래픽 웹사이트.) // 100 = 모든 방문. 모든 요청에 대해 많은 db 쓰기 작업을 생성합니다. $정확도 = 50; if ( function_exists('wpp_get_views') && (mt_rand(0,100) < $accuracy) ) { // 사용하지 않을 줄을 제거하거나 주석 처리합니다!! update_post_meta( $postid, 'views_total', wpp_get_views($postid, 'all', false) ); update_post_meta( $postid, 'views_daily', wpp_get_views($postid, 'daily', false) ); update_post_meta( $postid, 'views_weekly', wpp_get_views($postid, 'weekly', false) ); update_post_meta( $postid, 'views_monthly', wpp_get_views($postid, 'monthly', false) ); } } add_action('wpp_post_update_views', 'custom_wpp_update_postviews');

이 코드는 플러그인 뒤에 있는 개발자가 우리가 필요로 하는 것을 정확히 수행하기 위해 생성했습니다. 쿼리에 사용할 수 있는 데이터를 제공합니다.

views_total, views_daily, views_weekly, views_monthly 와 같이 작업할 수 있는 4개의 새로운 메타 필드를 제공합니다.

총 조회수와 월간 조회수는 인기 게시물 섹션에 사용하기에 좋습니다. 일일 및 주간 조회수는 인기 급상승 게시물에 적합합니다.

각 필드에는 해당 조회수에 대한 숫자가 포함되어 있습니다. 예를 들어 특정 게시물의 경우 게시물에 적용된 템플릿의 Oxygen 코드 블록에 이것을 추가하여 프런트엔드의 총 조회수 를 표시할 수 있습니다.

<?php the_field('view_total'); ?> //예시 출력은 1203이 됩니다. 즉, 게시물이 게시된 이후 1203 조회수를 받았습니다.

잠깐만!

웹 사이트의 트래픽에 따라 이를 최적화하여 데이터베이스에 대한 모든 단일 보기를 작성하는 서버 리소스가 고갈되도록 해야 합니다. 운 좋게도 이 코드 조각에는 바로 이 문제를 해결하는 내장 기능이 있습니다.

이 코드 조각의 상단 부근에서 정확성을 위한 섹션을 볼 수 있습니다. 코드에 주석이 달린 것은 지침입니다.

정확도는 0-100에서 제어됩니다. 100으로 설정하면 모든 단일 페이지뷰가 데이터베이스에 기록됩니다. 1로 설정하면 10번의 방문 중 1번이 조회수를 업데이트합니다.

트래픽이 많은 웹사이트의 경우 정확도를 낮춰야 합니다. 이렇게 하면 서버의 부하와 성능 문제가 최소화됩니다.

이 플러그인은 분석 솔루션을 대체하기 위한 것이 아닙니다. 따라서 게시물에 대한 시청률의 비율이 동일할 것이기 때문에 정확도는 그다지 중요하지 않습니다. 어떤 게시물이 인기가 있는지 계속 알 수 있습니다.

검색어 인기 게시물

이제 트렌드 게시물에서 쿼리할 시간입니다. 이전에 언급했듯이 해당 날짜의 전체 조회수를 사용하면 특정 기간 동안 트렌드를 파악할 수 있기 때문입니다.

이렇게 하려면 repeater 또는 easy post 요소에 대한 고급 쿼리 기능을 사용하십시오.

고급 쿼리 UI를 열려면 "쿼리 편집" 버튼을 클릭합니다.

이제 다음을 추가합니다. 이 사용 사례의 경우 주간 조회수를 기준으로 가장 인기 있는 8개의 게시물만 표시하고 싶었습니다.

나는 설정 :

게시물_당_페이지 = 8
no_found_rows = true(이것은 리피터에 대한 페이지네이션을 비활성화함)
post_type = 게시물
meta_key = views_weekly(이는 WordPress에 이 필드의 데이터를 쿼리와 연결해야 함을 알려줍니다. 인기 게시물인지 인기 게시물인지에 따라 이것을 total, Daily, Weekly 또는 Monthly로 변경할 수 있음을 기억하십시오)
order_by = meta_value_num (이 경우에는 주간 조회수인 메타 값과 관련된 번호로 주문할 것임을 알려줍니다)
order = desc (이것은 가장 많은 조회수를 기준으로 게시물을 가장 적은 조회수 순으로 정렬하도록 알려줍니다)

이제 모든 것을 저장하고 Oxygen 사이트의 프런트 엔드로 이동하십시오. 이제 선택한 기간 동안의 조회수에 따라 이 특정 리피터에 게시물이 표시됩니다.

보너스

또한 블로그 프런트 엔드에서 독자에게 전체 조회수를 표시하고 싶습니다. 이를 위해 짧은 코드를 생성하겠습니다. 내 스니펫 관리자에 이 코드를 추가합니다.

<?php add_action('초기화', function(){ add_shortcode('post_views', function(){ return wpp_get_views(get_the_ID()); }); }); ?>

그런 다음 다음 단축 코드를 추가하여 단일 게시물의 조회수를 삽입할 수 있습니다.

[post_views]

이 자습서에서는 게시물과 연결된 보기를 표시하기 위해 이 단축 코드를 반복 레이아웃에 배치했습니다. 이렇게 하면 쿼리가 설계된 대로 작동하는지 확인할 수 있습니다.

등방성-2022-06-19-at-18-03-45 — 편집기에서는 작동하지 않지만 프론트엔드에서는 작동합니다.

등방성-2022-06-19-at-18-14-12 — 프론트엔드의 총 페이지뷰를 보여주는 주간 조회수로 정렬된 프론트엔드 반복 레이아웃입니다.

여기서 주의할 점은 이전 코드 스니펫으로 단일 게시물에 추가한 조회수 필드를 사용하지 않는다는 것입니다. 대신 이 플러그인이 설치 중에 추가하는 데이터베이스 테이블에서 가져옵니다. 즉, 이전 스니펫에서 말한 정확도에 관계없이 항상 정확한 조회수입니다(둘은 다른 것입니다).

다음 PHP go를 단일 게시물에 적용된 템플릿의 코드 블록에 직접 추가하여 이 정보를 추가할 수도 있습니다.

<?php if ( function_exists('wpp_get_views') ) { // get_the_ID()는 루프 내부에서 // 사용될 때만 작동합니다! (https://codex.wordpress.org/The_Loop) echo wpp_get_views(get_the_ID()); } ?> // <?php if ( function_exists('wpp_get_views') ) { // '15'는 게시물/페이지의 ID입니다. echo wpp_get_views(15, 'last7days'); } ?> // 자세히: https://github.com/cabrerahector/wordpress-popular-posts/wiki/2.-Template-tags#wpp_get_views

결론

이 기사에서는 이 플러그인으로 만든 웹사이트에 Oxygen Builder 리피터를 사용하여 인기 있거나 인기 있는 게시물 섹션을 추가하는 방법을 보여주었습니다. 질문이나 제안 사항이 있으면 아래의 공통 섹션에 자유롭게 남겨주세요.

당신은 좋아할 수 있습니다

구독 및 공유

이 콘텐츠가 마음에 들면 월간 WordPress 뉴스, 웹사이트 영감, 독점 거래 및 흥미로운 기사를 구독하십시오.

언제든지 구독을 취소하세요. 우리는 스팸 메일을 보내지 않으며 귀하의 이메일을 판매하거나 공유하지 않습니다.