WordPress에서 부모 페이지의 자식 페이지 목록을 표시하는 방법

최근 사용자 중 한 명이 WordPress 페이지의 하위 페이지를 표시하는 방법을 문의 했습니까? 하위 페이지가있는 페이지가있는 사이트에서 작업 할 때 상위 페이지의 해당 하위 페이지를 사이드 바 위젯 또는 템플리트의 다른 위치에 표시 할 수 있습니다. 이 기사에서는 WordPress에서 부모 페이지의 자식 페이지 목록을 표시하는 방법을 보여줍니다..


부모 페이지에있는 자식 페이지 목록의 예를 보려면 OptinMonster의 작동 방식 페이지에서 아래 스크린 샷을 참조하십시오. WPBeginner의 블루 프린트 페이지에서 사용중인 것을 볼 수도 있습니다..

자식 페이지 목록이있는 부모 페이지

시작하기 전에 Child Pages에 익숙하지 않은 사람들을 위해 WordPress의 게시물과 페이지의 차이점에 대한 가이드를 확인하십시오. 페이지의 중요한 기능 중 하나는 페이지가 계층적일 수 있다는 것입니다. 이는 페이지가 상위 페이지가 될 수 있고 그 아래에 하위 페이지 (즉, 하위 페이지)가 있음을 의미합니다. 이를 통해 하나의 상위 페이지에서 서로 다른 페이지를 그룹화 할 수 있습니다. 예를 들어 웹 사이트에 제품 페이지가있는 경우 기능, 가격 및 지원과 같은 페이지를 하위 페이지로 추가 할 수 있습니다. 각 하위 페이지에는 자체 하위 페이지가있을 수 있습니다.

비디오 튜토리얼

WPBeginner 구독

동영상이 마음에 들지 않거나 지침이 더 필요한 경우 계속 읽으십시오..

자식 페이지를 만들려면 평소처럼 WordPress에서 페이지를 만들거나 편집하면됩니다. 페이지 속성 메타 상자의 드롭 다운 메뉴에서 상위 페이지를 선택하십시오..

WordPress에서 상위 페이지를 지정하여 하위 페이지 작성

참고 : 페이지 속성 메뉴가 보이지 않으면 화면 오른쪽 상단의 화면 옵션 버튼을 클릭하십시오. 페이지 속성이 선택되어 있는지 확인해야하는 메뉴가 표시됩니다.

WordPress의 부모 페이지에 자식 페이지 표시

부모 페이지 아래에 자식 페이지를 나열하려면 사이트 별 플러그인 또는 테마의 functions.php 파일에 다음 코드를 추가해야합니다.

함수 wpb_list_child_pages () {

글로벌 $ 포스트;

if (is_page () && $ post->post_parent)

$ childpages = wp_list_pages ( ‘sort_column = menu_order&title_li =&child_of = ‘. $ post->post_parent. ‘&echo = 0 ‘);
그밖에
$ childpages = wp_list_pages ( ‘sort_column = menu_order&title_li =&child_of = ‘. $ post->아이디 ‘&echo = 0 ‘);

if ($ childpages) {

$ string = ‘

    ‘. $ childpages. ‘

‘;
}

$ string을 반환;

}

add_shortcode ( ‘wpb_childpages’, ‘wpb_list_child_pages’);

위의 코드는 먼저 페이지에 부모가 있는지 또는 페이지 자체가 부모인지 확인합니다. 상위 페이지 인 경우 연관된 하위 페이지를 표시합니다. 하위 페이지 인 경우 상위 페이지의 다른 모든 하위 페이지를 표시합니다. 마지막으로, 이것이 자식 또는 부모 페이지가없는 페이지 인 경우 코드는 아무 것도 수행하지 않습니다. 코드의 마지막 줄에 단축 코드를 추가 했으므로 페이지 템플릿을 수정하지 않고 자식 페이지를 쉽게 표시 할 수 있습니다.

하위 페이지를 표시하려면 사이드 바의 페이지 또는 텍스트 위젯에 다음 단축 코드를 추가하십시오.

[wpb_childpages]

경우에 따라 테마가 텍스트 위젯에서 단축 코드를 실행할 준비가되지 않았을 수 있습니다. 작동하지 않는 경우 WordPress 사이드 바 위젯에서 단축 코드를 사용하는 방법에 대한이 학습서를 참조하십시오.

짧은 코드없이 동적으로 하위 페이지 표시

단축 코드를 사용하는 것이 편리하지만 단축 코드를 사용할 때의 문제점은 상위 또는 하위 페이지가있는 모든 페이지에 단축 코드를 추가해야한다는 것입니다. 많은 페이지에 짧은 코드가 생길 수 있으며 때로는 짧은 코드를 추가하는 것을 잊어 버릴 수도 있습니다.

더 나은 방법은 테마에서 페이지 템플리트 파일을 편집하여 자동으로 하위 페이지를 표시하는 것입니다. 그렇게하려면 메인 page.php 템플릿을 편집하거나 테마에서 사용자 정의 페이지 템플릿을 생성해야합니다.

페이지 템플리트 파일에서 하위 페이지를 표시 할 위치에이 코드 행을 추가해야합니다..

<?PHP wpb_list_child_pages (); ?>

그게 다야. 테마가 이제 자동으로 하위 페이지를 감지하여 표시합니다.

자체 하위 페이지가있는 하위 페이지가 많은 상위 페이지를 사용하는 경우 WordPress 관리보기가 혼동 될 수 있습니다. 부모 및 페이지를 구성하는 더 좋은 방법은 관리자 열보기를 사용하십시오..

이 기사가 WordPress에 하위 페이지를 나열하는 데 도움이 되었기를 바랍니다. 아래에 의견을 남겨서 질문이나 의견이 있으면 알려주십시오..

출처 : 토마스 그리핀

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map