워드프레스 이전 글/다음 글 (포스트 내비게이션) 제거하기

워드프레스 게시글 하단에 "이전 글/다음 글" 링크가 표시되는 경우가 있습니다. 이전 글/다음 글 링크를 포스트 내비게이션이라고 합니다. 이러한 포스트 내비게이션이 표시되는 경우 몇 가지 방법으로 제거할 수 있습니다.

워드프레스 이전 글/다음 글 (포스트 내비게이션) 제거하기

테마 옵션 기능을 사용하여 포스트 내비게이션 제거하기

일부 유료 테마에서는 이전 글/다음 글 링크를 제거하는 옵션을 테마 옵션을 통해 제공하기도 합니다.

아바다 테마

예를 들어, 베스트셀링 테마인 아바다(Avada) 테마의 경우 워드프레스 알림판 » Avada » Options » 블로그 » 블로그 싱글 포스트에서 Previous/Next Pagination 옵션을 끄기로 설정하면 이전 글/다음 글 페이지네이션이 표시되지 않습니다.

위의 옵션을 꺼도 Previous Post/Next Post 링크가 표시되는 경우 아바다 테마의 레이아웃에서 템플릿을 수정해야 할 수 있습니다. 아바다는 레이아웃을 도입하여 사이트의 모든 섹션을 알림판 내에서 커스텀할 수 있습니다.

• 전체 사이트 편집 기능을 제공하는 워드프레스 테마와 플러그인

워드프레스 알림판 » Avada » Layouts로 이동하여 Single Post Template 부분의 Single Post Content 템플릿을 열어서 Pagination 요소를 제거할 수 있습니다.

GeneratePress 테마

GeneratePress 테마 유료 버전을 사용하는 경우:

1. 워드프레스 관리자 페이지 » 외모 » 사용자 정의하기 » Layout » Blog로 이동합니다.
2. Content 섹션의 Single 탭을 선택합니다.
3. Display post navigation 옵션의 체크를 해제합니다.

Display post navigation 옵션을 선택하면 아래 그림과 같이 이전 글/다음 글 내비게이션이 표시되고, 이 옵션을 해제하면 포스트 내비게이션이 표시되지 않습니다.

무료 버전을 사용하지 않는 경우 GP 테마 함수 파일(functions.php)에 다음 코드를 추가하여 게시글 내비게이션을 비활성화할 수 있습니다.

// Remove the post navigation in GeneratePress theme
add_filter( 'generate_show_post_navigation', '__return_false' );

자식 테마를 설치하여 자식 테마 내의 함수 파일에 위의 코드를 추가하세요.

아스트라 테마

Astra 테마의 경우 유료 버전을 사용해야 포스트 내비게이션을 비활성화할 수 있습니다.

아스트라 유료 버전을 사용하여 블로그 섹션의 다음 요소들을 제어할 수 있습니다.

• 작성자 정보 (Author info)
• 이전 글 자동 로드 (Auto load previous posts)
• 싱글 포스트 내비게이션 컨트롤 (Single post navigation control)
• 사용자 정의 특성 이미지 크기 (Custom featured images size)
• 단일 게시글 읽기 시간 (Single post read time)
• 확장된 타이포그래피 옵션 (Extended typography options)
• 확장된 여백 조정 옵션 (Extended spacing options)

참고로 뉴스페이퍼 테마에서 글을 다 읽으면 다음 글이 자동 로드되는 기능이 제공됩니다. 아스트라 테마의 Auto load previous posts 기능이 이와 비슷하게 작동하는 것 같습니다.

Astra 무료 테마에서 포스트 내비게이션을 제거하고 싶은 경우 차일드 테마의 함수 파일에 다음 코드를 추가하여 테스트해보시기 바랍니다. (차일드 테마를 이용하지 않을 경우 추후 테마 업데이트 시 수정/입력 사항이 모두 사라지게 됩니다.)

// Remove the Post Navigation in Astra theme
add_filter( 'astra_single_post_navigation_enabled', '__return_false' );

CSS를 사용하여 포스트 내비게이션 숨기기

CSS를 사용하여 간단하게 이전 글/다음 글 링크를 숨길 수 있습니다. CSS를 사용할 경우 해당 부분이 실제로 제거되는 것이 아니고, 해당 부분이 로드되지만 브라우저에서 방문자에게만 표시되지 않도록 숨겨집니다.

보통 다음과 같은 CSS 코드를 사용하여 포스트 내비게이션을 숨길 수 있습니다.

// Hide the Post Navigation in WordPress Posts

nav.navigation.post-navigation {
    display: none;
}

상기 코드를 워드프레스 알림판 » 외모 » 사용자 정의하기 » 추가 CSS 섹션에 추가하여 테스트해보시기 바랍니다.

위의 코드를 입력해도 작동하지 않을 경우 캐시 플러그인의 캐시를 삭제하고 브라우저 캐시를 삭제하여 변경 사항이 반영되는지 확인해보세요.

위의 조치에도 포스트 내비게이션이 제거되지 않는 경우 사용하는 워드프레스 테마 이름을 아래 댓글을 통해 알려주시면 실제 코드를 확인해드리겠습니다.

참고

• 엘리멘터와 아바다 테마의 탭에 원하는 콘텐츠를 쉽게 삽입하는 방법
• 워드프레스 뉴스페이퍼 테마 데모 설치하기
• Divi 테마에서 숫자로 된 페이지 매김 내비게이션 사용하기
• 워드프레스 페이지 내비게이션을 숫자 형식으로 바꾸어주는 WP-PageNavi