# 배너 ## 🚀 기능 소개 홈페이지에 노출되는 배너를 직접 등록, 수정, 삭제가 가능한 기능입니다. ![](https://3584866196-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MIbL9u3poikNbQuhkSz%2F-Mgo1veGq1FgrvGT5ucg%2F-Mgo4id2PO7AUYk_Wt3U%2Fimage.png?alt=media\&token=9129ea5a-16c0-4e9a-96ac-1b6a3689930c) ## 🧱 화면 구성 ![](https://3584866196-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MIbL9u3poikNbQuhkSz%2F-MdQ21vGq0VnYOJxL45z%2F-MdQ3up9hxVJ7yrrVCJN%2Fimage.png?alt=media\&token=da6530ed-5871-43af-a754-27d2ba013569) ### 1. 카테고리 배너 그룹 목록이 나타납니다.\ 각 그룹을 클릭하면 해당 배너그룹의 배너만 필터링하여 확인할 수 있습니다. ### 2. 배너 목록 현재 그룹에 해당하는 전체 배너입니다.\ 배너 노출 순으로 상단 부터 정렬되어 있으며, 배너 노출기간이 만료된 경우 하단에 배치되어 있습니다. 해당 배너의 적정 사이즈가 표기되어 있으므로 꼭 확인해주세요. ### 3. 필터 검색 현재 그룹에 해당하는 배너의 이름으로 검색하여 필터링이 가능합니다. ### 4. 액션 영역 새로운 배너를 등록할 수 있습니다. ### 5. 컨트롤 영역 현재 배너의 정보를 수정하거나 그룹을 변경하고 삭제할 수 있으며\ 노출 순서를 변경할 수 있습니다. ## 🙋‍♀️ 이용 안내 ### 1. 등록 ![](https://3584866196-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MIbL9u3poikNbQuhkSz%2F-MdQ21vGq0VnYOJxL45z%2F-MdQ4xa0XmSllxy4rAoQ%2Fimage.png?alt=media\&token=b933a719-5b9b-4602-a04c-5a1dbd6a5114) 우측 상단의 액션 영역에 배너 등록 버튼을 클릭해주세요.

위의 항목을 입력해주세요. \ 기간 설정시 기간제한 없이 노출 체크를 해제하신 뒤 기간을 입력해주세요.\ 우선 순위의 경우 숫자가 낮을수록 상위 노출 됩니다. 연결링크의 경우 \ 홈페이지 내부 링크 (게시물)은 새로운 창에서 열기 체크 해제를,\ 홈페이지 외부 링크는 새로운 창에서 열기 체크를 권장합니다. {% hint style="warning" %} 주의사항\ 이미지 업로드시 권장사이즈와 다른 경우 배너가 잘못 노출되는 경우가 발생합니다.\ 사이즈를 꼭 확인하여 업로드해주세요. {% endhint %} ### ### 2. 수정 ![](https://3584866196-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MIbL9u3poikNbQuhkSz%2F-MdQ21vGq0VnYOJxL45z%2F-MdQRGy2CB7DjBrB5rca%2Fimage.png?alt=media\&token=210ba9b2-c22f-4451-bf47-2f0e08c84d21) 수정을 희망하는 배너 컨트롤 영역에서 수정 버튼을 클릭해주세요. ![](https://3584866196-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MIbL9u3poikNbQuhkSz%2F-MdQ21vGq0VnYOJxL45z%2F-MdQR_RpZaA0Y72rWM6z%2Fimage.png?alt=media\&token=4aa9f515-a504-4898-b4b4-5852096c65ad) 수정할 내용을 입력후 저장 버튼을 클릭해주세요. ### 3. 삭제

삭제를 희망하시는 배너 컨트롤 영역의 우측에 있는 X버튼을 클릭해주세요.

확인창에서 확인 버튼을 클릭해주세요. {% hint style="danger" %} 주의사항\ 삭제된 내용은 복구 하실 수 없습니다. {% endhint %} ### 4. 그룹이동

그룹 이동을 희망하는 배너 컨트롤 영역에서 퍼즐 모양의 아이콘을 클릭해주세요. ![](https://3584866196-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MIbL9u3poikNbQuhkSz%2F-MdQ21vGq0VnYOJxL45z%2F-MdQT5R1hANqeJG5J-6H%2Fimage.png?alt=media\&token=5c0c7e5c-b16a-475e-8f71-a0f1dad63c2d) 변경할 그룹을 선택하고 저장 버튼을 클릭해주세요. ### 5. 순서 변경

순서 변경을 위해서는 먼저 카테고리의 그룹을 선택해주세요. ![](https://3584866196-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MIbL9u3poikNbQuhkSz%2F-MdQ21vGq0VnYOJxL45z%2F-MdQThyclDzD7Gcawfxt%2Fimage.png?alt=media\&token=578e16c2-4cc4-4b2b-93ad-620f6e078961) 배너의 컨트롤 영역에서 화살표 모양을 마우스로 클릭한 상태로 드래그하여 조정할 수 있습니다.