워드프레스 skip to content 해결 1분 요약

워드프레스 skip to content
워드프레스 skip to content

워드프레스 skip to content 문제는 사이트 모양이 아래 이미지처럼 모든 layout들이 일그러지는 것을 말한다. 테마설정과 플러그인 설정을 하고, 워드프레스 사이트를 방문하였을때 어느 순간 skip to content라는 내용이 노출될 수 있다. 이 이유는 많은 이유와 해결법이 있지만, 내가 경험한 한가지의 해결방법을 제시하겠다.

 

skip to content 발생 원인

skip to content 오류는 플러그인과 테마의 충돌원인으로 주로 발생한다. 주로 아래와 같은 현상으로 사이트 전체가 깨져보인다. menu부분 부터해서 글이 보이는 환경까지 전부 layout이 흐트러진다. 물론 글을 읽을 수 있지만, 이용자들을 계속해서 잡아두기 위해서는 수정을 할 필요가 있다.

워드프레스 skip to content
워드프레스 skip to content

 

skip to content 구글링 검색 결과 해결방법(단순 번역)

현재 구글링을 해보면 많은 정보가 없기 때문에, 몇몇 영어글을 해석하면 다음과 같다.

  1. 오류 확인: WAVE 플러그인을 사용해 웹사이트의 접근성 오류를 확인합니다. 이 도구는 “콘텐츠로 건너뛰기” 링크가 끊어졌음을 표시할 수 있습니다.
  2. 오류 원인: Elementor 사이트 구조에서 HTML 태그 두 개가 누락되었기 때문에 발생합니다. 특히, ID가 “content”인 <main> 태그가 없어서 “콘텐츠 건너뛰기” 링크가 작동하지 않습니다.
  3. 해결 방법:
    • 영향을 받는 페이지의 템플릿을 “테마”로 변경합니다.
    • Hello Elementor 테마를 사용하는 것이 좋습니다.
    • 이렇게 하면 올바른 HTML 구조가 로드되며, id가 “content”인 <main> 태그가 포함됩니다.
  4. 검증:
    • 템플릿 변경 후, 탭 키를 눌러 “콘텐츠로 건너뛰기” 링크가 작동하는지 확인합니다.
    • WAVE 도구로 다시 확인해 오류가 사라졌는지 확인합니다.
  5. 추가 혜택:
    • 접근성 개선 외에도, 대부분의 수정 사항은 웹사이트의 SEO를 개선합니다.
    • 대비와 관련된 요구 사항을 충족하면 웹사이트 디자인의 명확성도 향상됩니다.

하지만, 해결방안이 명확히 있지않고 오히려 혼란만 가중시킨다.

skip to content 해결방법

  1. 관리자 페이지(wp-admin)사이트에 업속하여 플러그인에 접속한다.
  2. 플러그인 모두선택 및 비활성화를 클릭해본다.

    워드프레스 skip to content
    워드프레스 skip to content
  3. 원래 사이트에 접속해서 skip to content가 미노출 되었는지 확인한다.
  4. 보통 이런 경우 미노출이 되고, 필자도 위와 같은 방법으로 해결했다.
  5. 그 이후 하나씩 플러그인을 활성화 시키면서, 어떠한 플러그인 때문에 skip to content오류가 났는지 확인한다.
  6. 해당 플러그인을 다른 플러그인으로 교체 한다.

다양한 원인이 있겠지만, 보통 일반적인 테마(generate press)와 많은 플러그인들을 깔게 되면 위와같은 오류가 발생하고는 한다. 위 문제를 통해서 쉽게 해결하면 된다.

도움이 되었다면 댓글을 부탁한다!

 

워드프레스 GeneratePress 스킨 및 아이덴티티 정의(기초 3단계)

Leave a Comment