신규 홈페이지 매뉴얼
누리미디어에서 제공하는 신규 학회 홈페이지 빌더 관리자용 매뉴얼입니다.
구버전의 빌더를 사용하시는 학회 관리자분들 중 홈페이지 기능에 궁금하신 점이 있으시거나
신규 빌더로의 리뉴얼 상담이 필요하신 고객께서는 고객센터로 문의 부탁드립니다.
매뉴얼은 주기적으로 업데이트되고 있습니다.
- 제목
-
팝업 관리하기
- 작성일
- 2020.06.18
- 첨부파일0
1. 관리자 페이지 접속 또는 홈페이지 우측 최상단 '관리자' 클릭
(모바일은 우측 … 버튼 클릭 후 '관리자' 클릭)
2. 대표운영자 또는 운영자 계정 로그인
![](https://waf-e.dubuplus.com/onestop.dubuplus.com/anonymous/O18Bqxu/DubuDisk/Users/manual/onestop_login.png)
팝업 생성하기
1. 팝업 앱 클릭
![](https://waf-e.dubuplus.com/onestop.dubuplus.com/anonymous/O18BsQT/DubuDisk/Users/manual/popup1.png)
2. 팝업 생성 클릭
![](https://waf-e.dubuplus.com/onestop.dubuplus.com/anonymous/O18BsQS/DubuDisk/Users/manual/popup2.png)
3. 팝업명 입력 후 다음
![](https://waf-e.dubuplus.com/onestop.dubuplus.com/anonymous/O18BsQQ/DubuDisk/Users/manual/popup3.png)
4. 다음을 누르면 팝업설정화면으로 자동 이동됩니다. 아래 내용 참고하여 자유롭게 설정해주세요.
팝업 노출요소
![](https://waf-e.dubuplus.com/onestop.dubuplus.com/anonymous/O18BsQR/DubuDisk/Users/manual/popup4.png)
팝업 디자인요소
![](https://waf-e.dubuplus.com/onestop.dubuplus.com/anonymous/O18BsQo/DubuDisk/Users/manual/popup5.png)
5. 모두 완료되면 우측 상단 저장 클릭 완료
![](https://waf-e.dubuplus.com/onestop.dubuplus.com/anonymous/O18BsSU/DubuDisk/Users/manual/popup_save.png)
팝업 내리기
1. 팝업 목록에서 숨기고 싶은 팝업의 설정 아이콘 클릭
![](https://waf-e.dubuplus.com/onestop.dubuplus.com/anonymous/O18BsQr/DubuDisk/Users/manual/popup_close.png)
2. 노출안함 선택 후 저장 클릭
![](https://waf-e.dubuplus.com/onestop.dubuplus.com/anonymous/O18BsQq/DubuDisk/Users/manual/popup_close2.png)
3. 아래처럼 보이면 성공 완료
![](https://waf-e.dubuplus.com/onestop.dubuplus.com/anonymous/O18BsQp/DubuDisk/Users/manual/popup_close3.png)
이미지 반영하기(기본)
※ 따로 제작한 이미지가 있다면 아래 방법에 따라 시도해주세요!
1. 해당하는 이미지 파일 선택 후 마우스 우버튼 - 속성 클릭
![](https://waf-e.dubuplus.com/onestop.dubuplus.com/anonymous/O18BsRC/DubuDisk/Users/manual/popup_bg_imgsize.png)
2. 자세히 탭 이동 후 이미지 사이즈 확인 후 기억해두기
![](https://waf-e.dubuplus.com/onestop.dubuplus.com/anonymous/O18BsRB/DubuDisk/Users/manual/popup_bg_imgsize2.png)
3. 팝업에 기본으로 추가된 요소를 하나씩 클릭하여 모두 삭제
![](https://waf-e.dubuplus.com/onestop.dubuplus.com/anonymous/O18BsRA/DubuDisk/Users/manual/popup_bg_imgsize4.png)
4. 팝업설정화면 - 창크기에 기억해둔 사이즈 입력
![](https://waf-e.dubuplus.com/onestop.dubuplus.com/anonymous/O18BsR9/DubuDisk/Users/manual/popup_bg_imgsize3.png)
5. 미리보기 상단 팝업디자인설정 아이콘 클릭
![](https://waf-e.dubuplus.com/onestop.dubuplus.com/anonymous/O18BsR8/DubuDisk/Users/manual/popup_bg_imgsize5.png)
6. 기본 배경 삭제 후 이미지 추가
![](https://waf-e.dubuplus.com/onestop.dubuplus.com/anonymous/O18BsRD/DubuDisk/Users/manual/popup_bg1.png)
7. 정상적으로 반영된 것을 확인하실 수 있습니다.
![](https://waf-e.dubuplus.com/onestop.dubuplus.com/anonymous/O18BsR7/DubuDisk/Users/manual/popup_bg2.png)
이미지 반영하기(심화)
※ 이미지 사이즈가 큰 경우, 아래 방법도 확인해주세요!
1. 그림판 실행(반드시 그림판일 필요는 없으며 사용하시기 편한 그래픽 프로그램 실행해주세요.)
2. 여기서는 그림판으로 해보겠습니다. 이미지를 불러온 상태입니다.
![](https://waf-e.dubuplus.com/onestop.dubuplus.com/anonymous/O18BsR1/DubuDisk/Users/manual/popup_downsize.png)
3. 좌측 상단 크기 조정 클릭
![](https://waf-e.dubuplus.com/onestop.dubuplus.com/anonymous/O18BsQx/DubuDisk/Users/manual/popup_downsize2.png)
4. 픽셀 탭으로 이동. 현재 사이즈는 1532x2465로 보통 모니터 해상도가 1920x1080인 것을 감안하면 큰 편입니다.
![](https://waf-e.dubuplus.com/onestop.dubuplus.com/anonymous/O18BsQw/DubuDisk/Users/manual/popup_downsize3.png)
5. 원하는 사이즈 입력 후 계산된 값 기억해두기
(보통 팝업은 700픽셀을 넘지 않는 것이 적절하긴 합니다.)
![](https://waf-e.dubuplus.com/onestop.dubuplus.com/anonymous/O18BsQv/DubuDisk/Users/manual/popup_downsize4.png)
6. 팝업설정화면 - 창크기에 기억해둔 사이즈 입력
![](https://waf-e.dubuplus.com/onestop.dubuplus.com/anonymous/O18BsQt/DubuDisk/Users/manual/popup_downsize5.png)
7. 팝업디자인설정에서 기본 배경 삭제 후 이미지 추가
완료되면 가로세로100%으로 창크기에 이미지 맞추기
![](https://waf-e.dubuplus.com/onestop.dubuplus.com/anonymous/O18BsQs/DubuDisk/Users/manual/popup_downsize6.png)
8. 비율에 맞게 설정된 것을 확인하실 수 있습니다.
![](https://waf-e.dubuplus.com/onestop.dubuplus.com/anonymous/O18BsQu/DubuDisk/Users/manual/popup_downsize7.png)
이미지맵 연결하기
※ 이미지 내 '어떤 내용'을 클릭하면 원하는 페이지로 이동하게 해달라는 요청이 많습니다.
아래 예시를 통하여 알려드리겠습니다.
1. 해당 팝업에 있는 바로가기 버튼에 링크를 걸 예정입니다.
![](https://waf-e.dubuplus.com/onestop.dubuplus.com/anonymous/O18BsR5/DubuDisk/Users/manual/popup_button2.png)
2. 좌측 상단 요소추가에 있는 버튼 아이콘 클릭
![](https://waf-e.dubuplus.com/onestop.dubuplus.com/anonymous/O18BsR6/DubuDisk/Users/manual/popup_button.png)
3. 미리보기 좌측 상단에 추가된 버튼을 원하는 위치로 이동
![](https://waf-e.dubuplus.com/onestop.dubuplus.com/anonymous/O18BsR4/DubuDisk/Users/manual/popup_button.gif)
4. 더블클릭하여 기본으로 입력된 내용 삭제
![](https://waf-e.dubuplus.com/onestop.dubuplus.com/anonymous/O18BsR3/DubuDisk/Users/manual/popup_button3.png)
5. 사이즈에 맞게 조절
![](https://waf-e.dubuplus.com/onestop.dubuplus.com/anonymous/O18BsR2/DubuDisk/Users/manual/popup_button4.png)
6. 조절이 완료되면 설정 아이콘 클릭하여 버튼 설정을 합니다.
테두리를 켜서 투명 테두리로 설정하고, 링크를 켠 뒤 원하는 페이지 주소를 입력하면 끝
![](https://waf-e.dubuplus.com/onestop.dubuplus.com/anonymous/O18BsR0/DubuDisk/Users/manual/popup_button5.png)
7. 배경색 마우스 오버를 켜서 롤오버 효과를 줄 수도 있습니다.
![](https://waf-e.dubuplus.com/onestop.dubuplus.com/anonymous/O18BsQz/DubuDisk/Users/manual/popup_button_hover.png)
8. 위 예시처럼 설정하고 마우스 커서를 갖다대면 아래와 같이 보입니다.
![](https://waf-e.dubuplus.com/onestop.dubuplus.com/anonymous/O18BsQy/DubuDisk/Users/manual/popup_button_hover.gif)
게시물수정
게시물 수정을 위해 비밀번호를 입력해주세요.
댓글삭제게시물삭제
게시물 삭제를 위해 비밀번호를 입력해주세요.