워드프레스 테마 적용 후 테마가 이상하게 나오는 경우가 있습니다. 인터넷 익스플로러 버전 때문에 나타나는 현상인데요. 저는 인터넷 익스플로러 10 이상을 쓰고 있는데도 그렇게 나와서 왜 그런지 계속 원인을 찾아보게 되었습니다.
F12를 누른 후 개발자모드에 들어가면 문서모드가 익스플로러 7으로 고정되어 있는 것을 볼 수 있습니다.
이걸 10이나 Edge 모드로 바꾸려고 했지만 계속 작동 중지가 뜨더군요. 익스플로러 오류로 인해 익스플로러 7버전으로 고정되어서 바뀌지 않았고, 옛날 플랫폼이다 보니 워드프레스 테마를 설치하는 족족 깨어져 나오네요.
그래서 강제로 워드프레스에서 태그를 삽입해서 Edge 모드로 잡아 주도록 설정을 해주었더니 문제가 해결되었습니다.
아래 이미지가 워드프레스 테마가 깨져서 나오는 모습입니다. 원래는 멋진 테마인데, 익스플로러 7으로 고정된 상태라 완전히 깨어져서 보입니다.
원래는 아래 처럼 나와야 정상입니다. Oblique 테마인데, 아래처럼 보여야 정상입니다. 그런데 실제로 제 익스플로러 화면에서는 위의 화면이 나옵니다. 크롬으로 봤을 때는 정상으로 나왔고, 서브 컴퓨터 xp 운영체제의 익스플로러로 확인해 보니 역시나 깨져서 나옵니다.
그래서 문서모드를 항상 Edge 버전으로 고정시키기 위해 워드프레스 테마편집에서 태그를 추가해 주었더니 해결되었습니다. 추가해야 할 태그는 아래와 같습니다.
먼저 워드프레스 관리자 페이지에 접속하신 후 외모에 들어가신 후, 테마편집기에 들어가면 아래와 같이 수정할 수 있는 화면이 나옵니다. 오른쪽 메뉴 중에서 헤더를 선택하시면 됩니다.
헤더에 <meta.....>를 찾습니다. 보통 <head> 바로 밑에 있기 때문에 찾기 쉽습니다.
찾으신 후 아래와 같이 태그를 추가해 줍니다.
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
그리고 하단에 있는 업데이트를 누르시면 워드프레스 사이트에 적용이 됩니다. 적용후 확인해 보니 깨어져서 나오던 부분이 고쳐졌고, 특히 xp에서도 어느 정도 제대로 된 사이트가 보여지게 되었습니다.
'워드프레스' 카테고리의 다른 글
| 워드프레스 무료 테마 추천_MaidenHair 테마 (1) | 2015.09.07 |
|---|---|
| 한개의 서버에 두개의 홈페이지 만들기_XE와 워드프레스 설치하기 팁 (0) | 2015.08.13 |
| 워드프레스 관리자 접속 안될 때 해결하는 방법_구글 401에러 (0) | 2015.07.31 |
| [워드프레스 팁] 외부 링크 이미지를 쉽게 삽입하는 방법 (0) | 2015.07.29 |
| 워드프레스 어드민(관리자)페이지에 들어가는 방법_알림판에 들어가기 (0) | 2015.07.25 |
| 워드프레스로 홈페이지/사이트를 만들 때 주의 사항 (4) | 2014.11.29 |
| 워드프레스_이미지나 사진 테두리 선 없애는 법 (1) | 2014.11.20 |
