• 워드프레스 홈페이지에 쇼핑몰 기능 추가를 위해 활용된 워드프레스 플러그인 정리

    최근 (블로그코디의 워드프레스 홈페이지 제작 솔루션인 BC TOWN™ 기반으로 제작된) 블로그코디닷컴 홈페이지를 리뉴얼하면서 한국형 워드프레스 테마 판매를 위한 쇼핑몰 기능을 추가 하였습니다. 이번 리뉴얼 작업의 핵심인 쇼핑 기능 구현을 위해서 워드프레스에서 거의 표준처럼 사용되는 우커머스를 도입하였고, 국내 환경과 사용자 편의를 위해 몇몇 (우커머스 확장) 워드프레스 플러그인을 활용 하였습니다. 블로그코디닷컴 홈페이지에 적용된 사례를 통해 워드프레스에서 쇼핑몰 구현를 위해 추가할 수 있는 워드프레스 플러그인에는 어떤 것이 있고, 어떤 용도로 사용되는지 알아 보겠습니다. 참고로 다음에 정리된 워드프레스 플러그인은 국내 사용자를 대상으로 배송이 필요 없는 디지털 상품(한국형 워드프레스 테마 상품)을 온라인으로 판매하기 위한 용도로 추가된 것이니, 그 외 용도에서는 다른 워드프레스 플러그인이 필요할 수 있으니 주의 바랍니다. 1. WooCommerce(우커머스) 별도의 설명이 필요없는 워드프레스에서 거의 표준처럼 사용되는 전자 상거래 툴킷 https://wordpress.org/plugins/woocommerce/ 2. WooCommerce Cart Tab 우커머스에 추가되어 화면 우측 끝에서 장바구니에 담긴 상품을 표시하는 워드프레스 플러그인 https://wordpress.org/plugins/woocommerce-cart-tab/ […]

  • PayGate

    페이게이트의 오픈페이(Openpay) 서비스란

    최근 블로그코디의 워드프레스 홈페이지 제작 솔루션인 BC TOWN™ 기반으로 제작된 블로그코디닷컴 웹사이트를 리뉴얼하면서 한국형 워드프레스 테마 판매를 위한 쇼핑몰 기능을 추가 하였습니다. 쇼핑몰이 추가되면서 자연스럽게 결제대행(PG) 서비스를 신청해야 했는데, 블로그코디에서는 워드프레스에 진보적인 정책을 취하고 있는 페이게이트를 최종 선정 하였습니다. (참고: 국내-pg사-연동-우커머스woocommerce-워드프레스-쇼핑몰-결제) http://www.paygate.net/ 페이게이트 가입을 위해 담당자와 상담하면서 기본 서비스에서는 인터넷 익스플로러에서만 결제가 가능하고, 크롬, 사파리, 파이어폭스 등 모든 브라우저에서 결제가 되게 하려면 오픈페이(Openpay) 서비스를 추가로 신청해야 한다고 안내를 받았습니다. 잘 모르던 정보를 알게 되자 워드프레스 쇼핑몰 구축을 준비하는 사람들에게도 동일하게 유용한 정보인 듯 하여 오픈페이(Openpay) 서비스를 좀 자세히 살펴 보았습니다. 다음 내용의 출처는 페이게이트의 오픈페이 서비스 안내문 201504 pdf 문서 입니다 오픈페이 서비스 소개 페이게이트가 보유하고 있는 Multi Payment Gateway 특허 기술을 금액인증(AA : Amount Authentication) 플랫폼에 적용하여, 전 세계 금융기관 중 최적의 결제 환경을 제시하는 금융기관과의 실시간 연계를 통해 트래픽을 처리 제공하는 글로벌 신용카드 간편 결제 서비스입니다. […]

  • 워드프레스 플러그인 업데이트: WP-Members 3.0.1.1

    이번에는 워드프레스 홈페이지에 멤버쉽 기능(로그인, 로그아웃, 회원등록, 비밀번호 찾기, 마이페이지 등)을 추가할 때 활용하는 WP-Members 플러그인을 살펴 보겠습니다. WP-Members 또한 블로그코디의 워드프레스 홈페이지 구축 솔루션인 BC TOWN™ 에서 관리하는 주요 워드프레스 플러그인 중 하나입니다. 최근 3.0.1.1 버전이 업데이트 되었지만, 지난 3.0.0 버전 때 주요 업데이트가 이루어졌기 때문에 이에 대해서 살펴 보겠습니다. WP-Members: https://wordpress.org/plugins/wp-members/ New settings and new plugin class WP_Members. New settings now natively support Custom Post Types, both setting defaults and individual post blocking. Settings constants removed in favor of using the $wpmem object class. Added new edit toggle to wpmem-register_data filter hook. wpmem_settings_loaded action added. Securify comments changed to use comments_open instead of comments_template(with a blank template). New wpmem_securify_comments filter hook to customize whether comments load or not. Registration clear form button defaults to false. Removed wp_set_auth_cookie from login function; it is already done as part of wp_signon. Post meta […]

  • Input error

    Input error: k: Format of site key was invalid 에러 해결 방법

    WP-Members 워드프레스 플러그인을 활용해서 회원가입 기능을 구현 하였는데, 다음과 같은 에러가 발생 하였습니다. 이는 WP-Members의 Captcha 설정을 하지 않아 발생한 에러입니다. Captcha 설정을 하려면 다음과 같이 구글에서 제공하는 무료 reCAPTCHA 서비스에 등록해야 합니다. http://www.google.com/recaptcha/intro/index.html 구글 계정으로 로그인하면 다음과 같은 화면을 볼 수 있습니다. 위 그림에서 Label, Domains, Owners 항목에 해당 값을 입력한 후, [Register] 버튼을 누르면 다음과 같은 화면을 볼 수 있습니다. 위 그림의 Site key와 Secret key 값을 다음과 같이 reCAPTCHA 설정 값에 입력해야 합니다. 위 그림의 Public 키에는 Site key를, Private 키에는 Secret key를 입력한 후, [CAPTCHA 설정 업데이트] 버튼을 누릅니다. 그러면 회원가입 화면에서 다음과 같이 CAPTCHA box가 노출되는 것을 볼 수 있습니다. 북극海 • (주)블로그코디 대표 • 워드프레스 교육 서비스 런칭 • 워드프레스 정보 공유 커뮤니티 […]

  • Jetpack by WordPress.com

    워드프레스 플러그인 업데이트: Jetpack by WordPress.com

    블로그코디의 워드프레스 홈페이지 구축 솔루션인 BC TOWN™ 기반으로 제작된 워드프레스 홈페이지에서 주로 사용하는 워드프레스 플러그인의 업데이트 정보를 정리하고 있습니다. 이번에 정리할 워드프레스 플러그인은 워드프레스 홈페이지에 통계, SNS 공유, 관련 글, 보안 등 기능을 제공하는 Jetpack by WordPress.com입니다. 지난 7월 6일에 3.6 버전으로 업데이트가 되었고, 업데이트 내용은 다음과 같습니다. Jetpack by WordPress.com Enhancement: CLI: Add a number of Jetpack CLI improvements: see http://jetpack.me/support/jetpack-cli Enhancement: Custom CSS: Add more Flexbox support and other enhancements Enhancement: Extra Sidebar Widgets: FB Like Box: New version of facebook likebox Enhancement: Extra Sidebar Widgets: New Social Media Icons widget Enhancement: Extra Sidebar Widgets: Top Posts Widget: Choose what Post Types to display Enhancement: General: Save on some requests! print CSS inline when there isn’t much of it Enhancement: Likes: Likes can now be shown on all post types Enhancement: Minileven: Add Featured Image to Gallery Post […]

  • 워드프레스 홈페이지에 구글애널리틱스 전자상거래 추적코드 추가

    최근 블로그코디 닷컴에 테마샵 기능을 추가하면서 전반적인 홈페이지 리뉴얼 작업을 진행 하였습니다. 지금까지는 주로 홍보 목적의 홈페이지를 운영해 왔기 때문에 그에 맞는 보안, 통계 분석, 검색엔진최적화, 성능 최적화 등의 작업을 진행해 왔다면, 전자상거래 기능(디지털 상품 판매를 위한)이 추가된 지금부터는 그에 맞는 보안, 통계 분석, 검색엔진최적화, 성능 최적화 등의 작업을 해야 할 필요가 있습니다. 블로그코디 테마샵 (여러가지 작업 중에서) 먼저 전자상거래 통계 분석을 진행하려고 하는데, 전자상거래 분석을 위한 구글애널리틱스 추적 코드는 기존 기본코드 외 다음의 4가지가 필요하다고 합니다. (하단 내용의 대부분은 구글애널리틱스 전자상거래 분석 #2: 추적코드 적용 글을 참고 하였습니다) Ecommerce.js 플러그인 호출 결제정보 (예: 주문번호, 구매액 등) 코드 제품정보 (예: 제품 ID, 제품명, SKU 등) 코드 GA로 위 정보를 전송하는 커맨드 위 4가지는 기본 GA코드에 추가되어 구매완료(영수증) 페이지에 삽입되어야 한다고 합니다. 참고 글에 설명된 단계별 내용을 통해 블로그코디의 한국형 워드프레스 테마가 탑재된 워드프레스 홈페이지에 어떻게 적용하면 […]

  • 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. 온세게시판에 복사한 코드 추가 다음은 복사한 코드를 온세게시판에 추가하는 것을 알아 보겠습니다. 이 작업은 온세게시판의 글쓰기 화면에서 수행해야 하기 때문에 다음과 같이 글쓰기 화면에서 진행하도록 하겠습니다. 위 그림은 온세게시판의 에디터 설정을 워드프레스 내장 에디터로 선택한 화면입니다. 이 경우 워드프레스 내장 에디터 화면에서 글 작성을 할 수 있는데, 동영상 코드를 추가할 때는 [비주얼] 모드 대신 [텍스트] 모드을 […]

위로이동