• 이미지 클릭 시 팝업 메뉴 띄우는 방법

    다음과 같이 메인 페이지에 배치된 이미지 클릭 시 “서비스 준비중입니다” 라는 메시지를 띄우는 방법을 살펴 보겠습니다. 1. 플러그인 설치 이 기능을 구현하는데 필요한 플러그인은 다음과 같습니다. Anything Popup 2. 플러그인 설정 공통 설정은 할 것이 없습니다. 3. 팝업 등록 다음과 같이 개별 팝업을 등록합니다. 위 화면처럼 width, height, header 색상, border 색상, 팝업 제목, 팝업 링크, 팝업 내용을 설정할 수 있습니다. 4. 팝업 적용 이제 추가된 팝업을 추가하려면 다음과 같이 shrotcode 를 먼저 확인합니다. 팝업을 적용하려면 이 shrotcode를 post, page 본문에 추가하면 되는데, 이 예에서는 post, page가 아닌 메인 페이지의 text widget 에 추가해야 합니다. 추가된 코드는 다음과 같습니다. <div class=”thumb”> <img src=”/../wp-content/uploads/2018/02/img_main_product_epc.jpg” alt=””> <div class=”explain_wrap”> <div class=”explain”> [AnythingPopup id=”2″] </div> </div> </div> 5. 테스트 코드가 적용되면 다음과 같이 […]

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

    특정 버튼 클릭 시 팝업 창으로 컨택 폼을 띄워야 하는 경우가 있습니다. 예를 들면 다음과 같은 경우가 있습니다. 이와 같이 팝업 형태로 컨택 폼을 띄워야 할 때 워드프레스에서 손쉽게 구현할 수 있는 방법을 살펴 보겠습니다. (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

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

    워드프레스 테마 및 플러그인을 개발하여 이를 온라인으로 판매하려고 할 때 라이선스 키를 추가할 필요가 있습니다. 이 때 고려할 수 있는 워드프레스 플러그인 및 서비스가 몇 개 있는데, 이를 정리하면 다음과 같습니다. 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] 버튼을 누릅니다. 잠시 후 […]

이전11234567/7
위로이동