본문 바로가기

Wordpress/워드프레스 노하우

워드프레스 익스플로러 호환성 오류 해결방법

워드프레스 익스플로러 호환성 오류 해결방법




워드프레스는 크로스브라우징이 강점인 플랫폼이죠.

하지만 익스플로러에서는 사용하는 버전, 호환성보기 on/off 여부, 

문서모드의 버전에 따라서 웹사이트의 구현결과가 오류가 생기기도 합니다.


오늘은 이와같이 워드프레스가 

익스플로러에서의 호환성 문제가 발생했을 시

해결하는 방법에 대해서 알려드리겠습니다.



설명을 드리자면, 익스에서 "F12" 버튼 or 마우스 우클릭 "소스보기"를 클릭하면

위 사진과 같이 하단에 Bar가 생성됩니다.

여기서 빨간색 박스와 같이 문서모드: 표준 으로 잡혀있으면

워드프레스를 익스플로러에서 봐도 전혀 문제가 되지 않습니다.


하지만 간혹 이 문서모드가 표준으로 잡혀있지 않고 

하위 메뉴 중 임의로 잡혀있는 경우가 있는데요.

이럴때 문서모드: 표준 으로 디폴트값을 변경해주면

익스플로러에서 전혀 오류가 발생하지 않습니다.


방법은 다음과 같습니다.


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


바로 <head></head>사이에 위의 소스를 추가하는 것입니다.

(대쉬보드 로그인 - 외모 - 편집기 - header.php 에서 

<head>로 시작되는 부분을 찾으시면 됩니다.^^)

내용인 즉슨 IE(Internet Explorer) 문서모드를 표준으로 고정시키는 것입니다.


이제 IE에서든 크롬에서든 동일한 화면과 동일한 기능으로 보실 수 있습니다.

사소하지만 좋은 정보이므로 부랴부랴 포스팅합니다.

좋은 하루되시구, 다가오는 2014년엔 좋은 일만 가득하시길 바랍니다.

새해 복 많이 받으십쇼.^^