• 팝업 창으로 컨택 폼을 띄우는 방법

    특정 버튼 클릭 시 팝업 창으로 컨택 폼을 띄워야 하는 경우가 있습니다. 예를 들면 다음과 같은 경우가 있습니다. 이와 같이 팝업 형태로 컨택 폼을 띄워야 할 때 워드프레스에서 손쉽게 구현할 수 있는 방법을 살펴 보겠습니다. (1) 사용 플러그인 이 작업을 위해 다음 2가지 플러그인을 사용하고 있습니다. Contact Form 7 Easy FancyBox (2) Contact Form 7 설정 Contact Form 7 플러그인 설치 및 활성화 이후 다음과 같은 contact form이 기본으로 생성됩니다. 컨택 폼을 수정하는 것 외 추가 수정은 필요하지 않습니다. (3) Easy FancyBox 설정 Easy FancyBox 플러그인 설치 및 활성화 이후 워드프레스 관리자 > 설정 > 미디어 하단에서 추가 설정을 할 수 있습니다. 별도 설정을 하지 않고 기본 설정 그대로 사용해도 무방합니다. (4) 버튼 코드 추가 다음과 같은 코드를 추가합니다. <a […]

  • Google Drive WP Media 플러그인 사용법 정리

    이전 글 워드프레스 구글 드라이브 사용 방법 (Google Drive WP Media 플러그인 활용, 설정편)에서는 Google Drive WP Media 플러그인 설정 시 필요한 API Key를 생성하는 과정을 자세히 다루느라 글이 길어져서 Google Drive WP Media 플러그인 사용법을 다루지 못하였습니다. 그래서 이 글에서 Google Drive WP Media 플러그인 사용법을 정리하였습니다. 1. 이미지를 구글 드라이브로 업로드 하는 방법 예를 들어, 다음과 같이 작성하려고 하는 새 글이 있습니다. 위 화면에서 [미디어 추가] 버튼을 누르면 다음과 같은 팝업이 나타납니다. 위 화면에서 [Google Drive WP Meida]-[My Google Drive]-[Upload] 탭을 선택한 다음 [Browse] 버튼을 누르면 다음과 같이 열기 창이 나타납니다. 위 화면에서 이미지를 선택(복수개 이미지 선택 가능)한 다음 [열기] 버튼을 누르면 다음과 같이 이미지가 추가되는 것을 볼 수 있습니다. 위 화면에서 [Upload to Google Drive] 버튼을 누르면 업로드된 이미지가 구글 드라이브로 저장됩니다. 업로드 완료된 결과은 다음과 같습니다. […]

  • 워드프레스 구글 드라이브 설정 방법 (Google Drive WP Media 플러그인 활용)

    최근 웹호스팅을 이용해서 워드프레스 홈페이지를 운영하는 클라이언트 중에서 해당 사이트에 콘텐츠가 쌓이면서 점점 방문자가 늘었고, 이로 인해 HDD 용량과 트래픽을 초과하는 경우가 빈번하게 발생하게 되었습니다. 급한대로 HDD 용량을 늘리고, 트래픽 리셋을 했지만, 근본적인 해결은 아니기 때문에 이를 해결할 수 있는 방법을 요청하였고, 몇몇 방법을 검토하다 업로드 이미지를 구글 드라이브로 저장하면 HDD 용량과 트래픽 문제를 해결할 수 있다는 것을 알게 되어, 이를 먼저 메이크비씨티에 적용하였고, 그 경험을 이 글에서 정리하게 되었습니다. 먼저 , 이 글에서는 워드프레스와 구글 드라이브 연결을 위해 다음의 Google Drive WP Media 플러그인을 활용 하였습니다. https://wordpress.org/plugins/google-drive-wp-media/ Google Drive WP Media 플러그인의 설치 및 활성화 과정은 생략합니다. Google Drive WP Media 플러그인을 활성화 하면 [미디어] 탭에서 Google Drive WP Meida 메뉴가 생성되는데, 이 메뉴를 누르면 다음과 같은 설정 화면을 볼 수 있습니다. 다음은 Google Drive API 설정 단계를 정리한 내용입니다. […]

  • 유용한 워드프레스 번역 플러그인: Loco Translate

    워드프레스는 영어를 기본으로 배포되는 오픈소스 CMS 입니다. 2016년 현재 전 세계의 수 많은 사람들이 워드프레스를 사용하고 있는데, 영어권이 아닌 국가에서는 영어 사용에 부담이 있는 사람도 많기 때문에 워드프레스에 관심 있는 자발적인 참여자들에 의해 자국 언어로 번역이 활발하게 진행되고 있습니다. 국내의 경우도 워드프레스 사용자가 많기 때문에 워드프레스에 관심 있는 분들에 의해 오랜 시간 워드프레스 코어 및 주요 플러그인의 한글화가 진행되어 왔고, 이로 인해 우리는 워드프레스를 좀 더 편하게 사용하고 있습니다. 참고로 워드프레스 코어의 번역 현황 및 번역 팀 정보는 다음과 같습니다. 워드프레스를 쇼핑몰로 활용하기 위해서는 쇼핑몰 플러그인이 필요합니다. 글로벌 관점에서 보면 우커머스가 가장 대표적인 쇼핑몰 플러그인이고, 국내에서도 많이 알려져 있습니다. 이번에 워드프레스로 쇼핑몰을 제작할 기회가 있어 우커머스를 사용하게 되었는데, 생각보다 번역이 잘 안되어 있는 것을 알게 되었습니다. 한 예로 다음과 같이 상품 등록 화면을 보겠습니다. 위 그림에서 붉은색으로 표시한 부분을 보면 영어 단어인데, 이 조차도 번역이 […]

  • KBoard 게시판이 5.1 버전으로 업데이트 되었습니다

    2016년 새해 첫날에 KBoard 5.1 버전이 새롭게 업데이트 되었습니다. KBoard 게시판 5.1 버전에 적용된 주요 변경 사항은 다음과 같습니다. KBoard 미디어 추가 기능 모바일 화면 최적화 아이프레임 허용 주소에 투도우(tudou), 유쿠(youku) 추가 게시판 리스트에서 소셜댓글 카운터 표시 기능 개선 고급설정에 전환추적을 위한 코드 입력 기능 추가 권한설정에 워드프레스 역할(Role) 직접선택 기능 추가 KBoard 자체 SEO 기능 최적화 (Yoast SEO, All In One SEO Pack 플러그인 대응) 기타 자세한 변경 사항은 KBoard Changelog를 확인 바랍니다. KBoard 5.1 버전은 다음 URL에서 다운로드 할 수 있습니다. http://www.cosmosfarm.com/products/kboard 북극海 • (주)블로그코디 대표 • 워드프레스 교육 서비스 런칭 • 워드프레스 정보 공유 커뮤니티 make BCT 런칭 • 한국형 워드프레스 테마 출시 • 워드프레스 홈페이지 제작 서비스 런칭 http://blogcodi.com

  • 워드프레스 테마 및 플러그인에 라이선스 키 추가 시 고려할 수 있는 플러그인 및 서비스

    워드프레스 테마 및 플러그인을 개발하여 이를 온라인으로 판매하려고 할 때 라이선스 키를 추가할 필요가 있습니다. 이 때 고려할 수 있는 워드프레스 플러그인 및 서비스가 몇 개 있는데, 이를 정리하면 다음과 같습니다. 1. Woocommerce Software Add-on http://www.woothemes.com/products/software-add-on/ 우커머스용 확장 플러그인이며, 온라인 구매 시 해당 상품(테마 및 플러그인)에 자동으로 라이선스 키를 발급할 수 있으며, 우커머스 관리자에서 라이선스 키를 관리할 수 있습니다. 워드프레스에서 우커머스 기반으로 상품을 판매하고 라이선스 키를 관리하려고 할 때 최적의 조합이지만, 유료 플러그인(Single site license 비용으로 $129.00)이고, 상품에 라이선스 인증을 연동하려면 추가 개발을 해야 하는 단점이 있습니다. 2. WooCommerce Licence Codes http://pluginterritory.com/shop/woocommerce-licence-codes/ 우커머스 브랜드 파워에 밀려서 구매하지는 못했지만, 1번의 Software Add-on과 같은 역할을 하는 워드프레스 플러그인입니다. 기본적으로 라이선스 발급 및 관리를 우커머스 관리자에서 수행할 수 있는 듯 합니다. 마찬가지로 유료($129.00)이고, 우커머스 Software Add-on와 마찬가지로 상품에 라이선스 인증을 연동하려면 추가 개발을 해야 […]

  • 워드프레스 멀티사이트를 복사하는 한 방법

    블로그코디에서 최근 13번째 테마인 BCT4DESIGNER 워드프레스 테마를 출시했습니다. 이 테마는 총 4개의 스킨을 가지고 있고, 스킨 각각에 해당되는 데모 사이트를 구성할 필요가 있습니다. 이렇게 하려면 워드프레스 멀티사이트에서 4개의 개별 사이트를 생성해야 하는데, 잘 생각해 보면 4개 사이트 각각을 구성하는 posts, pages, media, plugins, themes 등은 모두 동일하고 차이는 단지 스킨 선택만 다르다는 것을 알 수 있습니다. 그래서 4개 사이트를 구성하는 효율적인 방법을 찾다 다음과 같은 워드프레스 플러그인을 알게 되었습니다. https://wordpress.org/plugins/multisite-clone-duplicator/ Multisite Clone Duplicator 플러그인의 설치 및 활성화는 생략하고, 이 플러그인을 멀티사이트 환경에서 활성화 하면 사이트 메뉴에 다음과 같은 Duplicate 서브 메뉴가 추가된 것을 볼 수 있습니다. 위 화면에서 Original site to copy에 원본 사이트를 선택하고 New Site – Address에 복사할 사이트의 주소를, New Site – Title에 사이트 제목을 New Site – Admin Email에 관리자 아이디를 입력한 다음 [Duplicate] 버튼을 누릅니다. 잠시 후 […]

  • 워드프레스 글 또는 페이지 복사 방법

    워드프레스에서 홈페이지 제작 작업을 하다 보면 유사한 페이지가 많아서 하나의 페이지(틀)만 만들고 이를 복사해서 사용하면 좋을 때가 있습니다. 다음은 이 때 유용하게 활용할 수 있는 워드프레스 플러그인입니다. https://wordpress.org/plugins/duplicate-post/ Duplicate Post 플러그인의 설치 및 활성화 과정은 생략합니다. 이 플러그인을 활성화 한 이후 페이지 편집 화면은 다음과 같습니다. 위 그림에서 ”Copy to a new draft” 부분이 추가된 것을 볼 수 있습니다. 페이지 복사를 하기 위해 ”Copy to a new draft” 링크를 누르면 다음과 같은 draft 페이지가 생성됩니다. 위 그림을 보면 제목, 본문, 속성은 원본 글과 동일하고, 고유주소와 공개하기 버튼은 원본 글과 다른 것을 확인할 수 있습니다. 따라서 복사된 draft 페이지에서 제목, 본문 내용을 새 것으로 수정한 다음 공개하기 버튼을 누르면 틀이 비슷한 새 페이지가 금방 생성됩니다. 완료된 새 페이지는 다음과 같습니다. […]

  • 대량 스팸 댓글 제거하는 방법

    스팸 댓글을 차단해 주는 Akismet과 같은 워드프레스 플러그인을 사용하지 않고 장시간 워드프레스 홈페이지를 운영하다 보면 다음과 같이 수 많은 스팸 댓글이 달리는 것을 보게 됩니다. 스팸 댓글이 너무 많아지면 이를 삭제하기 위해서 수 많은 스팸 댓글을 일괄 선택해서 휴지통으로 이동시키게 되는데, (서버 환경에 따라 다르겠지만) 보통 200여개 이상 선택 시 다음과 같은 에러 메시지가 뜨는 경우가 있습니다. 위 메시지가 나타나면 그 보다 적은 수의 스팸 댓글을 선택해서 삭제해야 하는데, 수 만개 이상의 스팸 댓글을 삭제 시 시간이 너무 많이 소요되므로 좀 더 효율적인 방법이 없는지 찾다 다음과 같은 플러그인을 알게 되었습니다. https://wordpress.org/plugins/wpcommentcleaner/ 위 플러그인의 설치 및 활성화 과정은 생략하고, 이 플러그인을 활성화하면 CommentClearner 메뉴기 셍성되고, 그 메뉴 클릭 시 다음과 같은 설정 화면을 볼 수 있습니다. 위 그림에서 SPAM Comments에 해당되는 1,806개 스팸 댓글을 삭제하려면 […]

  • 워드프레스를 HTML 파일로 변환하는 방법

    한 클라이언트로부터 ”워드프레스를 HTML 형태로 변환하고 이를 CD에 담아서 남에게 보여줄 수 없느냐”라는 요청이 왔습니다. 처음에는 워드프레스는 PHP 언어로 작성되어 있고 웹서버, DB서버가 있어야 구동되기 때문에 CD로 전달해서 결과물을 보여볼 수 없다고 생각 했습니다. 그래도 혹시 워드프레스 플러그인을 활용해서 워드프레스를 HTML 파일로 변환이 제대로 된다면 가능할 수도 있겠다 싶어서 몇몇 플러그인을 테스트해 보았는데, 생각보다 결과가 괜찮아 좀 놀라웠습니다. 이 변환 작업에 활용된 워드프레스 플러그인은 다음과 같습니다. https://wordpress.org/plugins/simply-static/ 플러그인을 설치하고 활성화하면 Simply Static 메뉴가 생성되고, 하위 메뉴인 Generate 메뉴를 누르면 다음과 같은 화면이 나타납니다. 위 그림의 [Generate Static Files] 버튼을 눌러 변환을 시작합니다. 변환 작업에는 시간이 제법 소요되며, 변환 완료된 결과는 다음과 같습니다. 위 화면처럼 변환을 완료하면 ZIP 파일로 다운로드 받을 수 있는데, 이 압축 파일을 다운로드 받은 후 압축 해제하면 다음과 같은 파일을 볼 수 있습니다. 위 그림의 index.html 파일을 브라우저에서 열어보면 다음과 […]

위로이동