• 반응형 테마 적용 후 모바일 접속 문제 발생

    최근 한 클라이언트의 비반응형 홈페이지를 반응형 홈페이지로 리뉴얼 완료한 다음, 모바일 접속에 문제가 없는지 확인하는 중에 갑자기 m.도메인 으로 redirect 되면서 홈페이지가 올바르게 표시되지 않는 문제가 있었습니다. 분명 테스트 사이트에서 문제가 없는 것을 확인하고 정식 오픈한 것이었는데 운영 사이트로 이전 되자마자 이와 같은 문제가 발생하다보니 처음에는 좀 당황 스러웠습니다. 그 동안 수 십개 워드프레스 홈페이지를 오픈하면서 이와 같은 경우는 또 처음이기도 했습니다. 무슨 문제일까 고민을 하다보니 아무래도 워드프레스 제작 문제가 아닌 도메인 또는 호스팅 업체에서 제공하는 어떤 서비스와 관련되어 있을 것이라는 생각이 들어서, 좀 찾아 보았더니 역시 다음과 같이 카페24의 모바일 도메인 서비스를 사용중이었습니다. 위 화면의 사용중인 모바일 도메인을 설정해지 하였더니 모바일에서 반응형 홈페이지가 올바르게 나타났습니다. 혹시 이와 같은 문제로 인해 고민하는 분이 있다면 모바일 도메인에 도메인을 등록하였는지 확인해 보시기 바랍니다. 북극海• (주)블로그코디 대표 • 워드프레스 교육 서비스 런칭 • 워드프레스 정보 공유 […]

  • 워드프레스에 즐겨찾기 기능 구현

    워드프레스에 즐겨찾기 기능을 추가해 달라는 요청을 종종 받습니다. 워드프레스 플러그인 중에 즐겨찾기 기능을 제공하는 플러그인이 있는지 모르겠지만, 지금까지는 주로 테마 구성 파일인 functions.php에 관련 코드를 추가해서 즐겨찾기 기능을 해당 웹사이트에 적용해 왔습니다. 매번 반복되는 코드를 추가하다 보니 좀 번거롭기도 해서 이번에 아예 플러그인 형태로 만들었는데, 필요한 사람을 위해 팁 공유 게시판에 올려 놓겠습니다. 참고로 즐겨찾기 기능이 적용된 예는 다음과 같습니다. 위 화면의 별표 아이콘을 누르면 다음과 같은 팝업 창이 뜹니다. 위 화면의 팝업 창에서 Ctrl + D 키를 눌러 현재 웹사이트를 브라우저에 북마크할 수 있다는 안내 문구를 볼 수 있습니다. 실제 Ctrl + D 키를 누른 결과는 다음과 같습니다. 위 화면에서 북마크 추가 완료 창을 볼 수 있습니다. 위 화면은 크롬 브라우저 결과입니다. 워드프레스 플러그인 설치 방법 및 플러그인 사용법은 해당 게시글을 참고 바랍니다. […]

  • KBoard 게시판 글쓰기에서 특정한 권한 사용자에게 Add Media 버튼 보이도록 설정하는 방법

    워드프레스 홈페이지를 운영하는 클라이언트 중에서 글(또는 포스트) 기능 대신 게시판 활용을 많이 하는 클라이언트로부터 특히 ”관리자로 로그인하면 보이는데 그 외 권한 사용자에게는 Add Media 버튼이 보이지 않는다. 특정 권한 사용자에게도 Add Media 버튼이 보이도록 해 줄 수 없느냐”는 요청을 많이 받습니다. 즉, 다음과 같이 KBoard 게시판 글쓰기 화면에서 Add Media 버튼이 관리자 권한 외 사용자에게도 보이도록 하고 싶다는 것입니다. Add Media 버튼이 관리자 권한 외 사용자에게도 보이도록 설정하기 위한 방법은 다음과 같습니다. 1. User Role Editor 플러그인 설치 및 활성화 워드프레스 사용자의 역할 및 권한 설정 기능을 제공하는 User Role Editor 플러그인을 설치 및 활성화 합니다. https://wordpress.org/plugins/user-role-editor/ 2. User Role Editor 플러그인 설정 User Role Editor 플러그인을 설치하면 ’워드프레스 관리자 > Users > User Role Editor” 메뉴가 추가되고 다음과 같이 설정 화면을 볼 수 있습니다. […]

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

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

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

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

  • 워드프레스 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 을 입력한 다음, 다음 단계를 […]

  • 반응형 홈페이지에 맞추어 출력되는 동영상 삽입하기

    Advanced Responsive Video Embedder 라는 플러그인은 유튜브나 Vimeo 동영상 삽입을 위한 플러그인입니다. 예제 보기 : http://makebct.cafe24.com/?p=188 1. 유튜브 공유-소스코드로 동영상 삽입하기 기존 유튜브의 ‘공유’ 기능을 통해 아래와 같은 코드를 본문에 작성하여 동영상을 삽입해 왔습니다.

    2. Advanced Responsive Video Embedder 플러그인으로 동영상 삽입하기 [새 글 쓰기]를 클릭하여 글 작성창에 보면 아래와 같이 ‘Advanced Responsive Video Embedder’ 플러그인의 [Embed Video]라는 버튼이 보입니다. 동영상을 삽입할 위치에 커서를 위치시킨 후, [Embed Video] 버튼을 클릭하면 다음과 같은 동영상 삽입 창이 보여지고, 다음 그림에 보이는 것과 같이 원하시는 동영상의 주소를 입력하고 나머지 항목을 입력합니다. 동영상이 있는 페이지의 웹주소창의 주소를 입력해도 되고, 공유에서 지원하는 짧은 주소를 입력해도 됩니다. 3. 동영상 출력 위의 두 가지 방법으로 동영상을 본문에 삽입하였을 경우 아래의 그림과 같이 별 차이가 없어 보입니다. 하지만 모바일 환경에서 보면 다릅니다. 유튜브의 ‘공유’ 코드를 이용해 삽입된 동영상의 경우 세로 […]

  • 워드프레스 멀티사이트를 운영중 이었는데, 자동 업데이트 되면서 사이트 접속이 안됩니다

    워드프레스 멀티사이트를 운영중인데, 자동 업데이트 되면서 사이트 접속이 안 되는 문제가 있다고 해결 요청이 왔습니다. 접속이 막힌 경우 다음과 같은 메시지가 출력됩니다. 참고로 국문 사이트의 경우는 ”이 사이트는 보관되었거나 정지되었습니다.” 메시지가 출력됩니다. 이 때 가장 빠르게 해결하는 방법은 다음과 같이 직접 DB 단에서 수정하는 것입니다. 위 그림에서 archived 필드가 보이는데, 사이트 접속이 되지 않은 경우 1이 설정되고, 정상적인 경우 0으로 설정됩니다. 즉, 위 그림은 멀티사이트 접속 문제를 해결한 상태이기 때문에 모두 0으로 표시된 것이고, 처음 상태는 모두 1이었습니다. 북극海• (주)블로그코디 대표 • 워드프레스 교육 서비스 런칭 • 워드프레스 정보 공유 커뮤니티 make BCT 런칭 • 한국형 워드프레스 테마 출시 • 워드프레스 홈페이지 제작 서비스 런칭http://blogcodi.com

  • 모바일 웹테스트 서비스 – Troy

    다음(DAUM)에서 만든 기기별 모바일 웹테스트 서비스 트로이를 소개합니다. TROY Responsive Web test라는 제목으로 서비스되고 있으며, 국내에서 많이 쓰이는 모바일 기기를 위주로 다양한 모바일 기기에서 웹사이트가 어떻게 출력되는지 테스트해 볼 수 있습니다. http://troy.labs.daum.net zman블로그코디 디자인 팀장입니다.http://www.blogcodi.com

위로이동