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

    워드프레스에 즐겨찾기 기능을 추가해 달라는 요청을 종종 받습니다. 워드프레스 플러그인 중에 즐겨찾기 기능을 제공하는 플러그인이 있는지 모르겠지만, 지금까지는 주로 테마 구성 파일인 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이 추가된 것을 확인할 수 있었습니다. 도대체 이 코드가 어떻게 들어간 것인지 도무지 알 수가 없었습니다. 혹시 […]

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

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

    워드프레스 멀티사이트를 운영중인데, 자동 업데이트 되면서 사이트 접속이 안 되는 문제가 있다고 해결 요청이 왔습니다. 접속이 막힌 경우 다음과 같은 메시지가 출력됩니다. 참고로 국문 사이트의 경우는 ”이 사이트는 보관되었거나 정지되었습니다.” 메시지가 출력됩니다. 이 때 가장 빠르게 해결하는 방법은 다음과 같이 직접 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

  • 1000개의 무료 벡터 아이콘세트

    무려 1000개에 달하는 벡터 기반의 무료 아이콘 세트를 소개합니다. PNG, EPS, AI 파일로 제공됩니다. http://sixrevisions.com/freebies/icons/free-icons-1000/ zman 블로그코디 디자인 팀장입니다. http://www.blogcodi.com

  • 아기자기한 60개의 무료아이콘

    PSD, AI, PNG로 제공되는 무료아이콘 세트입니다. https://www.behance.net/gallery/19096851/60-free-icons zman 블로그코디 디자인 팀장입니다. http://www.blogcodi.com

  • 워드프레스에서 트위터로 자동 글 전송되도록 설정하는 방법

    워드프레스에서 트위터로 자동 글 전송되도록 설정하는 방법을 알아 보겠습니다. 이 글에서는 젯팩의 공개 모듈을 이용하는 방법을 설명할 것인데, 젯팩 설치, 활성화, 공개 모듈 활성화 과정에 대한 부분은 이전 글 ’워드프레스에서 페이스북으로 자동 글 전송되도록 설정하는 방법’ 을 참고 바랍니다. 다음은 젯팩의 공개 모듈 활성화 이후부터 설명합니다. (1) 공개: 트위터 설정 공개 모듈을 활성화 하면, ’워드프레스 관리자 > 설정 > 공유’ 메뉴가 추가되고, 이 메뉴 클릭 시 다음과 같은 설정 화면을 볼 수 있습니다. 위 화면에서 트위터 연결 설정을 위해 트위터의 [연결하기] 버튼을 누르면, (트위터에 로그인이 되지 않은 상태라면) 다음과 같이 트위터 로그인 창이 나타납니다. 위 화면에서 자신의 계정으로 트위터에 로그인하면, 다음과 같은 화면이 나타납니다. 위 화면에서 [앱 인증] 버튼을 누르면, 다음과 같이 팝업 창이 나타납니다. 위 화면에서 [OK] 버튼을 누르면, 다음과 같은 화면을 볼 […]

위로이동