gimp-image-map-view-source

워드프레스에서 이미지 맵 만들기

개요

워드프레스에서 이미지 맵을 만들어야 하는 상황에서 이용할 수 있는 방법입니다. 몇 가지를 생각해볼 수 있을 것 같습니다.

  • Image Map Generator(이미지 맵 생성기) 이용하기
  • 포토샵, Gimp 등을 이용한 이미지 맵 만들기
  • 드림위버 등에서 이미지 맵 만들기
  • 플러그인 사용하기

이미지맵 생성기

Image Map Generator로 Easy Imagemap Generator 등 여러 사이트가 있습니다. 이미지를 업로드한 후에 이미지 맵을 만들고 코드를 복사하여 워드프레스에서 적용하면 될 것 같습니다.

이미지 편집기(포토샵, Gimp)나 Dreamweaver를 이용한 이미지 맵 만들기

두 번째 방법으로 Gimp를 사용하여 워드프레스용 이미지 맵을 만들 수 있습니다. 자세한 내용은 이 글을 참고해보시기 바랍니다. GIMP는 Linux, OS X, Windows 등 여러 운영 체제에서 사용할 수 있는 무료 오픈소스 크로스 플랫폼 이미지 편집기입니다.

GIMP와 같은 무료 이미지 에디터에서 이 기능을 이용할 수 있다면 당연히 포토샵에서 이용할 수 있을 것 같아서 검색해보니 다양한 동영상 튜토리얼이 있네요. 포토샵의 경우 다음 유튜브 동영상을 참고해보시기 바랍니다.

드림위버(Dreamweaver)와 같은 Authoring tool을 사용하여 이미지 맵을 만들 수 있습니다. 다음 동영상을 참고해보세요.

 

플러그인 사용하기

워드프레스용 이미지 맵 플러그인으로 Image Map Pro가 있습니다. (이외에는 제대로 된 이미지 맵 플러그인이 검색되지 않네요.)

Image Map Pro for WordPress - Interactive Image Map Builder

Image Map Pro for WordPress는 인터랙티브한 이미지맵 빌더로서 플러그인 판매 사이트인 Codecanyon에서 주간 베스트 셀링에 올라온 인기 플러그인입니다.

주요 기능:

  • 고급 드래그 & 드롭 편집기
  • 다각형, 아이콘, 사각형, 타원 모양
  • 150개 SVG 아이콘 포함
  • 풍부한 스타일 및 애니메이션 옵션
  • 사용자 지정 가능한 마우스오버 및 클릭 동작
  • 반응형. 터치스크린에 최적화
  • 6개월 무료 고객 지원

플러그인 사이트를 방문하면 자세한 정보와 함께 데모 편집기를 체험해볼 수 있습니다.



기부를 통해 이 블로그를 후원하실 수 있습니다.
워드프레스 설치/제작/문제해결이 필요한 경우 서비스(유료)를 요청해주세요.