WP_Query를 사용하여 WordPress에서 페이지 매김을 만드는 방법
게시 됨: 2021-08-31
최적의 이탈률을 갖는 웹사이트의 페이지 조회수를 늘리는 생산적인 방법 중 하나는 WP_Query를 사용하여 WordPress에서 페이지 매김을 만드는 것입니다.
이 튜토리얼에서는 페이지 매김으로 사용자 정의 WordPress 루프를 추가하기 위한 가이드를 따라하기 쉽게 안내합니다.
WP_Query란 무엇입니까?
WP_Query는 데이터베이스의 레코드, 게시물, 페이지 및 사용자 정의 게시물 유형에 대한 액세스를 제공하기 때문에 WordPress에서 가장 중요한 클래스 중 하나입니다.
한편 개발자는 게시물, 페이지 또는 사용자 정의 게시물 유형에 대한 필요한 정보를 받기 위해 데이터베이스에 대해 복잡한 SQL 쿼리를 작성할 필요가 없습니다. WP_Query가 모든 작업을 수행하기 때문입니다.
WordPress의 페이지 매김이란 무엇이며 왜 필요한가요?
페이지 매김은 모든 WordPress 사용자가 다양한 목적으로 사용할 수 있는 핵심 기능 중 하나입니다. 긴 게시물을 여러 조각으로 나누고 각 게시물을 새 페이지로 보여주는 것은 좋은 습관입니다.
잘 코딩된 워드프레스 테마를 마음대로 사용하고 있다면, 다음 페이지에서 글을 끝내고 시작해야 하는 위치에 추가된 태그를 포스트에 사용하는 것이 좋습니다.
긴 게시물이 로드되는 데 오랜 시간이 걸리고 웹사이트 방문자나 블로그 팔로워가 읽기에 불편할 것이라고 추측하는 것은 어렵지 않습니다.
기사나 긴 설명을 가능한 한 많은 페이지로 나누면 독자가 짜증을 내지 않고 모든 정보를 더 쉽게 소화할 수 있습니다.
워드프레스 웹마스터 또는 워드프레스 웹사이트 소유자라면 WP 내장 페이지 매김 기능에 대해 알고 있을 것입니다 따라서.
기사와 게시물을 더 쉽게 따르고 읽기 쉽게 만드는 것 외에도 페이지 매김에는 다른 이점도 있습니다.
사이트의 전체적인 모양과 느낌을 보다 정확하고 간결하게 만들고, 사이트의 페이지 보기를 추가하고, 이탈률을 줄이고, SEO 순위에 기여하고, 광고 등을 게재할 더 많은 페이지를 제공할 것입니다.
그러나 이 방법이 최신 WordPress 테마 및 템플릿에서 항상 쉽게 작동하는 것은 아닙니다. 따라서 WP_Query를 사용하여 WordPress에서 페이지 매김을 생성할 것을 제안합니다.
WP_Query를 사용하여 WordPress에서 페이지 매김을 만드는 방법을 자세히 설명하기 전에 WordPress Codex의 WP Query 클래스 참조에 익숙해지는 것이 좋습니다. https://codex.wordpress.org/Class_Reference/WP_Query#Usage .
이제 WP_Query 및 그 사용법에 대한 일반적인 아이디어가 있으면 쿼리 샘플을 공유해 보겠습니다.
<?php
/**
* 템플릿 이름: 사용자 정의 페이지
*/
get_header(); ?>
<?php
$paged = ( get_query_var( 'paged' ) ) ? get_query_var( '페이징' ) : 1;
$args = 배열(
'posts_per_page' => 4,
'페이징' => $페이지
);
$custom_query = 새로운 WP_Query( $args );
?>
<!----시작-------->
<div class="wrap">
<div class="콘텐츠 영역">
<메인 클래스="사이트-메인" 역할="메인">
<?php
동안($custom_query->have_posts()) :
$custom_query->the_post();
?>
<div>
<ul>
<리>
<h3><a href="<?php the_permalink(); ?>" ><?php_title(); ?></a></h3>
<div>
<ul>
<div><a href="<?php the_permalink(); ?>"><?php the_post_thumbnail('썸네일'); ?></a></div>
</ul>
<ul>
<p><?php echo the_content(); ?></p>
</ul>
</div>
<div>
</li>
</ul>
</div> <!-- 블로그 게시물 종료 -->
<?php 끝; ?>
<?php if (function_exists("페이지 매김")) {
페이지 매김($custom_query->max_num_pages);
} ?>
</main><!-- #main -->
</div><!-- #기본 -->
</div><!-- .wrap -->
<!----끝-------->
<?php get_footer();
WP_Query를 사용하여 WordPress에서 페이지 매김을 만드는 방법
페이지 매김 렌더링을 위한 코드
테마 폴더에 CustomPage.php라는 템플릿 파일을 만들고 사용자 정의 정적 페이지에 아래 언급된 코드를 추가합니다.
<?php if (function_exists("페이지 매김")) {
페이지 매김($custom_query->max_num_pages);
} ?>
관리 대시보드로 이동하여 페이지를 만들고 사용자 지정 페이지를 템플릿으로 선택합니다.
또한 사용자 정의 페이지 매김 작업을 수행하려면 다음 코드를 사용해야 합니다. 이 코드를 functions.php에 추가해야 합니다(테마 폴더에 있음).
함수 페이지 매김($pages = ”, $range = 4)
{
$showitems = ($범위 * 2)+1;
글로벌 $페이지;
if(empty($paged)) $paged = 1;
if($페이지 == '')
{
전역 $wp_query;
$pages = $wp_query->max_num_pages;
if(!$페이지)
{
$ 페이지 = 1;
}
}
if(1 != $페이지)
{
echo "<div class=\"pagination\"><span>Page ".$paged." of ".$pages."</span>";
if($paged > 2 && $paged > $range+1 && $showitems < $pages) echo "<a href='".get_pagenum_link(1)."'>« 첫 번째</a>";
if($paged > 1 && $showitems < $pages) echo “<a href='”.get_pagenum_link($paged – 1).”'>‹ 이전</a>”;
($i=1; $i <= $pages; $i++)
{
if (1 != $pages &&( !($i >= $paged+$range+1 || $i <= $paged-$range-1) || $pages <= $showitems ) )
{
에코($paged == $i)? "<span class=\"현재\">".$i."</span>":"<a href='".get_pagenum_link($i)."' class=\"비활성\" >".$i."</a>";
}
}
if ($paged < $pages && $showitems < $pages) echo "<a href=\"".get_pagenum_link($paged + 1)."\">다음 ›</a> "; if ($paged < $pages-1 && $paged+$range-1 < $pages && $showitems < $pages) echo "<a href='".get_pagenum_link($pages) ."'>마지막 »</a>"; echo "</div>\n"; } }
WP_Query를 사용하여 WordPress에서 페이지 매김을 만드는 데 성공했으므로 이제 스타일링 부분으로 넘어갑시다. 당연히 이제 function.php 대신 style.css 파일을 사용해야 합니다.
테마 폴더에서 style.css를 찾아 아래 코드를 추가하세요.
/* 페이지 매김 */
.페이지 매김 {
지우기:둘 다;
위치:상대적;
글꼴 크기:11px; /* 페이지 매김 텍스트 크기 */
라인 높이: 13px;
플로트:오른쪽; /* 페이지 매김 부동 방향 */
}
.페이지 매김 범위, .페이지 매김 a {
디스플레이:블록;
왼쪽으로 뜨다;
여백: 2px 2px 2px 0;
패딩:6px 9px 5px 9px;
텍스트 장식:없음;
너비: 자동;
색상:#fff; /* 페이지 매김 텍스트 색상 */
배경: #555; /* 페이지 매김 비활성 배경색 */
-webkit-transition: 배경 .15s 이지 인 아웃;
-moz-transition: 배경 .15s 인-아웃;
-ms-transition: 배경 .15s 인-아웃;
-o-전환: 배경 0.15초 이지 인 아웃;
전환: 배경 0.15초 이즈 인 아웃;
}
.페이지 매김 a:hover{
색상:#fff;
배경: #6AAC70; /* 호버 시 페이지 매김 배경 */
}
.페이지 매김 .현재{
패딩:6px 9px 5px 9px;
배경: #6AAC70; /* 현재 페이지 배경 */
색상:#fff;
}
그게 다야 우리 기사가 WP_Query를 사용하여 문제 없이 WordPress에서 페이지 매김을 만드는 데 도움이 되기를 바랍니다. 이 튜토리얼이나 공유된 코드에 대해 질문이 있는 경우 언제든지 도움을 요청하십시오!
WordPress에서 웹 사이트를 설정할 때 고려해야 할 사항 중 하나는 wp_query를 사용하여 WordPress에서 페이지 매김을 만드는 것 입니다.
물론 페이지 매김에 신경을 써야 하는 이유가 궁금할 것입니다. 하지만 여기에서 페이지 매김이 모든 웹사이트의 중요한 측면인 이유를 알 수 있습니다.
페이지 매김은 긴 게시물을 짧은 게시물로 분할하고 원본 게시물의 섹션을 원본 게시물로 다시 연결되는 링크와 함께 다른 페이지에 게시할 수 있는 프로세스입니다.
이는 웹사이트의 페이지 조회수를 높이는 데 도움이 되며 SEO 및 순위와 관련하여 매우 유용할 수 있습니다.
이것이 wp_query를 사용하여 WordPress에서 페이지 매김을 생성 하여 게시물을 사용자 정의하고, 더 짧게 유지하고, 그 과정에서 사용자 경험을 개선하는 데 도움이 되도록 해야 하는 이유입니다. 페이지 매김이 중요한 이유와 웹 사이트에 필수적인 이유에 대한 몇 가지 이유가 있습니다.
- 깨끗하고 선명한 모양: 페이지 매김의 결과로 게시물을 더 짧게 유지할 수 있어야 하며 그 과정에서 첫 페이지를 깔끔하게 유지할 수 있어야 합니다. 이를 통해 고객에게 깨끗하고 선명한 모습을 제공할 수 있습니다.
또한 게시물을 짧게 자르면 공백을 전략적으로 최대한 활용하고 웹사이트의 관련 부분으로 사용자의 관심을 유도할 수 있어야 합니다.
- 마케팅: 페이지 매김을 사용하면 게시물의 길이를 줄이고 프로세스에서도 최적화할 수 있어야 합니다.
이 플러그인을 사용하면 더 짧게 자르고 싶은 게시물을 결정하고 게시물을 사용자 정의하여 최종 사용자에게 더 매력적으로 보이도록 할 수 있습니다.
결과적으로 트래픽이 증가하고 그 과정에서 이전보다 더 많은 사용자와 소통할 수 있어야 합니다.
- 사용자 참여: 첫 페이지에서 긴 게시물을 읽고 싶어하는 사용자는 없습니다. 이것이 포스트를 짧게 유지하기 위해 페이지 매김을 사용하는 것이 필수적인 이유입니다.
사용자는 깔끔한 모양, 빠르게 로드되는 페이지를 높이 평가할 것이며 결과적으로 사용자가 더 많이 참여할 수 있어야 합니다.
페이지 매김이 시작되면 이탈률을 최적의 수준으로 유지하고 청중의 관심을 충분히 유지하고 더 중요하게는 웹사이트의 페이지 조회수를 늘릴 수 있어야 합니다.
결과적으로 순위를 높이고 온라인 전환율을 높일 수 있습니다.
웹사이트가 이전보다 훨씬 더 나은 성능을 발휘하는 데 도움이 될 수 있으므로 웹사이트에 페이지 매김이 필요한 이유 중 일부는 다음과 같습니다.
게시물의 길이를 결정할 수 있으며 페이지 매김을 통해 게시물의 길이와 모양을 결정할 수 있어야 합니다. 이 기능을 사용하면 사용자에게 더 나은 사용자 경험을 제공할 수 있어야 합니다.