Skip to main content

일반 디스플레이(일반위젯)

일반위젯 사용예시

1. 메인슬라이드

위젯코드 : ma-main-slider

- 관리자 페이지

image.png

- 사용자 페이지

image.png

2. 메인 홍보 문구

위젯코드 : mb-main-text

1. 관리자 페이지

image.png

2. 사용자 페이지

image.png

3. 쇼츠 영상 출력

위젯코드 : ma-sub-slider

1. 관리자 페이지

image.png

2. 사용자페이지

image.png


 

일반위젯 추가하기 (커스텀위젯)

1. 위젯코드 박스를 클릭하여 직접입력을 선택합니다.

image.png

2. 위젯코드를 입력합니다. 사이트 관리자가 구분하기 쉬운 코드로 입력하는 것이 좋습니다.

image.png

3. 언어구분, 기기구분, 일자 등을 선택합니다.

4. 위젯명을 입력합니다. 위젯명 또한 사이트 관리자가 구분하기 쉽도록 입력하는 것이 좋습니다.

image.png

5. 디자이너 참조용 미디어크기를 작성합니다. 웹디자이너 혹은 웹퍼블리셔가 작업시 참조할 해당 위젯의 사이즈를 입력합니다.(참조) 

image.png

6. 우측 상단 저장버튼을 클릭합니다.

7. 위젯 컨텐츠(내용) 추가 버튼을 클릭하여 위젯 콘텐츠를 추가합니다. 하단 리스트에 빈 컨텐츠가 추가됩니다.

image.png

8. 미디어연결 버튼을 클릭하여 해당 위젯에서 보여줄 이미지를 업로드합니다.

image.png

9. 해당 위젯 클릭시 이동되는 페이지링크를 입력합니다.

image.png

10. 이미지 하단에 추가될 해당 위젯의 명을 입력합니다.

image.png

11. 표시누락 체크박스를 클릭하면 여러가지 컨텐츠중 체크된 것만 누락시킬 수 있습니다.

image.png

12. 컨텐츠 입력이 완료되면 우측에 저장버튼을 눌러 저장합니다.

* 저장버튼 클릭시 자동으로 빈 컨텐츠가 1개 더 추가됩니다. 더이상 추가하고 싶지 않다면 우측 상단의 저장버튼을 눌러 저장합니다.

image.png

이제 커스텀 위젯 생성이 완료되었습니다.

 

일반위젯 수정하기


 

1. 우측 상단의 녹색 폴더 버튼을 클릭하여 위젯을 조회하겠습니다.

image.pngimage.png

2. "메인"으로위젯을 검색하거나 모바일, 테블릿, 데스크탑 디바이스별원하는 위젯이 조회됩니다. 

수정 및 추가하기 위해 위젯번호를 클릭합니다.

image.pngimage.png

3. 아래와 같이 수정하려는 위젯이 지정되었습니다. 우측 중간에 위젯 컨텐츠(내용) 추가 버튼을 클릭합니다.

3. 아래와 같이 수정하려는 위젯이 지정되었습니다. 우측 중간에 위젯 컨텐츠(내용) 추가 버튼을 클릭합니다.

image.png

4. 1행이 추가됩니다. 이미지 업로드를 위해서 미디어 업로드를 클릭합니다.

image.png

5. Browse 버튼을 클릭하여 수정 및 추가하려는 이미지를 선택합니다.

미디어 붙여넣기 클릭시 이미 미디어라이브러리에 업로드했던 이미지들을 가져와서 붙여넣을 수 있습니다.

image.png

6. 이미지를 업로드한 후 반드시 저장버튼을 통해 save 합니다.

image.png

서브배너 등록하기

1. 우측 상단 저장 버튼 옆 화살표 버튼 -> 새 위젯 버튼 클릭

image.png

2. 위젯코드를 "mb-sub-slider"로 선택합니다. 

image.png

3. 예시 이미지를 참고하여 아래 사항들을 작성해줍니다.

언어구분 : 한국어 선택

기기구분 : 디바이스를 선택합니다.

일자 : 등록일자를 지정합니다.

위젯명 : 사용자(관리자)가 인식하기 어렵지 않도록 작성합니다.

디자이너 참조용 미디어크기 :  "input media size for web designers" 를 작성합니다.

image.png

4. 위젯 컨텐츠(내용) 추가 버튼을 클릭합니다.

image.png

 5. 미디어 업로드 버튼을 클릭하여 메인 중간 배너로 들어갈 이미지를 선택합니다.

image.png

6. 저장버튼을 통해 추가해준 위젯을 반드시 저장해야합니다.

image.png


서브배너 참고 이미지

실제 서브배너가 적용된 예시 이미지입니다.

image.png

image.png

image.png


메인로고 등록하기

1. 우측 상단 저장 버튼 옆 화살표 버튼 -> 새 위젯 버튼 클릭

image.png

2. 위젯코드를 "mb-sub-slider"로 지정합니다. 

image.png

3. 예시 이미지를 참조하여 아래 사항들을 작성합니다.

언어구분 : 한국어 선택

기기구분 : 디바이스를 선택합니다.

일자 : 등록일자를 지정합니다.

위젯명 : 사용자(관리자)가 인식하기 어렵지 않도록 작성합니다.

디자이너 참조용 미디어크기 :  "input media size for web designers" 를 작성

image.png

4. 위젯 컨텐츠(내용) 추가 버튼을 클릭합니다.

image.png

5. 미디어 업로드 버튼을 통해 메인 메인로고로 들어갈 이미지를 선택합니다.

image.png

6. 저장버튼을 통해 추가해준 위젯을 저장합니다.

image.png


메인로고 참고용 이미지

실제 메인로고가 적용된 예시 이미지입니다.

image.png

image.png

image.png


메인텍스트 입력하기

1.