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

    다음과 같이 메인 페이지에 배치된 이미지 클릭 시 “서비스 준비중입니다” 라는 메시지를 띄우는 방법을 살펴 보겠습니다. 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. 테스트 코드가 적용되면 다음과 같이 […]

  • 본문 이미지 클릭 시 레이어 팝업 설정 방법

    본문 이미지 클릭 시 레이어 팝업이 뜨게 한다는 의미는 다음과 같이 글 본문에 이미지가 있습니다. 위 그림의 이미지 클릭 시 다음과 같이 이미지 팝업이 뜨는 것을 의미합니다. 이와 같은 설정에 사용되는 워드프레스 플러그인은 다음과 같이 Lightbox Plus Colorbox 입니다. Lightbox Plus Colorbox 플러그인의 설치 및 활성화 과정은 생략하고, 이 플러그인 활성화하면 ‘워드프레스 관리자 > 외모 > Lightbox Plus Colorbox’ 메뉴가 생성되고, 이 메뉴 클릭 시 다음과 같이 설정 화면을 볼 수 있습니다. 위 그림에서는 모두 볼 수 없지만, 실제 Lightbox Plus Colorbox 플러그인 설정은 다음과 같이 Base Setting과 Primary Lightbox Settings이 있습니다. 위 그림처럼 Base Setting과 Primary Lightbox Settings 설정을 해 줍니다. 위 설정과 같은 경우 글 이미지 클릭 시 다음과 같은 결과 화면을 볼 수 있습니다. 북극海• (주)블로그코디 대표 • […]

  • 워드프레스 팝업 플러그인: KL 팝업

    워드프레스 홈페이지에서 팝업 기능이 필요할 때가 있습니다. 워드프레스 플러그인 디렉토리에는 다양한 팝업 플러그인이 있는데, 국내 환경에서는 다음의 KL 팝업이 무난한 듯 합니다. (참고로, KL 팝업은 워드프레스 플러그인 디렉토리에서 찾을 수 있는 플러그인은 아닙니다) KL 팝업 플러그인의 설치 및 기능 등에 대한 상세 내용은 다음 URL을 참고 바랍니다. http://blog.klcom.co.kr/repo/kl-popup/ KL 팝업 플러그인이 적용된 팝업 사용 예는 다음과 같습니다. 북극海• (주)블로그코디 대표 • 워드프레스 교육 서비스 런칭 • 워드프레스 정보 공유 커뮤니티 make BCT 런칭 • 한국형 워드프레스 테마 출시 • 워드프레스 홈페이지 제작 서비스 런칭 http://blogcodi.com

위로이동