워드프레스를 사용하여 사이트 구축작업을 하게 되면 일반적으로 IP주소를 기반으로 사이트를 완성한 후 도메인을 연결하게 됩니다. 또는 도메인이 마음에 안들어 다른 도메인으로 변경하는 경우도 있습니다.
이러한 경우 삽입된 이미지가 깨져 보이는 경우가 있습니다. 이유는 무엇일까요? 이미지경로를 절대경로로 사용하기 때문입니다.
이렇게 이미지가 깨져보일때 해결방법을 소개해드립니다. 상기 이미지는 정상적인 이미지이지만 깨진 이미지라고 가정해 보겠습니다.
크롬 브라우저에서 깨진 이미지에 커서를 댄 이후 마우스 오른쪽 버튼을 누른후 “검사” 항목을 선택합니다.
정상적인 경로인 http://giantt.co.kr 이 보여집니다. 그런데 만약 깨진 이미지라면 이 경로가 잘못된 경로로 보이게 됩니다. 예를들어 도메인 연결전에 http://111.111.111.111 의 IP 주소를 기반으로 워드프레스사이트를 구축하고 이미지를 업로드했다면 상기 적색박스칸에 http://111.111.111.111 의 이미지경로가 보여지게 됩니다.
절대경로이므로 도메인연결후 이미지가 깨져 보일수 있는 것입니다. 이럴때는 무식한 방법으로 해당 포스트를 수정하여 이미지를 일일이 다시 업로드하면 해결됩니다.
하지만 양이 많다면 매우 번거로운 일이 될수도 있습니다. 이때는 PhpMyAdmin 에 접속해서 간단하게 모든 깨진 이미지의 경로를 쉽게 변경할수 있습니다. (* PhpMyAdmin 에 대해서 잘 모르시는 분들은 구글에서 PhpMyAdmin으로 검색해 보시면 쉽게 관련 내용을 찾으실수 있습니다.)
PhpMyAdmin에 접속후 SQL 탭을 선택합니다.
UPDATE wp_posts SET post_content = REPLACE(post_content,”http://111.111.111.111″,”http://giantt.co.kr”)
이후 상기 내용의 SQL 질의를 입력한 후 실행버튼을 눌러줍니다. http://111.111.111.111 (이전 도메인주소)로 된 경로를 모두 http://giantt.co.kr(현재 도메인주소) 으로 변경한다는 명령어입니다.
문제가 생길일은 크지 않겠지만 물론 만약의 상황에 대비하여 DB 백업은 미리해두시기 바랍니다. DB와 관련된 작업을 할때는 항상 크던 작던 백업을 해두시는 습관을 가지시면 낭패보실일은 없으실 것입니다.
이렇게 하면 워드프레스에서 도메인변경으로 인한 이미지 깨짐현상을 간단하게 수정하실수 있습니다.
W3 Total cache 플러그인의 DB 캐시 옵션
마지막으로 캐시플러그인을 사용하고 있다면 수정작업을 한뒤에 캐시를 비워주셔야 정상적으로 수정된 내용이 보여지게 됩니다.
- 워드프레스 테마 오픈마켓 테마포레스트- Theme forest
- 워드프레스 추천테마 관련 포스트 - AVADA / JARIDA / SAHIFA / GOODNEWS
7 Comments
익명
안녕하세요.
블로그를 둘러 보다가 스킨이 마음에 들어서 그런데 이 스킨 어떻게 적용하는건지 좀 알려주시겠어요?
아니면 무료 템플릿으로 받은건지도 궁금합니다.
Giantt
자이언트블로그는 워드프레스를 기반으로 하고 있고 티스토리등에서 사용하는 스킨이라는 개념이 아니라 테마라는 개념을 사용하고 있습니다. 스킨은 디자인만 변경하는 개념이라면 테마는 기능까지도 포함하는 좀 더 상위 개념이라고 하겠습니다.
테마는 유료테마와 무료테마가 있는데 유지보수측면을 고려하여 유료로 테마를 구입하여 사용하고 있습니다. 글하단의 “워드프레스 추천테마 관련포스트” 에서 GOODNEWS 테마에 관한 부분을 읽어보시면 되겠습니다.
현재 테마는 GOODNEWS 테마입니다.
달리
정말 좋은정보 감사합니다. 덕분에 몇시간 작업량을 벌었네요.
Giantt
네. 도움이 되셨다니 다행이네요! ^^
shadow
Giantt님 덕분에 오래 방치하고 있었던 문제를 깔끔히 해결하였습니다.
마음 깊이 감사 드리며 화사한 가을, 따뜻한 겨울날들 보내시길 기원합니다.
Giantt
문제해결에 도움이 되셨다니 다행입니다. ^^
actto
좋은 정보 감사합니다.
덕분에 깔끔하게 문제를 해결했습니다.
출처를 밝히고 블로그에 포스팅하려고 합니다.
괜찮을까요?