워드프레스에서 이미지 맵을 만들어야 하는 상황에서 이용할 수 있는 방법입니다. 몇 가지를 생각해볼 수 있을 것 같습니다.
- 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는 인터랙티브한 이미지맵 빌더로서 플러그인 판매 사이트인 Codecanyon에서 주간 베스트 셀링에 올라온 인기 플러그인입니다.
주요 기능:
- 고급 드래그 & 드롭 편집기
- 다각형, 아이콘, 사각형, 타원 모양
- 150개 SVG 아이콘 포함
- 풍부한 스타일 및 애니메이션 옵션
- 사용자 지정 가능한 마우스오버 및 클릭 동작
- 반응형. 터치스크린에 최적화
- 6개월 무료 고객 지원
엔바토 마켓에서 판매되는 워드프레스 테마와 워드프레스 플러그인은 기본 6개월 지원이 제공되며("Extend support to 12 months" 옵션 선택 시 12개월로 연장), 지원이 만료되어도 계속 업데이트를 다운로드할 수 있습니다.
플러그인 사이트를 방문하면 자세한 정보와 함께 데모 편집기를 체험해볼 수 있습니다.
댓글 남기기