그누보드5, 영카트5의 경우 관리자페이지->환경설정->팝업레이어관리 메뉴에서

이미지를 업로드하거나 문구를 추가하여 메인 화면에 접속시 팝업창을 띄울수 있는 기능이 기본으로 있습니다.

하지만 기본 팝업의 경우 에디터로 이미지를 첨부 할 수 있지만

팝업의 이미지에 링크를 넣어서 사용하시려는 분 들을 위해서 간단한 팁을 소개하겠습니다.


우선 "팝업레이어관리" 메뉴에서 에디터에 사용 할 이미지를 업로드 합니다.

(에디터의 우측 상단에 사진 버튼을 클릭하면 이미지를 첨부 할 수 있습니다.)

413c16a0c0f9260402bc396d2bd2146c_1521591693_8729.png

위와 같이 팝업에 사용 할 이미지를 업로드 했다면

에디터의 우측 하단에 HTML 탭을 클릭합니다.

413c16a0c0f9260402bc396d2bd2146c_1521591774_3936.png


HTML 탭을 클릭하면 에디터의 내용을 HTML 코드로 작성 할 수 있습니다.

413c16a0c0f9260402bc396d2bd2146c_1521591844_163.png
 

저와 같은 경우 HTML 탭을 클릭하면 위와 같이 HTML 코드로 첨부한 이미지의 코드가 나타납니다.

여기 나타 난 부분의 앞뒤를 감싸서 HTML 의 <a> 태그를 사용하면 됩니다.

예시는 아래와 같습니다.

413c16a0c0f9260402bc396d2bd2146c_1521591984_6461.png

위와 같이 기존에 나타났던 첨부한 이미지 태그의 앞뒤에 <a> 태그를 사용하면

팝업레이어에 등록 된 이미지를 클릭시 원하는 링크로 이동하게 할 수 있습니다.


 

추천 0 비추천 0
  • 페이스북으로 보내기
  • 트위터로 보내기
  • 구글플러스로 보내기
  • 밴드 보내기
  • 블로그 보내기
  • 폴라 보내기
  • 카카오스토리 보내기
  • 텔레그램 보내기
  • 텀블러 보내기
댓글 0

그누보드 팁

RSS
번호 제목 글쓴이 날짜 추천 비추천
상단으로