• Cache 플러그인 활성화 이후 워드프레스 홈페이지의 스타일이 깨지는 문제 그리고 해결 방법

    워드프레스로 제작된 홈페이지의 속도 향상을 위해 cache 플러그인을 활용하는 경우가 많습니다. BCT 기반으로 제작된 워드프레스 홈페이지에서도 cache 플러그인을 사용하는데, Automattic에서 배포하고 있는 WP Super Cache 플러그인을 주로 사용합니다. WP Super Cache WP Super Cache 플러그인을 설치(참고: WP Super Cache 설치 방법)하고 활성화 한 다음, BCT 기반으로 제작된 워드프레스 홈페이지를 보면 일부 스타일이 깨지는 문제가 발생하고 있습니다. 스타일이 깨지는 현상은 다음과 같습니다. 메인 페이지 1:1 문의 페이지 Q&A BOARD 페이지 위와 같이 스타일이 깨지는 경우를 살펴 보았더니 워드프레스 테마 스타일이 깨지는 것이 아닌 추가된 스타일에 문제가 있다는 것을 알게 되었습니다. 즉, BCT 기반의 홈페이지는 워드프레스 테마 설치 이후, 추가 디자인 작업을 위해 별도의 스타일을 추가해서 작업하는 경우가 많고, 이를 위해 Simple Custom CSS 등과 같은 스타일을 추가할 수 있는 워드프레스 플러그인을 활용하는데, cache 플러그인을 활성화 하게 되면 […]

  • [주의요망] zappos에 의해 워드프레스 관리자 계정 탈취 문제 발생

    최근 클라이언트의 워드프레스 홈페이지 제작 프로젝트 진행을 위해 테스트 서버에서 워드프레스 설치를 하고 얼마 지나지 않아 사용자 이름이 zappos, 이메일이 jackmemorys@gmail.com인 사용자가 등록하는 경우가 있었습니다. 누구지 하고 확인을 해 보려고 새로 설치한 워드프레스에 관리자 계정으로 로그인을 해 보면 접속이 되지 않습니다. 즉, zappos 사용자가 워드프레스 관리자 계정을 탈취해간 것입니다. 실제 이를 다음과 같이 DB에서 확인을 해 보겠습니다. 위 DB를 보면 zappos 사용자가 추가되었고, 워드프레스 설치 시 입력했던 관리자 계정의 이메일이 정체를 알 수 없는 이메일(anglettracy@gmail.com)로 변경된 것을 확인할 수 있습니다. 그리고 당연히 비밀번호도 변경 되었습니다. 이와 같은 경우가 두 세번 반복해서 발생하다 보니 분명 어떤 문제가 있다고 생각되어 관련 키워드프로 검색을 해 보았더니 실제 어떤 문제가 있는 것을 확인할 수 있었습니다. (참고, zappos-shares-your-password-with-hackers) 그럼 이를 어떻게 해결하면 좋을까요? 여러 가지 방법이 있을 수 있겠지만, DB 접속이 가능한 환경이라면 다음과 같이 간단히 해결할 수 […]

  • 워드프레스 글 본문 이미지가 사용자 화면에서 출력되지 않는 경우가 있습니다

    한 클라이언트로부터 다음과 같은 요청이 왔습니다. 워드프레스에서 새 글을 작성하고, 이미지를 추가 하였습니다. 글 작성 완료 후 공개하기를 했는데, 관리자 화면에서는 이미지가 잘 보이는데 사용자 화면에서는 이미지가 보이지 않습니다. 도대체 무슨 문제인가요? 그래서 먼저 다음과 같이 글 작성 완료된 화면을 살펴 보았습니다. 다른 글과 차이점을 찾지 못해 이 글을 다음과 같이 사용자 화면에서 보았습니다. 위 그림처럼 정말 이미지가 보이지 않더군요. 처음에는 단순히 이미지 경로가 잘못 되었나보다 생각하고 워드프레스 관리자 화면에서 이미지 경로를 확인해 보았는데, 이 문제는 아니었습니다. 혹시 파일명이나 파일 용량 문제인가 확인해 보았지만, 역시 이 문제도 아니었습니다. 그래서 실제 사용자 화면에서 이미지 경로가 어떻게 표시되는지 확인해 보았습니다. 그랬더니 위 그림의 이미지 src처럼 도메인 앞(hif.co.kr)에 i2.wp.com 이라는 정체를 알 수 없는 URL이 추가된 것을 확인할 수 있었습니다. 도대체 이 코드가 어떻게 들어간 것인지 도무지 알 수가 없었습니다. 혹시 […]

  • 온세게시판에 네이버 동영상 올리는 방법

    온세게시판(BBS e-Board Pro)을 설치해서 워드프레스 홈페이지 제작을 한 경우가 있었는데, 그 업체로부터 온세게시판에 네이버 동영상을 올리는 방법을 알려 달라는 요청이 있어 이 글에 정리해 보았습니다. 1. 네이버 동영상 코드 복사 다음과 같이 네이버 동영상이 있는 페이지를 방문합니다. 위 그림의 붉은색 동그라미가 위치해 있는 아이콘을 클릭하면 그 아래에 창이 나타납니다. 그 창에 있는 옵션 중 코드 복사 input box 끝에 있는 [복사] 버튼을 누릅니다. 그러면 해당 코드가 복사 됩니다. 2. 온세게시판에 복사한 코드 추가 다음은 복사한 코드를 온세게시판에 추가하는 것을 알아 보겠습니다. 이 작업은 온세게시판의 글쓰기 화면에서 수행해야 하기 때문에 다음과 같이 글쓰기 화면에서 진행하도록 하겠습니다. 위 그림은 온세게시판의 에디터 설정을 워드프레스 내장 에디터로 선택한 화면입니다. 이 경우 워드프레스 내장 에디터 화면에서 글 작성을 할 수 있는데, 동영상 코드를 추가할 때는 [비주얼] 모드 대신 [텍스트] 모드을 […]

  • utf8mb4로 설치된 워드프레스 DB를 카페24 DB로 가져오기 시 문제 발생 그리고 해결 방법

    이전 글 ”워드프레스 4.2.x 멀티 사이트에서 사이트 추가 되지 않는 문제 발생”에서 워드프레스 4.2.2 에서 기본언어셋이 utf8 -> utf8mb4 로 변경되었다는 것을 알 수 있었습니다. 보통, 워드프레스 홈페이지 제작 프로젝트 진행 시 자체 테스트 환경에서 작업하고, 클라이언트의 최종 확인 후 운영 서버로 옮기게 됩니다. 프로젝트 진행 시 최신의 워드프레스를 기준으로 작업을 하기 때문에, 최근 프로젝트는 대부분 워드프레스 4.2.2 버전에서 작업하게 되고, 당연히 DB Charset이 utf8mb4 이 됩니다. 최근 워드프레스 4.2.2(멀티 사이트)로 작업 완료한 워드프레스 홈페이지의 DB를 카페24로 가져오기 하는데, 가져오기 실패 메시지가 발생해서 확인해 보았더니 카페24의 MySQL 환경이 utf8mb4를 지원하지 않는 버전이었습니다. 위 그림에서 서버 버전은 5.1.45p1-log 이고, 이 버전은 4-byte encoded UTF8 characters 버전을 지원하지 않는다고 알려져 있습니다. 위 그림의 MySQL connection collation을 살펴 봐도 utf8mb4 옵션을 볼 수 없습니다. 그렇다면 해결 방법은 무엇이 있을까요? 크게 3가지 정도가 있을 수 있습니다. 방법 […]

  • 포워딩 서비스와 워드프레스 검색엔진최적화 작업 시 유의 사항

    포워딩 서비스란 현재 보유하고 있는 도메인 주소를 자신이 실제 운영하고 있는 홈페이지 주소나 다른 홈페이지로 접속하게 해주는 서비스 라고 할 수 있고, 최근에는 도메인 업체에서 무료로 제공하고 있습니다. 워드프레스 멀티 사이트의 서브 사이트를 포워딩 서비스로 연결할 때 몇 가지 유의 사항(특히 검색엔진최적화 관련하여)이 있는데, 이에 대하여 알아 보도록 하겠습니다. 1. 도메인 업체를 통한 포워딩 서비스 시 robots.txt 확인 도메인 업체에서는 포워딩 서비스를 하기 위해 특정 서버를 거치는데, 그 서버는 보안상의 이유로 다음과 같이 robots.txt 파일을 읽지 못하게 막아 놓은 경우가 많습니다.

    이 경우 구글 검색로봇은 해당 사이트(워드프레스 멀티 사이트의 서브 사이트)의 콘텐츠를 가져갈 수 없기 때문에 구글 검색에서 ”robots.txt에 의해 웹수집 정보를 표시할 수 없습니다.”와 같은 에러가 출력됩니다. 이를 해결하려면, (포워딩 서비스를 꼭 받아야 한다면) Dnsever.com과 같은 웹기반 DNS 서버 같은 곳에서 포워딩 서비스를 이용하면 일단, robots.txt 문제는 해결됩니다. […]

  • 구글 웹마스터도구의 데이터 하이라이터 이해하기

    구글 웹마스터도구의 검색 노출 섹션를 보면 데이터 하이라이터 메뉴가 있습니다. 이것이 무엇인지 몰라도 구글 웹마스터도구를 이용하는데 문제는 없기 때문에 신경쓰지 않는 경우가 많은데, 데이터 하이라이터를 활용하면 검색결과에 데이터를 더 효과적으로 표시할 수 있기 때문에 관심을 가질 필요가 있습니다. 데이터 하이라이터가 무엇이고, 어떻게 설정하며, 어떤 효과가 있는지 알아보도록 하겠습니다. 먼저, 구글 웹마스터도구에서 설명하고 있는 데이터 하이라이터를 살펴 보겠습니다. 위 그림에 표시된 정보를 바탕으로 정리하면 다음과 같습니다. 데이터 하이라이터는 Google이 사이트의 데이터를 이해할 수 있도록 도와주는 새로운 도구이고, 데이터 하이라이터를 사용하면 각 데이터 필드를 마우스로 간단히 ’태그’할 수 있습니다. 이렇게 하면 Google에서 내 데이터를 검색결과에 더욱 보기 좋게, 새로운 방식으로 표시할 수 있습니다. 또한, 데이터 하이라이터를 상세히 설명하고 있는 다음의 동영상이 있는데, 한글 자막이 제공되기 때문에 데이터 하이라이터가 무엇이고, 어떻게 적용하며, 검색에 어떤 효과가 있는지 자세히 알려주고 있습니다. 아마도 이 동영상을 보면 데이터 하이라이터에 대해 금방 이해할 수 있을 것입니다. […]

  • 워드프레스 고유주소 설정 변경 후 301 리다이렉션 문제 해결 방법

    워드프레스 글의 구글 검색 노출을 효과적으로 하기 위해 고유주소를 변경하는 경우가 있습니다. 워드프레스에서 고유주소 설정 변경만 하고, 후속 조치를 하지 않는 경우 기존 구글 검색에 색인된 워드프레스 콘텐츠 클릭 시 404 에러 페이지로 이동 되면서 큰 문제가 될 수 있습니다. 실제로 이번에 국내 워드프레스 대표 커뮤니티를 지향하는 make BCT의 고유주소를 기존 /%post_id% 에서 /%postname%/ 으로 변경했는데, 기존 고유주소에서 작성된 워드프레스 컨텐츠가 많았고, 일부 콘텐츠의 경우 구글 검색 상단에 노출되어 그로 인해 트래픽이 일정하게 유지되고 있는 상태에서 고유주소 변경을 했더니 make BCT 커뮤니티에 방문한 사용자 수도 줄었고,사용자에게 불편을 주는 문제가 있었습니다. 그래서 워드프레스에서 이와 같은 문제를 해결하는 방법을 찾아보게 되었습니다. 문제 해결 전: 기존 고유주소로 구글 검색에 색인된 워드프레스 콘텐츠 구글 검색 창에서 site:makebct.net 로 검색을 해 보겠습니다. 결과는 다음과 같습니다. 위 결과에서 붉은 색 box 표시가 된 두 개 콘텐츠의 URL을 보면 하나는 makebct.net/2669 […]

  • 워드프레스 4.2.x 멀티 사이트에서 사이트 추가 되지 않는 문제 발생

    최신 버전인 워드프레스 4.2.x에서 멀티 사이트 설정 후, 네트워크 관리자에서 사이트 추가를 시도하면 서브 사이트의 테이블이 생성되지 않는 문제가 있습니다. 네트워크 관리자에서 새로운 사이트 추가 위 그림에서 [사이트 추가] 버튼을 누르면 다음과 같은 화면이 나타납니다. 위 그림처럼 blank 화면이 나타납니다. 다시 네트워크 관리자 화면에서 사이트 설정 화면을 확인해 보면 다음과 같습니다. 위 그림처럼 사이트가 추가 되었다고 나오지만, 위 화면 왼쪽 메뉴를 보면 서브 사이트가 정상적으로 추가되지 않은 것을 확인할 수 있습니다. 현재 상태에서 DB 테이블을 살펴보면 다음과 같습니다. 위 그림의 테이블을 보면, 보통 서브 사이트 추가 시 생성되는 테이블들(보통 wp_2_options로 생성되는)이 보이지 않고, 테이터 정렬 방식이 utf8mb4_general_ci 로 된 것을 확인할 수 있습니다. DB 설정이 기존과 달라 좀 찾아 보았더니 워드프레스 4.2.2 에서 기본언어셋이 utf8 -> utf8mb4 로 변경 되었다는 것을 알 수 […]

  • www 없이 설치된 워드프레스 멀티사이트 도메인에 www 추가하는 방법

    www 없이 설치된 워드프레스 멀티사이트 도메인(http://mydomain.com)에 www를 추가(http://www.mydomain.com)하는 방법을 알아 보겠습니다. 추가 방법은 다음과 같습니다. 진행에 앞서 만일을 위해 DB를 백업할 것을 권장합니다. 1. wp-config.php 파일 수정 수정 전 define(‘DOMAIN_CURRENT_SITE’, ‘mydomain.com’); 수정 후: define(‘DOMAIN_CURRENT_SITE’, ‘www.mydomain.com’); 2. Search Replace DB script 다운로드, 압축 해제, 업로드 이 작업을 위해 Search Replace DB 스크립트가 필요합니다. 이 스크립트는 다음 URL에서 다운로드 받을 수 있습니다. https://interconnectit.com/products/search-and-replace-for-wordpress-databases/ * 주의 Search Replace DB 스크립트는 2015년 5월 현재 V 3.0.0 BETA와 V 2.1.0 STABLE 버전이 있는데, 하단 내용은 V 2.1.0 STABLE 버전을 기준으로 작성 되었습니다. 이 스크립트를 다운로드 받고 압축 해제 한 다음, FTP 프로그램을 이용하여 다음과 같이 wp-config.php 파일이 위치한 PATH에 업로드 합니다. 업로드 완료된 결과는 다음과 같습니다. 3. Search Replace DB script 실행 웹 브라우저에 http://mydomain.com/searchreplacedb2.php 을 입력한 다음, 다음 단계를 […]

위로이동