조사목적 : 웹 페이지 글 내용 중에서, 특정 단어나 정해진 지점에 마우스 가져가면 풍선도움말 처럼 보이게 하는 플러그인 들 조사.
툴팁 예 :
무료 플러그인.
1.
WordPress Tooltips
Wordpress tooltip appear custom hover box when the user hovers the pointer over an item, You can add tooltips for post title/content/excerpt/tags/arch
검토.
툳팁에서 보이는 컨텐츠 관리방식 : 본 플러그인 설치하고 활성화면 워드프레스 관리자 메뉴에 'Tooltips' 항목이 생기고, post 형식으로 사용자가 툴팁을 새글 작성하듯이 만든다(미리 준비 해두는 키워드 혹은 용어사전 같은 걸로 생각하면 됨.). 'Tooltips' 에 등록해둔 단어가 글 내용중에 있으면 툴팁이 보이게 됨.
툴팁 속에 보이는 컨텐츠 : Tooltips에 기록한 사항이 툴팁내부에 보이는 것이므로 글 편집기로 표현가능한 것이 전부 보임. 글,이미지, 동영상 등.
툴팁 보일 수 있는 대상요소 : 글 내용 중에서 단어, 문장 (Tooltips 에 등록해둔 단어.문장), 이미지.
glossary(인덱싱) 만들기 기능 : 알파벳 순으로 자동생성기능 있음. 한글은 지원안됨.
이 플러그인의 스크린 샷 보기 : https://wordpress.org/plugins/wordpress-tooltips/screenshots/
2.
CM Tooltip Glossary
Easily create a Glossary, Encyclopaedia or Dictionary of your terms and show tooltip when users hover over. Many powerful features
검토.
무료버전과 유료버전이 있다. 아래 검토는 무료버전만.
툳팁에서 보이는 컨텐츠 관리방식 : 앞의 1과 동일. 각 용어별로 post 1개가 만들어져야 한다. 용어페이지는 post나 page 내에서 직접 링크 가능하다.
툴팁 속에 보이는 컨텐츠 : 앞의 1과 동일.
툴팁 보일 수 있는 대상요소 : 앞의1과 동일. 글 내용 중에 미리 등록해둔 용어가 있는 경우 자동으로 툴팁을 볼 수 있다. 이를 해제도 가능하다.
glossary(인덱싱) 만들기 기능 : 알파벳 순으로 자동생성기능 있음. 역시 한글은 지원안됨. 무료버전에서는 처음 500개 까지만 보여준다.
제조사 제공 유저가이드를 보면, 영어 외의 언어에서도 DB 셋팅이 UTF-8이면 될거라는 식으로 설명하고 있으나..., -> https://tooltip.cminds.com/cm-tooltip-guide-characters-in-non-english-languages-that-do-not-appear-correctly/
3.
Simple Tooltips
Easily add tooltips to your wordpress site.
검토.
툳팁에서 보이는 컨텐츠 관리방식 : 툴팁에 보일 컨텐츠를 별도의 post 작성하는 방식아님. 사이트 글 작성 하면서 툴팁표현하고 싶은 글이나, 이미지등의 요소에 class "tooltips" 를 추가하고 툴팁내에 보일 글자를 기록하면 해당 글자가 보이게 된다. 아래 예를 보임.
위와 같이 class 태그 처리하면 사이트에서 보일때는 아래 처럼 보이게됨.
툴팁 속에 보이는 컨텐츠 : text 만 가능.
툴팁 보일 수 있는 대상요소 : html element (글자나 이미지).
무료 3종 종합 비교 검토.
3은 용어자체 관리 기능 없고, 글 작성하면서 간단한 텍스트 를 툴팁으로 보여야 할 때는 적합.
1과 2의 무료버전은 거의 동일한 기능이며, 3과 다른 점은 용어 자체가 별도의 post 형식으로 관리 된다는 점. 1과2는 각 용어의 툴팁이 보일 때 post의 내용이 보이므로 포스트 속에 들어갈 수 있는 컨텐츠(글, 이미지, 동영상등)가 모두 툴팁에서 보이게 됨.
유료 플러그인.
Metro Tooltip
: http://codecanyon.net/item/metro-tooltip/full_screen_preview/5904283
팁 속에 다양 컨텐츠 표현가능.
Keyword tooltips for WordPress
- 미리 정의된 keyword 를 만들면 문서에서는 자동으로 표현되는듯.<- 확인해봐야함.
- 사전 용도로 좋으나, 아래 JQuery Tooltip Plugin 과는 달리 팁이 보이는게 고지식해보임.
- 팁 속에 이미지와 글이 전부인듯. 마우스 커서 변경은 좋음.
WP - Keywords to tooltip
- 팁이 보일 때 동적인 모습이 심심치 않음. 팁속에는 글자, 동영상 가능.
Easy Wikipedia API plugin for Wordpress
- 팁보이는 것이 덜 심심. 팁속에 표현량이 많지 않은듯. 팁속에 뷰모어 클릭하면 모달 뜨면서 정보보이는건 좋음.
- wiki정보를 보이는것만 가능한것 같기도.
JQuery Tooltip Plugin
- 팁이 보일때 애미메이션 효과가 좋네.
- 팁속에 동영상, 이미지, 구글맵등 많은것을 표현가능.
아래는 이미지에 점 들이 있고, 점에 마우스 가져가면 세부 설명 보이는 것. 제품설명에 사용하면 딱 좋은류..
Lite tool tip
- - 메뉴로도 사용됨.
같은 것 : http://codecanyon.net/item/lite-tooltip-responsive-wordpress-plugin/full_screen_preview/4165378
Hotspotter - Hotspot Maker jQuery Plugin
최종 선택.
무료 플러그인 2번.
사유 : 단순히 글 내용 중에 툴팁이 시각적으로 보이는 기능만 있는 것 보다는 용어관리 기능이 중요했기 때문. 1번, 2번 플러그인 모두 용어 관리기능은 동등해 보인다. 2번 플러그인의 유료버전인 Pro(툴팁의 시각적 효과 등), Pro+(위키등 외부링크 표현가능 등), Ecommerce(WooCommerce지원 등) 애드온 중에 Remote Import , WPML(다국어 플러그인)과 호환 등 에서 제공하는 기능이 지금은 필요 없지만 향후 필요할 것 같기도 하여 초기도입을 2번 으로 선택함.
59.
'지속가능티끌 > 웹,워드프레스' 카테고리의 다른 글
| 우커머스 상품에 사용자 정의 탭 추가 플러그인 조사 (0) | 2014.10.08 |
|---|---|
| CM Tooltip Glossary 설치,사용법-워드프레스 툴팁 표현 플러그인. (0) | 2014.10.05 |
| 웹페이지 목차, 스크롤 따라다니게 하기, sticky, floating (0) | 2014.10.05 |
| 워드프레스 Table of Contents Plus 플러그인 설치,기본사용법-차례 자동 표시. (1) | 2014.10.05 |
| 워드프레스 Q2W3 Fixed Widget 플러그인 설치,기본사용법-사이드바 위젯이 스크롤 따라다니게 하는 것. (0) | 2014.10.04 |
댓글