워드프레스 사이트에 "Skip to content" 버튼이 표시되는 경우가 있을 수 있습니다. 경우에 따라 "Skip to content" 링크가 표시되면서 사이트 레이아웃이 깨지는 경우도 있습니다. 워드프레스 블로그에 "콘텐츠로 건너뛰기" 오류가 발생하는 경우 해결 방법에 대하여 살펴보겠습니다.
워드프레스 사이트에 'Skip to content' 버튼이 표시되는 경우
아래 그림과 같이 왼쪽 상단에 'Skip to content'(콘텐츠로 건너뛰기) 버튼이 표시될 수 있습니다.
위의 그림과 같이 콘텐츠로 건너뛰기 버튼이 표시되는 것은 오류가 아닙니다.
"Skip to content" 링크는 기본적으로 숨겨져 있으며, 키보드의 탭 키(Tab)를 사용하여 탐색할 때 표시됩니다. WordPress.org에 등록되는 테마에서는 키보드 탐색에 의존하는 사용자들을 위한 접근성(Accessibility) 기능의 하나로 이 기능이 포함되어야 한다고 합니다.
예를 들어, 이 블로그에 설치된 GeneratePress 테마의 경우 평상 시에는 이 링크가 표시되지 않지만, 키보드의 Tab을 누르면 상기 그림과 같이 링크가 표시됩니다. 그리고 페이지 소스 보기에서 해당 HTML 코드가 추가되어 있음을 확인할 수 있습니다. (구글 크롬 브라우저에서 Ctrl+U 단축키를 눌러 페이지 소스를 표시고 Ctrl+F를 눌러 검색할 수 있습니다.)
이 경우에는 Tab 키를 다시 누르면 버튼이 사라집니다.
'Skip to content' 링크가 표시되고 사이트 레이아웃이 깨지는 경우
다음 그림과 같이 상단에 "Skip to content" 링크가 표시되고 사이트 레이아웃이 제대로 표시되지 않는 경우가 있을 수 있습니다.
이 오류는 보통 플러그인이나 테마 충돌로 인해 발생합니다.
- 모든 플러그인을 비활성화하여 문제가 해결되는지 체크합니다.
- 테마를 기본 테마(예: Twenty Twenty-Four 테마)로 변경하여 문제가 해결되는지 확인합니다.
엘리멘터(Elmentor)를 사용하는 경우에는 Hello Elementor 테마를 선택하여 테스트해보시기 바랍니다.
Health Check & Troubleshooting 플러그인을 설치하여 문제해결 모드에서 사이트에 영향을 미치지 않으면서 사이트를 진단할 수 있습니다.
이외에도 "wordpress site shows Skip to content" 문서에 의하면 SSL 인증서 문제로 인해 이 문제가 발생할 수도 있는 것 같습니다.
Skip to content 링크가 표시되면서 사이트 레이아웃이 깨지는 경우 모든 플러그인을 비활성화하여 문제를 일으키는 플러그인을 찾아 보시기 바랍니다. 문제를 일으키는 플러그인을 삭제하거나 다른 대체 플러그인으로 교체할 수 있을 것입니다. 테마가 문제를 일으키는 경우 다른 테마로 변경하는 것을 고려할 수 있습니다.
마치며
이 문제에 대하여 네이버 카페에 질문이 올라와서 정리해보았습니다.
드물지만 일부 워드프레스 사이트에서 "Skip to content" 링크가 표시되면서 콘텐츠가 제대로 표시되는 경우를 목격합니다. 너무 많은 플러그인을 설치할 경우 플러그인 충돌로 인해 다양한 오류가 발생할 수 있으므로 가급적 필요한 플러그인만 설치하는 것이 바람직합니다. 또한, 플러그인을 많이 설치하면 사이트 속도에도 영향을 미칠 수 있으므로 그리 권장하지 않습니다.
상기의 조치에도 문제를 해결하지 못하거나 기타 워드프레스 관련 문제로 어려움을 겪는 경우, 워드프레스 기본 세팅이 필요한 경우 여기에서 서비스(유료)를 의뢰하실 수 있습니다.
댓글 남기기