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

Last Updated: 2024년 10월 04일 13개 댓글
무료 전자책 애드센스 웨비나

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

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

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

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

아바다 테마

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

위의 옵션을 꺼도 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 섹션에 추가하여 테스트해보시기 바랍니다.

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

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

포스트 내비게이션 스타일 변경하기

포스트 내비게이션은 SEO에 도움이 될 수 있습니다. 저는 CSS를 사용하여 이전 글/다음 글 링크의 스타일을 조정하여 이용하고 있습니다.

GeneratePress 테마를 이용하는 경우 동일 카테고리 내에서 포스트 내비게이션을 표시하도록 할 수 있습니다.

참고

작성자 아바타

워드크래커는 전문 영한번역가로 활동하고 있으며 10년 이상 워드프레스 관련 정보를 제공하는 워드프레스 정보꾸러미 블로그를 운영하고 있다. 또한, ‘워드프레스를 사용하는 사람들’ 네이버 카페도 관리하고 있다.

13 개 댓글

Leave a Comment

  1. 안녕하세요 워드님 항상 양질의 글 잘보고 있습니다.

    이글을 보면서 드는 의문점은 이전글 다음글도 하나의 내부링크 취급이 되기 때문에 갑자기 사라지게 만들면 seo에 영향이 가지 않을까 하는 점입니다. 구글에도 상위노출되던 블로그가 랭크메스 설정 몇번 잘못건드려서 색인을 힘들어하는 거같아 이것저것 시도하는 중인데 블로그내의 최대한 불필요한 정보를 빼는게 좋겠다 싶어서요 그런데 위에 의문점때문에 불안한 부분이 있습니다. 워드님의 고견을 좀 듣고싶습니다.

    응답

    • 이전 글/다음 글 포스트 내비게이션이 SEO에 긍정적인 역할을 할까, 아니면 부정적인 역할을 할 것인지에 대한 질문 같네요.
      콘텐츠 중복을 걱정한다면 이전 글/다음 글 내비게이션은 콘텐츠에서 차지하는 비중이 그리 크지 않으므로 별 영향은 안 미칠 것 같습니다.
      포스트 내비게이션은 사용자 경험(UX)을 향상시키고 검색엔진의 크롤링/인덱싱(색인)에도 긍정적으로 작용하지 않을까 생각됩니다.

      이 블로그의 경우 하단에 멀티플레스 광고가 있어서 포스트 내비게이션을 제거한 상태입니다.

      응답

  2. word님 따라서 글 하나하나 보면서 새 블로그 만들고 있어요. Generatepress도 word님 추천하신대로 따라했습니다ㅋㅋ.. 이전에 제가 선택한 테마 아무것도 모르고 했을 때라 테마가 속도에 영향을 미치는 지도 모르고 했었네요. 무튼..

    이런식으로 세로로 정렬되어서 나오는데 너무 꼴보기 싫어서요..ㅜㅜ

    이런식으로 정렬되게 할 수 없나요?

    이런 정보는 잘 안나와서요ㅜㅜ

    응답

  3. 안녕하세요~ 요즘 정보를 많이 얻어가고 있습니다. 감사합니다~!
    현재 여기에 사용된 글꼴은 무엇인지 알 수 있을까요?
    글꼴이 너무 마음에 듭니다 +_+

    응답

  5. 안녕하세요. 죄송하지만 여쭤보고 싶은 게 있는데요 티스토리처럼 워드프레스 본문안에 있는 사진을 대표 썸네일로 만드는 방법이 어떻게 될까요?

    응답
카카오톡 상담 카톡 서비스 상담