본문 바로가기
지속가능티끌/웹,워드프레스

워드프레스 툴팁(tool tip) 플러그인 조사.

by i.got.it 2014. 10. 5.

조사목적 : 웹 페이지 글 내용 중에서,  특정 단어나 정해진 지점에 마우스 가져가면 풍선도움말 처럼 보이게 하는 플러그인 들 조사.

 

툴팁 예 :


 

 

무료 플러그인.

 

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

  • Version: 3.4.7
  • Updated: 2014-9-7
  • Downloads: 31,221
  • Average Rating:
    3 stars
    (24)

검토.

 

툳팁에서 보이는 컨텐츠 관리방식 : 본 플러그인 설치하고 활성화면 워드프레스 관리자 메뉴에 '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

  • Version: 2.8.1
  • Updated: 2014-9-3
  • Downloads: 35,307
  • Average Rating:
    4 stars
    (28)

검토.

무료버전과 유료버전이 있다. 아래 검토는 무료버전만.

 

툳팁에서 보이는 컨텐츠 관리방식 : 앞의 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.

  • Version: 1.1
  • Updated: 2014-3-9
  • Downloads: 9,202
  • Average Rating:
    4 stars
    (24)

검토.

툳팁에서 보이는 컨텐츠 관리방식 : 툴팁에 보일 컨텐츠를 별도의 post 작성하는 방식아님. 사이트 글 작성 하면서 툴팁표현하고 싶은 글이나, 이미지등의 요소에 class "tooltips" 를 추가하고 툴팁내에 보일 글자를 기록하면 해당 글자가 보이게 된다. 아래 예를 보임.

simple-tooltips screenshot 2

 

위와 같이 class 태그 처리하면 사이트에서 보일때는 아래 처럼 보이게됨.

simple-tooltips screenshot 1

툴팁 속에 보이는 컨텐츠 : 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

http://codecanyon.net/item/keyword-tooltips/2220105?WT.ac=search_item&WT.oss_phrase=tooltip&WT.oss_rank=4&WT.z_author=ichurakov

- 미리 정의된 keyword 를 만들면 문서에서는 자동으로 표현되는듯.<- 확인해봐야함.

- 사전 용도로 좋으나, 아래 JQuery Tooltip Plugin  과는 달리 팁이 보이는게 고지식해보임.

- 팁 속에 이미지와 글이 전부인듯. 마우스 커서 변경은 좋음.

 

WP - Keywords to tooltip

http://codecanyon.net/item/wp-keywords-to-tooltip/6513598?WT.ac=search_item&WT.oss_phrase=tooltip&WT.oss_rank=25&WT.z_author=EasyDevelopment

- 팁이 보일 때 동적인 모습이 심심치 않음. 팁속에는 글자, 동영상 가능.

 

Easy Wikipedia API plugin for Wordpress

http://codecanyon.net/item/easy-wikipedia-api-plugin-for-wordpress/3814400?WT.ac=search_item&WT.oss_phrase=keyword%20tooltip&WT.oss_rank=7&WT.z_author=cruckoh

- 팁보이는 것이 덜 심심. 팁속에 표현량이 많지 않은듯. 팁속에 뷰모어 클릭하면 모달 뜨면서 정보보이는건 좋음.

- wiki정보를 보이는것만 가능한것 같기도.

 

JQuery Tooltip Plugin

http://codecanyon.net/item/jqeasytooltip-jquery-tooltip-plugin/6585688?WT.ac=search_item&WT.oss_phrase=tooltip&WT.oss_rank=8&WT.z_author=j3dlab

- 팁이 보일때 애미메이션 효과가 좋네.

- 팁속에 동영상, 이미지, 구글맵등 많은것을 표현가능.

 

 

아래는 이미지에 점 들이 있고, 점에 마우스 가져가면 세부 설명 보이는 것. 제품설명에 사용하면 딱 좋은류..

 

Lite tool tip

http://codecanyon.net/item/lite-tooltip-responsive-jquery-plugin/4030620?WT.ac=search_item&WT.oss_phrase=tooltip&WT.oss_rank=15&WT.z_author=inabrains

- - 메뉴로도 사용됨.

 

같은 것 : http://codecanyon.net/item/lite-tooltip-responsive-wordpress-plugin/full_screen_preview/4165378 

 

Hotspotter - Hotspot Maker jQuery Plugin

http://codecanyon.net/item/hotspotter-hotspot-maker-jquery-plugin/3833015?WT.ac=search_item&WT.oss_phrase=hotspot&WT.oss_rank=6&WT.z_author=z-B

 

 

 

 

최종 선택.

 

무료 플러그인 2번. 

 

사유 : 단순히 글 내용 중에 툴팁이 시각적으로 보이는 기능만 있는 것 보다는 용어관리 기능이 중요했기 때문. 1번, 2번  플러그인 모두 용어 관리기능은 동등해 보인다. 2번 플러그인의 유료버전인 Pro(툴팁의 시각적 효과 등), Pro+(위키등 외부링크 표현가능 등), Ecommerce(WooCommerce지원 등) 애드온 중에 Remote Import , WPML(다국어 플러그인)과 호환 등 에서 제공하는 기능이 지금은 필요 없지만 향후 필요할 것 같기도 하여 초기도입을 2번 으로 선택함. 

무료 유료 기능 비교표.

 

 

 

59.

 

 

 

 

 

 

 

 

 

 

 

 

 

댓글



 

비트코인




암호화폐       외환/나스닥/골드       암호화폐/외환/나스닥/골드 암호화폐/외환/나스닥/골드   암호화폐/외환/나스닥/골드
     
현물 |선물 인버스 |선물 USDT       전략매니저(카피트레이딩)     롤오버 이자 없는 스왑프리계좌
( 스왑프리 암호화폐도 거래 가능 )    
MT4, MT5 , cTrader 모두 지원     FTMO 계좌 매매운용. MT4,MT5