[관리] 팝업레이어 기능 사용시 팝업에 링크 걸기 > 정보공유

본문 바로가기

정보공유

일반글
그누보드팁

[관리] 팝업레이어 기능 사용시 팝업에 링크 걸기

페이지 정보

게시물QR코드

본문

그누보드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> 태그를 사용하면

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


 

댓글목록

등록된 댓글이 없습니다.

  • Addr.부산광역시 동구 중앙대로 319, 9층 L4호(초량동, 부산YMCA빌딩) Email. gnuwiz@naver.com
  • BR. 625-68-00172 TRC. 2019-부산해운대-1186 TEL. 0507-1382-2790
All rights reserved.