워드프레스 익스플로러 호환

5 Comments

워드프레스 사이트가 Internet Explorer에서 정상적으로 표시되지 않으면 다음 코드를 header.php의 head 부분 맨 위에 추가하도록 합니다.

<meta http-equiv="X-UA-Compatible" content="IE=edge" />

그런데 다음과 같이 chrome=1을 추가해주면 ChromeFrame에는 전혀 영향을 미치지 않는다고 합니다(여기 참고).

<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1" />

그리고 다음 코드를 사용하면 Internet Explorer HTML5 호환성 문제가 어느 정도 해결된다고 합니다(여기 참고).

<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->

참고: Visual Composer와 같은 페이지 빌더가 설치되어 있는 경우 비활성화하면 하위 Internet Explorer 버전에서 제대로 작동할 수 있습니다. 구형 IE 버전을 꼭 지원해야 하는 경우에는 테마를 구입하기 전에 반드시 하위 IE 버전과의 호환성을 확인하시기 바랍니다. 요즘 출시되는 테마는 IE 8 등 구형 IE를 지원하는 경우가 매우 드뭅니다.

일부 글에 제휴 링크가 포함될 수 있으며 파트너스 활동으로 일정액의 수수료를 받을 수 있습니다.

5개 댓글

  1. Divi Dot Navigation 구현하여 Chrome에서 정상 작동 확인하였는데요
    https://intercom.help/elegantthemes/en/articles/2793798-how-to-use-the-divi-dot-navigation

    익스플로러에서 확인해보니 head가 고정되지않고
    조금씩 밑으로 움직이고 Navigation section 마지막 섹션으로 마우스 휠로 이동 한 후에
    남아있는 footer로 마우스휠로 이동하려고 하면
    chrome은 적용이되는데 ie에선 적용이 안되네요ㅠㅠ
    어떻게 해야 할까요?

    응답

    1. IE는 이제 점유율이 매우 낮은 수준이므로 어느 정도 레이아웃이 나오면 무시해도 될 것 같습니다. 나무위키 문서에 의하면...

      2019년 12월 기준으로 한국에서 전체 웹 브라우저 중 인터넷 익스플로러의 점유율은 7.85%으로 삼성 인터넷보다 낮고 2010년대 초반 7~80%대를 유지하던 것과 비교하면 땅으로 곤두박질 치듯이 감소하였으나 여전히 전 세계 평균인 약 5.34%에 비하면 약 2배 가량 높은 점유율을 보이고 있다. 또한 모든 플랫폼에서의 인터넷 익스플로러 점유율이 9.82%인 것이지, 데스크톱 웹 브라우저끼리만 따지면 아직도 19.04%라는 철밥통적인 면모를 보여주고 있다. 데스크톱만 따지면 전세계 데스크톱의 인터넷 익스플로러 점유율이 5.34%이므로 4배 가량 높은 수치이다.

      2019년 12월 기준으로 IE 점유율이 7.85%라고 하네요. 2020년 1월에 윈도우 7이 종료되면서 IE 점유율이 더 급속히 떨어지고 있는 것으로 알고 있습니다.

      IE를 사용하여 서핑을 해보면 제대로 로딩되지 않는 사이트가 많습니다.

      마이크로소프트도 IE를 버리고 크로미움 기반 브라우저를 내놓았습니다.

      꼭 IE 대응이 중요하다면 크로스 브라우징 전문 퍼블리셔를 고용하는 것도 한 방법일 수 있습니다.

      응답

  2. 익스플로러 호환 말고, 사파리 호환에 대해 혹시 알고 계신게 있나요?
    개인적으로 궁금해서 여쭈어 봅니다 간혹 이미지들이 로드가 안되는 경우와 아이폰 아이패드에서
    버튼 실행이 안되는 경우가 있어서요

    응답

    1. 안녕하세요?

      원론적인 답변이 될 것 같은데요, 문제가 발생할 경우 개별적으로 접근하여 먼저는 테마 개발자에게 연락하여 버그를 보고하고 문제 해결을 시도해보면 좋을 듯 합니다. 이외에도 특정 사안에 대해 검색을 통해 해결책을 찾는 방법도 고려해볼 수 있습니다.

      가령 검색을 통해 https://wordpress.org/support/topic/it-is-not-working-on-ipad-and-iphone-safari 글을 보면:
      Just ran into this same problem. Turns out I had private mode enabled (click the 'tabs' button on the bottom bar in safari and deselect "Private"). localStorage is disabled in private mode thus the JS for this plugin would not execute properly.

      문제가 발생했는데, 사파리에서 하단의 'tabs" 버튼을 클릭하고 "Private"(비공개?)를 해제하니까 문제가 해결되었더라... 이런 글도 있네요. 특정 사안에 따라 테마 제작자와의 커뮤니케이션과 검색이 필요할 것 같습니다.

      응답

댓글 남기기

* 이메일 정보는 공개되지 않습니다.